Panduan Lengkap Shopify + Swarmify untuk Hosting Video eCommerce

Swarmify membantu Anda mempercepat video di toko online Shopify Anda untuk meningkatkan keterlibatan pengguna dan meningkatkan pendapatan Anda.

Tahukah Anda bahwa halaman produk dengan konten video mengalami peningkatan konversi sebesar 80% ? Itu benar, pelanggan Anda senang melihat apa yang mereka dapatkan.

Anda dapat mengunggah gambar produk terbaik, menulis deskripsi yang menarik, dan mengumpulkan ulasan cemerlang tentang produk Anda, tetapi konten video mengarahkan poin ke rumah dalam hitungan detik.

Anda dapat dengan mudah mendemonstrasikan cara kerja produk Anda dan menggunakan testimonial video untuk menunjukkan mengapa orang mengoceh tentang produk Anda. Intinya adalah pemasaran video adalah taktik yang ampuh untuk meningkatkan penjualan di toko eCommerce Shopify Anda.

Dan dalam posting blog hari ini, kami menunjukkan kepada Anda cara menggunakan Swarmify dan Shopify untuk menyajikan video yang dimulai secara instan, bebas buffer, dan sangat cepat kepada pengguna Anda. Menyiapkan semuanya semudah A, B, C, jadi jangan khawatir jika Anda tidak paham teknologi :)

Dengan Swarmify, Anda menikmati pengalaman pengguna yang lebih baik, tingkat konversi yang lebih tinggi, dan, pada akhirnya, lebih banyak penjualan. Di sisi lain, video lambat yang sarat dengan tautan pihak ketiga (misalnya, YouTube) hanya akan menodai merek Anda, mencuri lalu lintas Anda, dan membuat pengguna pergi.

Sekarang Anda tidak menginginkan itu, dan kami juga tidak. Tanpa basa-basi lagi, mari kita mulai dengan beberapa informasi latar belakang, jadi kita berada di halaman yang sama.

Apa itu Shopify?

Shopify adalah platform e-niaga terkemuka di industri. Mereka menawarkan banyak alat untuk membuat toko online dan mulai beroperasi.

Baik Anda seorang pemula atau pro, Shopify membuatnya sangat mudah untuk mulai menjual, baik secara online atau di toko batu dan mortir Anda.

Membuat toko online Shopify adalah tugas siswa kelas empat. Platform ini dilengkapi dengan pembuat toko yang mudah dan banyak templat siap pakai yang dapat Anda sesuaikan hingga Anda berhenti.

Selain itu, mereka menawarkan editor produk yang ramah pengguna, memungkinkan Anda membuat, menerbitkan, dan mengelola inventaris Anda seperti bos. Anda bahkan dapat mengoptimalkan produk Anda untuk mesin pencari berkat fitur SEO bawaan.

Selain itu, Anda memiliki semua alat yang Anda butuhkan untuk memproses dan mengirimkan pesanan tanpa berkeringat. Selain itu, mereka menawarkan Anda seperangkat alat pemasaran untuk "...membuat, melaksanakan, dan menganalisis kampanye pemasaran digital..." tanpa menebak-nebak.

Di atas semua itu, Anda memiliki beberapa gateway pembayaran yang Anda inginkan, yang membuatnya mudah untuk mengumpulkan dan memproses pembayaran.

Mereka memulai Anda dengan uji coba 14 hari, tanpa kartu kredit yang diperlukan untuk menguji air. Untuk membuka kemampuan penuh Shopify, Anda harus mendaftar untuk paket berbayar.

Fitur Utama Shopify

Shopify adalah platform eCommerce pilihan bagi jutaan pengguna, berkat fitur-fitur seperti:

• Editor situs web yang mudah digunakan untuk menyiapkan toko online seperti pengembang web berpengalaman
• 70+ tema yang dapat Anda sesuaikan agar sesuai dengan toko Anda
• Point of Sale (POS), sehingga Anda dapat berjualan di toko Anda atau di smartphone/perangkat seluler Anda
• Integrasi Oberlo yang mudah untuk bisnis pengiriman barang
• Pembuat toko online
• Beberapa pemroses pembayaran
• Desain responsif dan ramah seluler
• Foto stok gratis
• Edit HTML, CSS, dan JS toko Anda dengan mudah
• Nama domain khusus misalnya, swarmify.com
• Platform blogging lengkap, yang sangat bagus untuk pemasaran konten
• Sertifikat SSL gratis
• Pemulihan checkout yang terbengkalai
• Tarif pengiriman fleksibel dan pajak otomatis
• Beberapa bahasa
• $100 kredit iklan Google jika Anda membelanjakan $25 untuk akun Google Advertising baru
• Integrasi media sosial yang mulus
• Bandwidth tidak terbatas
• Dukungan 24/7
• Dan masih banyak lagi!

Jika Anda sudah menggunakan Shopify, Anda tidak perlu saya tunjukkan mengapa ini adalah platform eCommerce yang luar biasa. Jika Anda seorang pemula total dengan keterampilan teknologi nol, Anda tidak akan pernah salah dengan Shopify sebagai penyedia eCommerce Anda.

Untuk mempermanis kesepakatan, Shopify menawarkan paket terjangkau mulai dari $9 per bulan. Jika Anda memulai bisnis baru, paket Basic Shopify ($29/bulan) mereka menawarkan nilai uang yang sangat baik.

Yang mengatakan, apa itu Swarmify?

Apa itu Swarmify?

Kecuali Anda benar-benar baru di sini, Swarmify adalah layanan akselerasi video unik yang membantu Anda mengirimkan video 12x lebih cepat kepada pengguna Anda.

Kami menggunakan teknologi yang sama yang digunakan raksasa streaming Netflix dan Hulu untuk menghadirkan pengalaman video yang bebas lag dan buffer.

Jika Anda menggunakan (atau berencana untuk menggunakan) video di toko Shopify Anda, kami menawarkan apa yang Anda butuhkan untuk meningkatkan kecepatan pemuatan video Anda.

Selain itu, kami membantu Anda memberikan pengalaman video yang sepenuhnya disesuaikan kepada pembeli Anda.

Alih-alih menggunakan pemutar video YouTube yang dilengkapi dengan pencitraan merek YouTube, tautan, dan video yang direkomendasikan dari pesaing Anda, kami menawarkan pemutar SmartVideo kami.

Pemutar video revolusioner kami tidak mengandung branding atau tautan apa pun. Ini 100% bebas kekacauan, ditambah Anda dapat menyesuaikannya agar sesuai dengan toko Shopify Anda dalam hitungan menit.

Inilah mengapa banyak pengusaha seperti Anda memilih Swarmify SmartVideo untuk toko online Shopify mereka.

Fitur Utama Swarmify

Kami adalah pemimpin di lapangan, dan menawarkan fitur yang sesuai dengan reputasi kami.

• Bandwidth tidak terbatas lho, sama seperti Shopify :)
• Penyimpanan tidak terbatas
• Jaringan pengiriman konten video SmartCDN - Pembeli Anda menikmati video 12x lebih cepat daripada rata-rata industri, di mana pun mereka berada
• Konversi YouTube otomatis - Jika Anda sudah menggunakan YouTube, dan memiliki beberapa video YouTube di toko Shopify Anda, SmartVideo mengonversi semua video secara otomatis, dan menayangkannya dari tumpukan dan CDN super cepat kami
• Kemampuan untuk meng-host video di beberapa platform seperti YouTube, Wistia, Vimeo, Google Drive, Amazon S3, pCloud dan sebagainya. Pelanggan Anda tidak akan membedakannya karena kami menayangkan semua video Anda di pemutar video kami yang rapi
• Encoding video yang luar biasa untuk pengalaman menonton yang dioptimalkan di setiap perangkat
• Optimalisasi streaming berkelanjutan - Sepanjang pemutaran, SmartVideo terus memantau pengalaman video setiap pengguna individu dan mencegah kegagalan sebelum terjadi.
• Pemutaran bebas macet - SmartVideo menawarkan buffering 8x lebih sedikit selama pemutaran daripada rata-rata pemain lain. Sekarang, pelanggan Anda tidak perlu menunggu video produk di-buffer. Anda memiliki EdgeAI kami untuk berterima kasih untuk itu :)
• Instalasi mudah
• Dukungan kelas atas yang didukung oleh pengembang yang bersemangat
• Dan masih banyak lagi (Baca selengkapnya tentang fitur di sini)

Sebagai seorang pengusaha, Anda ingin menggunakan video di toko online Shopify Anda untuk retensi pengguna yang lebih baik, tingkat konversi yang lebih tinggi, dan lebih banyak penjualan.

Dan karena pemasaran video itu menantang, Anda memerlukan host video yang membuat pekerjaan Anda lebih mudah, bukan lebih sulit.

Memasuki Swarmify, dan Anda menghemat hari. Kami menawarkan apa yang Anda butuhkan untuk menyajikan pengalaman video yang cepat, disesuaikan, dan profesional kepada pembeli Anda.

Dengan pemutaran video yang cepat dan berkualitas tinggi di pihak Anda, menjual di toko Shopify Anda menjadi jauh lebih mudah daripada jika Anda menayangkan video langsung dari YouTube, Wistia, Vimeo, atau situs web hosting video lainnya.

Dengan pembukaan itu, mari kita maju dan mengintegrasikan SmartVideo dengan toko Shopify Anda.

Cara Menggunakan Shopify + SmartVideo untuk Hosting Video eCommerce

Untuk bagian berikut, Anda harus memiliki toko Shopify yang berfungsi. Jika Anda masih basah kuyup, inilah panduan bagus tentang cara membuat toko Shopify.

Selain itu, Anda memerlukan akun Swarmify yang sudah siap. Lihat paket harga terjangkau kami dan pilih paket yang sempurna untuk bisnis Anda. Ingin belajar lebih banyak? Lihat daftar studi kasus kami yang terus bertambah.

Bagaimana cara menambahkan SmartVideo ke halaman produk Shopify

Di bagian "Media" di halaman admin produk Anda, klik "Tambahkan media" dan unggah video. Setelah SmartVideo dipasang di situs Anda, video akan dikirim dari jaringan pengiriman global kami, namun, video akan tetap ditampilkan di pemutar video Shopify standar.

Untuk menampilkan video di pemutar SmartVideo, Anda harus mengizinkan SmartVideo mengonversi video YouTube atau Vimeo secara otomatis.

Untuk contoh produk kami, saya meminjam video review dari Unbox Therapy di YouTube.

Kemudian saya melanjutkan dan membuat produk sampel lengkap dengan video YouTube. Berikut tampilannya di toko sampel Shopify kami:

Cukup rapi, bukan? Saya harus mengakui itu terlihat bagus pada awalnya, tetapi ada beberapa masalah.

Pertama, ada branding YouTube yang jelas, yang mungkin tidak sesuai dengan toko Shopify Anda.

Kedua, judul di bagian atas pemutar video adalah tautan yang dijalin dengan cerdik yang mengarahkan pembeli Anda ke YouTube. Ketika Anda bekerja sangat keras untuk mengarahkan lalu lintas ke situs web Anda, Anda pasti tidak ingin itu terjadi.

Ketiga, inilah tampilan pemutar YouTube saat pengguna memutar dan menjeda video:

Lihat itu; pemutar YouTube penuh dengan kekacauan dan gangguan yang dimaksudkan untuk menyedot pengunjung Anda.

Lihat bagian "Video lainnya"?

Bagian tersebut dapat menampilkan video dari pesaing Anda , yang tidak dapat diterima. Dan ketika pembeli Anda membagikan video tersebut kepada teman-teman, tautan tersebut mengarahkan pengguna kembali ke YouTube, dan bukan toko Shopify Anda!

Jika Anda suka menggunakan video produk di toko Shopify Anda, Anda dapat dengan jelas melihat bagaimana meng- hosting video langsung dari YouTube menjadi masalah , meskipun itu layanan gratis.

Atau, seperti yang mereka katakan, tidak ada yang seperti makan siang gratis :)

Sederhananya...

Anda tidak dapat memproyeksikan nuansa dan tampilan profesional dengan pemutar video YouTube. Plus, gangguan hanya akan menghilangkan pembeli Anda, menghasilkan tingkat konversi dan penjualan yang lebih rendah.

Cara menambahkan SmartVideo ke halaman Shopify standar

Setelah SmartVideo diinstal, video YouTube dan Vimeo akan otomatis dikonversi di seluruh situs Anda, tetapi cara terbersih untuk menambahkan SmartVideo ke halaman Shopify normal adalah dengan memanfaatkan tag SmartVideo.

Di bagian konten admin halaman Anda, klik tombol "Sisipkan video" dan tempel tag SmartVideo Anda di kotak teks.

Setelah menginstal SmartVideo (seperti yang akan kita bahas di bagian berikutnya), video akan terlihat di halaman Anda:

Sekarang setelah Anda mengetahui apa yang sedang kami kerjakan, mari kita integrasikan Swarmify dengan toko Shopify Anda, dan lihat perbedaannya.

Salin Cuplikan Konfigurasi Swarmify Anda

Pada saat penulisan, kami tidak memiliki aplikasi Shopify. Itu berarti Anda harus mengintegrasikan Swarmify dengan Shopify secara manual. Semua sama, prosesnya semudah A, B, C.

Apa yang harus dilakukan?

Masuk ke Dasbor Swarmify Anda:

Dasbor Swarmify mudah dan mudah digunakan. Kami tidak membebani Anda dengan fitur yang tidak berguna. Kami tetap ramping seperti yang Anda suka :)

Selanjutnya, klik tab Konfigurasi , seperti yang ditunjukkan di bawah ini.

Pada layar berikutnya, pilih apakah Anda sudah memiliki video YouTube di toko Shopify Anda, dan klik Berikutnya :

Kiat Pro : Yang terbaik adalah memilih " Ya " untuk mengaktifkan konversi otomatis YouTube. Saya juga memilih " Ya. "

Setelah itu, pilih apakah Anda memiliki video latar belakang di toko Shopify Anda dan klik Berikutnya . Saya tidak memiliki video latar belakang, jadi saya memilih " Tidak :"

Pada halaman berikutnya, pilih apakah Anda ingin mengubah skema warna pemutar video.

Jika Anda ingin mengubah skema warna, pilih Ya (1), pilih warna khusus Anda (2), dan klik Berikutnya (3), seperti yang kami soroti di tangkapan layar di bawah ini.

Anda melakukan yang fantastis :)

Selanjutnya, pilih bentuk tombol pemutar video dan klik Berikutnya . Saat ini, kami memiliki tiga opsi: Default (Heksagonal), Rectangle dan Circle :

Selanjutnya, pilih apakah Anda ingin menambahkan tanda air khusus ke video Anda, dan klik tombol Berikutnya :

Terakhir, pilih apakah Anda ingin mengaktifkan iklan di video Anda, dan klik Selesai :

Karena Anda mungkin menambahkan video penjelasan ke produk Shopify, Anda lebih baik tanpa iklan.

Setelah itu, klik Copy to Clipboard , seperti yang kami detailkan di bawah ini.

Dengan cuplikan Swarmify Anda disalin, Anda siap untuk bagian selanjutnya: menambahkannya ke toko Shopify Anda.

Menambahkan Cuplikan Swarmify ke Toko Shopify

Di bagian berikut, kami menambahkan cuplikan Swarmify yang baru saja Anda salin ke toko Shopify Anda.

Jangan khawatir, ini sederhana :)

Masuk ke dasbor toko Shopify Anda, dan klik Toko Online dari menu navigasi kiri:

Selanjutnya, klik Tema , seperti yang kami tunjukkan di bawah ini.

Setelah itu, klik menu drop-down Actions , dan pilih Edit Code :

Selanjutnya, klik {/} theme.liquid :

Gulir ke bawah hingga Anda melihat bagian dengan kode JavaScript lainnya. Biasanya dimulai dengan tag <script> . Berikut tangkapan layar untuk membantu:

Selanjutnya, paste Swarmify Snippet yang Anda copy tadi di atas tag <script> dan klik Save , seperti gambar di bawah ini.

Dan itu saja!

Toko Shopify Anda sekarang terhubung ke Swarmify!

Mengagumkan, bukan?

Terima kasih sudah begitu sabar. Saya tidak ingin melewatkan langkah apa pun karena penting untuk melakukannya dengan benar sejak awal :)

Sekarang, Anda dapat terus mengunggah video ke YouTube dan menambahkannya ke toko Shopify Anda. Swarmify akan menyandikan, mengonversi, dan menyajikan semua video dalam pemutar video yang indah dan rapi.

Anda tahu, sesuatu seperti ini:

Tidak ada pencitraan merek YouTube, tidak ada tautan, dan tidak ada gangguan - hanya pemutar video bebas kekacauan yang tampak hebat bahkan ketika pengguna memutar dan menjeda video :)

N/B : Video membutuhkan waktu untuk dioptimalkan, bergantung pada durasinya. Video sampel saya berdurasi 3,58 menit, jadi saya menunggu sekitar empat menit :)

Dan bagaimana saya tahu bahwa video telah dioptimalkan sepenuhnya? Di pemutar video, Anda akan melihat Video Acceleration: ON , seperti yang ditunjukkan di bawah ini.

Video yang sama, halaman yang sama - hasil yang berbeda. Segala sesuatu yang akan menyedot lalu lintas Anda hilang.

Poof! Semua hilang.

Sekarang Anda dapat menempatkan pembeli di tempat yang paling Anda butuhkan - di halaman produk Anda :)

Video memuat 12x lebih cepat dari pemutar rata-rata, dan pemutar baru yang bebas kekacauan tampak luar biasa dan profesional.

Anda tidak akan tahu saya mendapatkan video dari YouTube jika Unbox Therapy tidak mengatakan, "Silakan berlangganan dan ikuti saya melalui tautan di deskripsi ... bla bla ..."

Omong-omong, dia pria yang hebat, tapi saya harap Anda mengerti maksudnya :)

Menyesuaikan Pemutar Video Lebih Lanjut

Kami memiliki beberapa tag untuk menyesuaikan pemutar video Anda lebih lanjut.

N/B : Tidak seperti kode JavaScript yang kami tambahkan ke bagian <HEAD> pada file {/}theme.liquid , Anda menambahkan tag SmartVideo berikut secara langsung di tempat Anda ingin menampilkan pemutar video Anda. Kami memiliki contoh Shopify yang bagus menjelang akhir :)

Jika Anda ingin menambahkan gambar poster atau thumbnail ke video Anda, salin-tempel kode berikut di situs Anda:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" poster="path/to/my/image.png" controls></smartvideo>

Catatan:

• Ganti " path/to/my/video.mp4" dan " path/to/my/image.png" dengan masing-masing jalur sebenarnya ke video dan gambar poster Anda
• Anda dapat menyesuaikan lebar dan tinggi pemutar sesuai keinginan Anda

Untuk memutar video Anda secara otomatis , gunakan tag SmartVideo berikut:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

Kiat Pro: Kecuali jika digabungkan dengan muted , banyak browser akan membatasi putar otomatis . Kami merekomendasikan hanya menggunakan putar otomatis dalam kombinasi dengan bisu . Juga, menambahkan playsinline sangat penting untuk pemutaran yang tepat di IOS/Safari saat diputar otomatis.

Untuk memberi tahu pemutar video agar memulai pemutaran dengan audio yang dibisukan, gunakan:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted></smartvideo>

Untuk mengulang video Anda untuk diputar ulang setelah berakhir, gunakan:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls loop></smartvideo>

Untuk mencegah video diputar layar penuh di Safari iOS, gunakan:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls playsinline></smartvideo>

Untuk membuat pemutar tidak responsif (lebar dan tinggi tetap), hapus class="swarm-fluid" dari tag Anda.

N/B: Jika Anda menggunakan YouTube sebagai sumber video Anda:

• Ubah semua video dari "pribadi" menjadi "tidak terdaftar". Dengan cara ini Swarmify dapat mengambil dan memproses video Anda.
• Gunakan tautan semat yang benar, bukan tautan langsung ke halaman. Sebagai contoh, gunakan https://www.youtube.com/embed/wBp0Rb-ZJak (baik) alih-alih https://www.youtube.com/watch?v=wBp0Rb-ZJak (buruk) .

Selain itu, jangan hapus kontrol yang disertakan dalam setiap tag SmartVideo. Jika Anda melakukannya, pengguna Anda tidak akan memiliki tombol untuk memutar video Anda.

Contoh Shopify yang Bekerja

Untuk mengilustrasikan cara menggunakan tag SmartVideo di Shopify, saya akan menambahkan video ke halaman Shopify baru.

Anda juga dapat menambahkan tag SmartVideo ke postingan blog Shopify - prosedurnya tetap sama.

Saya menggunakan video yang sama dari Unbox Therapy. Ingatlah untuk menggunakan kode sematan, dan bukan tautan langsung.

Dengan demikian, tag SmartVideo siap saya terlihat seperti ini:

 <smartvideo src="https://www.youtube.com/embed/MPzBcvGtry8" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

Selanjutnya, masuk ke admin toko Shopify Anda, dan navigasikan ke Toko Online > Halaman dan tambahkan halaman baru :

Catatan, toko saya benar-benar baru tanpa halaman :) Jika Anda memiliki halaman yang sudah ada, Anda akan melihat sesuatu seperti ini:

Tidak masalah, Anda dapat mengedit halaman yang ada atau mengklik Tambahkan halaman untuk menambahkan halaman baru. Melakukannya membawa Anda ke editor halaman.

Selanjutnya, tambahkan judul ke halaman Anda dan alihkan ke HTML, seperti yang ditunjukkan di bawah ini.

Selanjutnya, salin-tempel tag SmartVideo Anda dan klik Simpan , seperti yang kami soroti di bawah ini:

Sekarang, jika Anda melihat halaman Anda di front-end, Anda akan melihat:

Video uji kami ada di sana - lengkap dengan akselerasi video latar belakang. Video mulai diputar secara otomatis karena tag SmartVideo saya menyertakan putar otomatis dan dibisukan . Anda juga dapat melihat semua kontrol di sana.

Dan hanya itu yang perlu dilakukan dengan menggunakan tag SmartVideo untuk menyesuaikan pemutar video Anda lebih jauh. Gabungkan berbagai tag untuk mencapai hasil yang Anda inginkan.

Kata-kata Terakhir

Swarmify adalah standar baru untuk hosting video. Pasangkan teknologi kami dengan Shopify, dan Anda memiliki alat untuk menyajikan pengalaman video yang fantastis kepada pembeli Anda yang bersemangat.

Kami memberikan pengalaman video yang cepat, dapat disesuaikan, dan berkualitas tinggi untuk berbagai bisnis, seperti bisnis Anda. Ini adalah misi menyeluruh kami, dan kami menjadi lebih baik setiap hari.

Jangan percaya kata-kata kami, lihat studi kasus kami dan temukan bagaimana bisnis lain membunuhnya dengan hosting video Swarmify untuk eCommerce.