Untuk menambahkan Video Youtube pada halaman produk, Anda harus mendapatkan API key dari akun Youtube tersebut. Langkah untuk mendapatkan API key Youtube:
Masuk pada halaman Google Developers Console , login akun Anda
Pada menu bagian Dashboard pilih Create Project
Gambar 1: Tampilan pada halaman Create Project
Setelah membuat projek baru, pilih menu Dashboard lalu klik Enable APIS and Services
Gambar 2: Tampilan menu API
Scrolldown, setelah itu pada bagian Youtube pilih Youtube Data API v3 > Enable
Gambar 3: Tampilan pada halaman Library bagian Youtube
Pada menu Overview klik Create Credential
Gambar 4: Tampilan pada halaman Overview
Langkah selanjutnya isi pilihan sesuai intruksi gambar dibawah ini
Gambar 5: Tampilan konfigurasi credential
“Which API are you using ?” > Youtube Data API v3
“Where will you be calling the API from?” > Web server (e.g. node.js, Tomcat)
“What data will you be accessing ?” > Public data
Salin API key Youtube Anda. API key ini akan digunakan untuk konfigurasi Youtube anda untuk menambahkan video produk.
Gambar 6: Tampilan konfigurasi Credential
Konfigurasi Youtube API key
Backoffice > Stores > Configuration > Catalog > Catalog
Pada menu Catalog pilih Product Video
Pada bagian Youtube API key masukan API key yang sudah Anda dapatkan > Save Config
Gambar 7: Tampilan Konfigurasi Product Video
Menambahkan Video di PDP Preview
Backoffice > Catalog > Products
Buka Produk dalam mode edit atau Add Product untuk membuat produk yang baru
Pada bagian Images And Videos klik Add video
Gambar 8: Tampilan tombol penambahan video
Gambar 9: Tampilan Form Add Video
Url : isi dengan url video Anda yang telah diunggah di Youtube.
Title : judul untuk video tersebut. Secara default akan mengikuti dari judul video yang Anda unggah di Youtube.
Klik Save
Tampilan Frontend PDP versi Magento
Gambar 10: Tampilan hasil menambahkan video pada halaman PDP bagian Preview
Tampilan Frontend PDP versi PWA
Gambar 11: Tampilan hasil menambahkan video pada halaman PDP bagian Preview
Menambahkan Video di PDP bagian Deskripsi Produk
Buka Produk dalam mode edit atau Add Product untuk membuat produk yang baru
Pada bagian Deskription klik Show/Hide Editor , tambahkan kode saat Anda melakukan Embed Video Youtube Anda
Gambar 12: Tampilan pada halaman produk dalam mode edit bagian Description
Cara Embed Video Youtube:
Buka Video Youtube Anda
Klik Share dibagian bawah video , maka akan muncul pop up yang menunjukan kode tersebut, salin kode tersebut
Gambar 13: Tampilan pada halaman Youtube
Klik Save
Gambar 14: Tampilan hasil menambahkan video pada halaman PDP bagian Details