Panduan Lengkap Webflow + Swarmify untuk Hosting Video

Apakah Anda menggunakan Webflow? Jika demikian, Swarmify menawarkan apa yang Anda butuhkan untuk menghadirkan pengalaman video super cepat dan berkualitas tinggi.

Apa itu konten yang bagus? Apa itu halaman arahan? Apa itu situs web?

Lewatlah sudah hari-hari ketika membuat situs web adalah pelestarian pengembang web naga bernapas api.

Saat ini, Anda dapat menyiapkan situs web yang luar biasa dalam waktu yang dibutuhkan orang berikutnya untuk menyelesaikan sandwich.

Berkat pembuat situs web seperti Webflow, Anda tidak perlu tahu apa-apa tentang pengkodean untuk membuat situs web yang luar biasa dalam sekejap.

Untuk posting hari ini, saya membuat situs web sampel ( Anda akan melihatnya dalam satu menit ) dalam waktu kurang dari 30 menit! Dan saya bukan yang Anda sebut sebagai pengembang web profesional. Bahkan dalam mimpiku :)

Alat seperti Webflow telah menghilangkan banyak rintangan yang membuat orang yang tidak paham teknologi seperti Anda dan saya tidak dapat membangun situs web.

Sekarang...

Jika Anda menggunakan video di situs Webflow Anda, Anda ingin mereka memuat dengan cepat dan tanpa mengulur waktu.

Anda hanya ingin menawarkan pengalaman menonton terbaik kepada pengguna Anda, dan tidak kurang dari itu.

Video lambat yang buffer selama pemutaran hanya akan mengganggu pengunjung Anda dan membuat mereka berlari ke bukit dan langsung ke pelukan pesaing Anda yang menunggu.

Anda tidak menginginkan itu karena Anda pintar. Juga, karena Anda sekarang memiliki teknologi SmartVideo Swarmify yang Anda inginkan.

SmartVideo memungkinkan Anda untuk menawarkan pengalaman video yang sepenuhnya disesuaikan dan profesional kepada pengguna Anda.

Anda dapat mengirimkan video yang 12x lebih cepat dari rata-rata pemain di industri ini. Lebih baik lagi, solusi pengiriman SmartVideo yang dipatenkan mengurangi kemacetan hingga 8x.

Dan dalam posting hari ini, kami menunjukkan kepada Anda bagaimana mengintegrasikan Swarmify dengan Webflow untuk mempercepat video untuk keterlibatan pengguna yang lebih baik dan lebih banyak penjualan!

Tanpa basa-basi lagi, mari kita menimbang jangkar dan berlayar :)

Apa itu Webflow?

Jadi, hewan apa yang kita sebut Webflow ini? Bagi yang belum tahu, Webflow adalah perusahaan Amerika yang berbasis di San Francisco.

Mereka menawarkan platform Software as a Service (SaaS) untuk pembuatan situs web dan hosting, semuanya dibundel dalam satu paket.

Webflow menawarkan pembuat situs web drag-and-drop yang bagus yang mudah digunakan. Selain itu, mereka menawarkan banyak fitur yang membuat membangun situs web responsif semudah abracadabra.

Ketika website Anda sudah siap, Anda tidak perlu pergi ke tempat lain untuk web hosting. Webflow menawarkan hosting terbaik yang sempurna untuk semua bisnis, besar dan kecil.

Merek-merek besar seperti Zendesk, Dell, Rakuten, dan Upwork, antara lain, mempercayai Webflow, artinya Anda berada di tangan yang aman.

Antara Anda dan saya, saya belum pernah menggunakan pembuat situs web yang intuitif seperti itu sebelumnya. Webflow membuat perusahaan seperti Weebly, Squarespace, dan Wix benar-benar keluar dari air.

Dan mereka juga meminum Kool-Aid mereka sendiri. Situs web resmi Webflow dibuat, Anda dapat menebaknya - Webflow!

Fitur Utama Webflow

Webflow populer dan paling terkenal untuk fitur utama berikut.

• Pembuat situs web seret dan lepas intuitif yang memungkinkan Anda membuat situs web secara visual
• Puluhan template cantik siap pakai yang dapat Anda sesuaikan sampai Anda jatuh
• Banyak elemen situs web
• Fungsionalitas e-niaga
• Hosting Amazon S3 super cepat dan tangguh
• Gaya tak terbatas
• Kemampuan untuk menambahkan kode HTML, CSS, dan JS khusus
• Paket harga fleksibel
• Sistem manajemen konten (CMS) yang tangguh
• Banyak integrasi pihak ketiga
• Paket gratis untuk menguji air
• Banyak interaksi dan animasi
• Hubungkan nama domain khusus
• Gunakan subdomain mereka, misalnya swarmify.webflow.io untuk meng-host situs web gratis
• Dukungan profesional

Jika Anda seorang pengembang web frontend (atau hanya pekerja biasa) yang mencari pembuat situs web yang mudah digunakan tetapi kuat, Webflow sangat direkomendasikan.

Ini adalah alat yang sempurna untuk menghemat waktu dan merampingkan hari kerja Anda yang sudah sibuk. Jika Anda sudah menjadi pengguna Webflow, Anda sudah tahu Webflow adalah pembuat situs web yang sempurna.

Namun, mereka tidak menawarkan alat yang tepat untuk mengoptimalkan video. Jika Anda menggunakan YouTube, pemutar video di situs Webflow Anda akan tetap menampilkan branding dan tautan YouTube yang mengganggu yang mengalihkan perhatian pengguna Anda dan mencuri lalu lintas Anda.

Dan meskipun Webflow menggunakan hosting cepat, video yang Anda gunakan dari YouTube atau sumber lain akan buffer dan masih membutuhkan waktu untuk dimuat.

Di sinilah Swarmify masuk Kami menawarkan apa yang Anda butuhkan untuk mengoptimalkan video di situs Webflow Anda apakah Anda menggunakan YouTube, Vimeo, atau situs lain untuk meng-host video Anda.

Apa itu Swarmify?

Swarmify diluncurkan kembali pada tahun 2013 sebagai platform akselerasi video. Layanan ini berjalan pada infrastruktur yang sama dengan yang digunakan raksasa streaming seperti Netflix dan Hulu.

Anda dapat menyimpan video Anda di mana pun Anda inginkan dan menggunakan SmartVideo Swarmify untuk mengirimkan video ke pengguna Anda dengan kecepatan yang sangat cepat.

Berikut adalah contoh skenario untuk menggambarkan apa yang saya maksud:

• Unggah video ke YouTube atau Vimeo untuk manfaat sosial, dan sematkan di situs web Anda seperti biasa
• Integrasikan SmartVideo dengan situs web Anda menggunakan plugin WordPress atau cuplikan cepat kami
• SmartVideo mengunduh video YouTube/Vimeo Anda di balik layar dan mengunggahnya ke jaringan pengiriman global kami
• SmartVideo menghadirkan video Anda yang sekarang lebih cepat dalam pemutar video yang rapi dan tampak luar biasa
• Semuanya terjadi di latar belakang secara otomatis . Faktanya, SmartVideo mengonversi semua video YouTube di situs web Anda secara otomatis. Instal sekali dan hanya itu!

SmartVideo menggunakan EdgeAI internal untuk mencegah penghentian selama pemutaran, dan solusi SmartCDN yang memastikan pengunjung Anda menikmati video yang cepat dan bebas buffer di mana pun di dunia.

Jika Anda menggunakan banyak video, kecepatan lambat dapat mematikan keterlibatan dan menghasilkan lebih sedikit penjualan. SmartVideo membantu Anda mengatasi masalah ini tanpa tagihan besar dan batas penyimpanan/bandwidth.

Fitur Utama Swarmify

Pengguna Swarmify menyukai SmartVideo berkat fitur berikut.

• Pemutar video yang bersih, rapi, dan bebas gangguan
• Mulai instan - Video SmartVideo mulai diputar 12x lebih cepat dari rata-rata pemain lain (lihat demo kami di sini)
• Pengalaman menonton yang dioptimalkan di beberapa perangkat
• Konversi YouTube/Vimeo otomatis - Sudah menghosting video di YouTube atau Vimeo? SmartVideo mengonversinya secara otomatis
• 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.
• Semuanya tak terbatas - Nikmati bandwidth dan penyimpanan tak terbatas
• Dukungan profesional yang didukung oleh tim pengembang yang bersemangat
• Instalasi dan implementasi yang mudah
• Baca lebih lanjut tentang fitur kami di sini

Video adalah bagian penting dari pemasaran digital. Anda tidak dapat mengabaikan manfaat luar biasa dari menggunakan video sebagai strategi pemasaran.

Yang mengatakan, kecepatan memuat video Anda adalah bagian dari memberikan pengalaman pengguna yang lebih baik di situs web Anda.

Untuk menawarkan pengalaman video yang cepat dan bebas lag di situs Webflow Anda, Anda memerlukan solusi seperti SmartVideo.

Dengan video cepat, Anda menikmati retensi pengguna yang lebih baik, lebih banyak konversi, rasio pentalan yang lebih rendah, dan lebih banyak penjualan. Ini tidak punya otak.

Lagi pula, siapa yang mau menonton video yang memuat keabadian dan perjalanan mengelilingi matahari?

Benar-benar tidak ada! Bahkan Anda.

Selain itu, izinkan kami mengintegrasikan Swarmify dengan situs Webflow Anda untuk mempercepat video Anda dan memberikan senyuman di wajah pelanggan Anda yang terhormat.

N/B: Untuk mengintegrasikan Swarmify dengan Webflow, Anda memerlukan akun Swarmify aktif dan paket berbayar di Webflow.

Masih di pagar? Jangan . Daftar dengan Swarmify hari ini dan manfaatkan diskon eksklusif 50% kami. Penasaran? Cari tahu lebih lanjut di sini.

Karena itu, izinkan kami mengintegrasikan hosting video Swarmify dengan situs web Webflow Anda.

Cara Menambahkan Swarmify ke Webflow

'Kedepan kita sampai ke Webflow, mari kita konfigurasikan cuplikan SmartVideo Anda terlebih dahulu. Silakan, masuk ke dasbor Swarmify Anda dan klik Konfigurasi , seperti yang ditunjukkan di bawah ini.

Selanjutnya, pilih apakah Anda memiliki video YouTube di Webflow Anda:

Memilih Ya di atas memastikan SmartVideo mengonversi semua video YouTube di situs web Webflow Anda secara otomatis. Tekan tombol Berikutnya .

Pada layar berikutnya, pilih apakah situs Webflow Anda memiliki video latar belakang:

Ingin mengubah warna pemutar video Anda agar sesuai dengan situs Webflow Anda? Anda dapat melakukannya di layar berikutnya:

Tekan Berikutnya .

Selanjutnya, Anda dapat mengubah bentuk tombol putar jika diinginkan. Saya lebih suka tombol heksagonal default, tetapi Anda memiliki opsi untuk memilih persegi panjang atau lingkaran:

Selanjutnya, pilih tanda air khusus untuk video Anda:

Anda pandai dalam hal ini, harus saya akui :)

Tekan Berikutnya .

Pada layar berikutnya, pilih apakah Anda ingin menjual iklan di video Anda, dan klik Selesai :

Terakhir, klik Copy to Clipboard , seperti yang ditunjukkan di bawah ini.

Sekarang, cuplikan SmartVideo Anda siap untuk situs Webflow Anda.

Apa selanjutnya?

Kami sekarang akan menambahkan Swarmify ke situs Webflow Anda.

Inilah contoh situs web tempat saya bekerja, seperti yang dijanjikan:

Saya meminjam video Jerusalema yang terkenal dari Openmic Productions. Lagu dan video yang bagus, omong-omong. Di seluruh dunia, orang-orang melakukan tantangan tarian Jerusalema .

Betapa aku berharap aku bisa menari.

Selanjutnya, mari kita tambahkan Swarmify ke situs Webflow Anda.

Masuk ke Webflow:

Masukkan detailnya dan tekan tombol Masuk :

Selanjutnya, klik situs web tempat Anda ingin menambahkan SmartVideo:

Sekarang, Anda berada di dalam pembuat situs web intuitif yang telah kita bicarakan sebelumnya:

Namun kami tidak akan menambahkan cuplikan SmartVideo ke satu halaman. Kami ingin cuplikan diterapkan ke seluruh situs web.

Jadi, apa yang harus saya lakukan Freddy?

Klik ikon Webflow (W) (beralih ke menu hamburger saat Anda mengarahkan mouse):

Selanjutnya, klik Pengaturan Proyek :

Setelah itu, tekan Custom Code :

Ya.

Selanjutnya, paste snipet SmartVideo yang Anda copy tadi ke bagian Head Code dan klik Save Changes seperti ini:

Dengan cuplikan itu, Webflow Anda terhubung dengan Swarmify. Semua video YouTube di situs Anda akan dikonversi secara otomatis :)

Selesai.

Hasil?

Ini:

Perhatikan pemutar video baru tanpa pencitraan merek pihak ketiga.

Ingat : Jika Anda menggunakan YouTube, gunakan sematan alih-alih tautan langsung, yaitu https://www.youtube.com/embed/fCZVL_8D048 versus https://www.youtube.com/watch?v=fCZVL_8D048 .

Kiat Pro : Silakan gunakan tautan semat. Pastikan Anda menggunakan tautan sematan saat menambahkan video ke situs web Webflow Anda.

Hosting video di tempat lain?

SmartVideo mendukung Anda

Lihat 9 situs unggah video terbaik dan layanan penyimpanan cloud.

Berikut tautan yang dapat dibagikan : https://swarmify.com/blog/top-video-upload-sites-cloud-storage-services/.

Menambahkan Tag SmartVideo

Anda dapat menambahkan video SmartVideo di mana saja di situs Webflow Anda menggunakan tag SmartVideo:

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

Buka halaman Webflow yang ingin Anda edit. Untuk contoh kita, saya akan mengganti bagian Hero dengan video Jerusalema yang sama yang kita gunakan sebelumnya. Namun kali ini, saya akan menggunakan tag SmartVideo di atas.

Berikut tampilan tag SmartVideo saya yang sudah siap:

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

Perhatikan saya mengganti path/to/my/video.mp4 dengan tautan embed untuk video.

Selanjutnya klik Add (+) dan pilih Embed , seperti gambar di bawah ini:

Selanjutnya, tempel tag SmartVideo Anda dan klik Simpan & Tutup :

Sekarang, ketika saya memeriksa situs web sampel saya di frontend, saya melihat video yang dikonversi:

Semudah A,B,C.

Katakan, selamat tinggal?

Pengguna Webflow akan menganggap SmartVideo sangat membantu. SmartVideo mempercepat video Anda untuk pengalaman pengguna yang lebih baik.

Swarmify SmartVideo menghadirkan video 12x lebih cepat daripada rata-rata industri. Anda akan meningkatkan konversi dan penjualan dengan video yang lebih cepat.

Sampai waktu berikutnya, buat lebih banyak video dan percepat dengan SmartVideo Swarmify :)