Blog

Video Youtube pada Halaman Produk Website Magento


Video Youtube pada Halaman Produk Website Magento

Video Youtube pada Halaman Produk Website Magento

Perkembangan Toko Online/ E-Commerce menuntut penjual tidak hanya menyediakan gambar produk saja sebagai informasi terhadap produk yang dijual, tetapi sudah merambah ke video. Kenapa? Hal ini dikarenakan calon pembeli ingin mendapatkan informasi secara akurat dan lengkap terhadap produk yang ditawarkan pada Toko Online tersebut. Pada video, calon pembeli produk dapat melihat dari berbagai sisi terhadap produk tersebut. Bagi Penjual atau pemilik Toko Online, Video juga berfungsi sebagai Iklan yang mampu menarik minat calon pembeli. Misalnya pada video dijelaskan bagaimana kegunaan-kegunaan produk tersebut secara detail yang belum terpikirkan oleh Calon Pembeli.

Hal kecil ini dapat membuat sang calon pembeli menjadi semakin tertarik dan pada akhirnya akan membeli produk tersebut. Selain sebagai media iklan, video juga dapat meningkatkan traffic/kunjungan pada sebuah website. Metode SEO ini dilakukan dengan cara mengupload video tentang produk yang kita tawarkan pada Youtube dan memberikan deskripsi berisikan link yang mengarah ke website kita. Dengan cara ini, halaman produk pada website akan akan bertambah kunjungannya.

Video Youtube pada Halaman Produk Website Magento

Megapa mengupload video ke Youtube? Dengan pengguna Youtube yang mencapai lebih dari 1 Miliar pengguna (sumber) sangat mungkin sekali jika video yang kita upload akan dilihat oleh banyak pengguna Youtube. Tentunya buatlah video yang menarik dan tidak membosankan. Setelah video kita terupload di Youtube, kita akan mencoba untuk menampilkan video tadi pada halaman produk Magento Website. Berikut adalah bagaimana cara untuk menampilkan youtube video pada halaman produk website Magento.

1. Login Backend Magento
Tahap pertama tentu saja anda harus login pada backend magento website anda. Setelah login ikuti langkah 2

2. Masuk ke Catalog -> Attributes -> Manage Attributes

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

Setelah Masuk ke Halaman Manage Attributes, Klik Add New Attribute pada pojok kanan atas.

3. Masukkan data-data seperti Gambar

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

Kemudian Klik Manage Label/Options Tab sebelah kiri dan masukkan Youtube Video pada Admin.

4. Frontend Properties

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

Set ‘Visible on Product View Page on Front-end’ -> Yes. Tujuannya agar attribute yang kita buat dapat tampil pada halaman frontend.

5. Masuk ke Catalog -> Attributes -> Manage Attribute Sets

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

Pada attribute Sets, saya akan menggunakan Set Default untuk menambahkan Attribute Youtube Video yang sudah dibuat tadi. Klik Attribute Default, kemudian Drag youtube_vid dari Unssigned Attribute ke Groups dan tempatkan di bawah short_description.

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

6. Masuk ke Catalog -> Product
Buat Sebuah Product dengan Attribute Set Default dan type Simple Product. Jika anda melakukan dengan benar makan akan muncul Attribute Youtube Video di antara Short Description dan SKU seperti gambar

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

Lanjutkan membuat produk dengan mengsisi data-data nya. Kemudian embed lah sebuah video dari Youtube dan taruh kodenya pada Inputan Youtube video seperti gambar di bawah.

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

Setelah semua selesai Klik Save dan Cek produk anda pada frontend website.

You are Done! Hurrayy

Jika Sukses maka akan muncul sebuah tab baru bernama Additional Information pada Halaman Produk dan terdapat video youtube yang kita upload tadi. Disini saya menggunakan template RWD dan tampilannya seperti di bawah.

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

Saya ingin video saya diposisikan di tempat lain

Sekarang kita akan mencoba untuk menempatkan video di luar tabs. Misal diantara gambar produk dan Tabs.
Pada Magento anda masuk ke file app\design\frontend\rwd\default\template\catalog\product\view.phtml. Kemudian tambahkan kode seperti dibawah

<!-- product-essential div block -->
<div id="youtubeVideo">
    	<?php
			echo $attributeValue = Mage::getModel('catalog/product')->load($_product->getId())->getYoutubeVid(); //kode ini digunakan untuk memanggil attribute code youtube_vid dengan menggunakan getYoutubeVid

		?>
    </div>
<!-- product-collateral div block -->

Tampilan dari kode diatas adalah seperti gambar di bawah.

Youtube Video pada Halaman Produk Magento Website

Youtube Video pada Halaman Produk Magento Website

Cukup gampang kan? Selamat mencoba dan semoga berhasil. Silakan isikan comment di bawah jika terdapat kesulitan pada saat mencoba 😀