Brizy Builder/Cloud + Swarmify Lengkap untuk Hosting Video WordPress

Apakah Anda menggunakan pembuat halaman WordPress Brizy atau Brizy Cloud? Jika demikian, teruslah membaca untuk mempelajari cara mengintegrasikan Swarmify dengan salah satu platform untuk kinerja video yang jauh lebih baik.

Pembuat situs web telah membuat pembuatan situs web yang indah menjadi sangat mudah. Di masa lalu, Anda harus belajar coding untuk membuat situs web yang paling dasar sekalipun.

Saat ini, hal-hal yang sama sekali berbeda. Anda tidak memerlukan pengetahuan pengkodean sebelumnya untuk membangun situs web seperti profesional.

Semua berkat alat seperti Brizy WordPress Page Builder dan saudara perempuannya yang dihosting di cloud, Brizy Cloud. Perusahaan yang sama menawarkan kedua solusi tersebut.

Brizy WordPress Page Builder hadir dalam bentuk plugin yang Anda instal di situs WordPress Anda. Anda tahu, sesuatu seperti Elementor dan Divi, antara lain.

Brizy Cloud, di sisi lain, hadir dalam bentuk pembuat situs web online seperti Webflow, Wix, dan Weebly, antara lain.

Baik Brizy Cloud maupun Brizy WordPress builder menawarkan alat yang Anda butuhkan untuk membuat beragam situs web tanpa kesulitan.

Mereka pada dasarnya adalah produk yang sama. Satu-satunya perbedaan besar adalah yang satu adalah plugin WordPress, dan yang lainnya adalah layanan yang dihosting di cloud.

Mendapatkan?

Kabar baiknya adalah Anda dapat dengan mudah mengintegrasikan Swarmify dengan Brizy Cloud atau situs web WordPress yang dibuat menggunakan pembuat halaman Brizy.

Dan di pos hari ini, kami menunjukkan caranya!

Tanpa basa-basi lagi, mari kita mulai karena banyak yang harus dipelajari :)

Apa itu Brizy Builder/Cloud?

Hal pertama yang pertama, apa itu Brizy? Brizy adalah pembuat situs web yang sangat mudah digunakan yang hadir dalam dua rasa: plugin WordPress dan versi yang dihosting di cloud.

Plugin Brizy WordPress sangat bagus untuk orang-orang dengan situs web WordPress. Brizy Cloud sangat cocok untuk pemula yang ingin membuat situs web tanpa keterampilan coding.

Plugin Brizy dan Brizy Cloud menawarkan editor drag-and-drop yang membantu Anda membuat situs web secara visual.

Brizy dibuat oleh pengembang tema WordPress pemenang penghargaan Themefuse , untuk membantu Anda membangun situs web yang menakjubkan dengan pembuat situs web intuitif yang mudah digunakan.

Saya mengambil versi WordPress dan cloud untuk berputar dan mewarnai saya terkesan. Themefuse telah mengubah permainan sepenuhnya dengan pembuat situs web sederhana namun kuat yang tidak menghalangi Anda.

Berikut daftar fitur yang saya nikmati.

Fitur Utama Brizy Builder/Cloud

• Editor seret dan lepas yang intuitif
• 40+ tata letak situs web pra-dibuat yang dapat Anda impor dengan satu klik
• 150+ blok yang sudah jadi
• Gaya global untuk menyesuaikan situs Anda dengan cepat
• 4000+ ikon
• Puluhan elemen konten seperti formulir, spacer, teks, tombol, dll.
• Gaya tak terbatas
• Injeksi kode khusus
• Subdomain gratis (misalnya, https://cherry1993132.brizy.site/) dengan Brizy Cloud (Anda dapat meng-host halaman arahan gratis jika Anda mau)
• Nama domain khusus
• Integrasi yang mulus dengan aplikasi favorit Anda, termasuk Zapier, Mailchimp, dan banyak lagi
• Simpan otomatis awan
• Responsif dan mobile-ready
• Dan banyak lagi!

Brizy penuh dengan semua fitur yang Anda butuhkan untuk membuat situs web luar biasa dalam waktu singkat.

Jika Anda mencari pembuat situs web, Brizy tidak akan mengecewakan. Jika Anda sudah menggunakan Brizy, bersiaplah untuk bagian berikutnya, di mana kita akan mempelajari lebih lanjut tentang Swarmify SmartVideo dan cara mengintegrasikannya dengan situs web Brizy Anda.

Apa itu Swarmify SmartVideo?

Jika Anda sudah lama membaca blog ini, Anda sudah cukup familiar dengan Swarmify dan SmartVideo.

Jika Anda baru di sini ... selamat datang dan merasa seperti di rumah sendiri :)

Untuk timer pertama, Swarmify adalah perusahaan akselerasi video yang memberikan pengalaman video berkualitas tinggi dan cepat ke bisnis kecil di seluruh dunia.

Untuk mencapai misi ini, Swarmify telah banyak berinvestasi dalam teknologi eksklusif dan infrastruktur yang sama yang digunakan oleh raksasa streaming seperti Netflix dan Hulu.

Perusahaan juga telah berinvestasi dalam SmartCDN yang memastikan video Anda dimuat dengan cepat untuk semua pengguna di mana pun mereka berada di dunia.

Baca lebih lanjut: tentang fitur SmartVideo di sini.

Anda sekarang dapat mengucapkan selamat tinggal pada YouTube yang kikuk, dan Vimeo menyematkan berkat pemutar video kami yang rapi dan terlihat cantik dan profesional di situs web Anda.

Lebih baik lagi, layanan SmartVideo kami mengonversi semua video YouTube dan Vimeo Anda secara otomatis setelah Anda mengaturnya di situs web Brizy Anda.

Jika Anda meng-host video Anda di tempat lain, Anda akan senang mengetahui bahwa kami mendukung situs unggah video utama dan layanan penyimpanan awan.

SmartVideo menawarkan pemutaran bebas buffer dan tahan macet di semua perangkat. Solusi kami yang mudah diterapkan memastikan bahwa Anda "...meningkatkan penjualan, mengurangi rasio pentalan, dan menjaga pengunjung tetap fokus pada merek Anda".

Plus, Anda mendapatkan bandwidth dan penyimpanan tidak terbatas, sehingga Anda dapat terus membagikan video terbaik Anda tanpa tagihan yang besar.

Karena itu, Anda memerlukan akun Swarmify aktif untuk bagian berikutnya, tempat Anda mempelajari cara mengintegrasikan SmartVideo dengan situs web Brizy Anda, baik Anda menggunakan plugin WordPress atau versi yang di-host di cloud.

Mari kita lakukan!

Cara Mengintegrasikan SmartVideo dengan Brizy Builder untuk WordPress

Mari kita mulai dengan Brizy Builder untuk WordPress. Menginstal SmartVideo di situs WordPress Anda sangat mudah.

Mari kita mulai dengan menginstal plugin SmartVideo WordPress.

Masuk ke dasbor admin WordPress Anda dan arahkan ke Plugins > Add New , seperti yang ditunjukkan di bawah ini.

Selanjutnya, masukkan SmartVideo di kotak pencarian dan kemudian klik Instal Sekarang , seperti yang kami soroti di bawah ini.

Setelah itu, tekan tombol Aktifkan :

Selanjutnya, klik SmartVideo pada menu admin WordPress Anda:

Plugin SmartVideo Anda belum siap. Akan lebih baik untuk menautkannya ke Swarm CDN kami melalui kunci khusus yang ditemukan di akun Swarmify Anda.

Selanjutnya, klik tombol Configure jika Anda sudah memiliki akun Swarmify:

Jika Anda tidak memiliki akun Swarmify, Anda memiliki opsi untuk membuatnya. Saya sudah memiliki Swarmify, jadi saya mengklik tombol Configure , yang membawa saya ke halaman berikut.

Seperti yang Anda lihat pada gambar di atas, SmartVideo masih dinonaktifkan. Gulir ke bawah halaman, dan Anda akan melihat bidang yang memungkinkan Anda memasukkan kunci CDN Swarm Anda:

Anda akan menempelkan kunci yang akan Anda salin di bawah ini ke bidang di atas.

Masuk ke dasbor Swarmify Anda dan salin kunci CDN Swarm di bagian atas:

Kembali ke situs WordPress Anda, tempel kunci Swarm CDN ke dalam bidang, dan klik Aktifkan SmartVideo , seperti yang ditunjukkan di bawah ini.

Sekarang ketika Anda menggulir ke atas, Anda akan melihat SmartVideo diaktifkan:

Itu super-duper mudah.

Sekarang, situs web WordPress Brizy Anda terhubung dengan SmartVideo :)

Bukankah Anda alami dalam hal ini?

Untuk opsi lainnya, klik tab Pengaturan di bagian atas, seperti yang ditunjukkan di bawah ini.

Pada halaman pengaturan, Anda memiliki banyak opsi tambahan untuk menyesuaikan pengalaman SmartVideo Anda. Anda dapat mengubah warna pemutar video SmartVideo dan bentuk tombol putar, antara lain:

Aktifkan Optimalkan video latar belakang & video yang ada , seperti yang ditunjukkan di atas, dan klik Simpan Setelan di bagian bawah laman.

Sebelum kita melanjutkan, mari kita tambahkan SmartVideo ke situs web WordPress Brizy Anda. Saya sedang mengerjakan halaman berikut.

Saya akan mengganti gambar yang disorot di bagian atas dengan video SpaceX's Starship: Journey to Mars yang saya pinjam dari saluran YouTube Newsthink.

Kami akan menggunakan tag SmartVideo berikut untuk menyematkan video:

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

Ingatlah untuk mengganti path/to/my/video.mp4 dengan URL sebenarnya ke video Anda.

N/B: Jika Anda menggunakan YouTube, Anda harus menggunakan tautan sematan: https://www.youtube.com/ embed /-kU6fMGh4l4 alih-alih tautan tontonan langsung: https://www.youtube.com/watch ?v= -kU6fMGh4l4. Jika Anda menggunakan tautan langsung, SmartVideo tidak akan menemukan dan memproses video Anda.

Yang mengatakan, tag SmartVideo saya yang siap terlihat seperti ini:

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

Jika Anda menggunakan sumber video lain, misalnya Amazon S3, ganti tautan YouTube dengan URL video Anda yang sebenarnya. Lihat 9 Layanan Unggah Video & Penyimpanan Cloud Terbaik.

Apa selanjutnya?

Buka halaman WordPress yang ingin Anda edit di dalam Brizy dengan mengklik Lanjutkan untuk mengedit dengan Brizy :

Itu akan memuat halaman Anda di dalam editor drag-and-drop yang intuitif. Karena saya mengganti gambar, saya akan memilih gambar dan mengklik ikon Hapus :

Jika Anda tidak mengganti apa pun, Anda menyeret dan melepaskan elemen konten Sematkan di mana pun Anda menambahkan video.

Halaman saya terlihat seperti ini sekarang:

Selanjutnya, klik ikon Tambah (+) untuk memunculkan panel samping, lalu seret dan lepas Embed di mana pun Anda mau. (Dalam kasus kami, itu ada di dalam bagian pahlawan karena kami mengganti gambar):

Selanjutnya, klik di dalam elemen Embed dan klik tombol Embed , seperti yang ditunjukkan di bawah ini:

Selanjutnya, copy-paste tag SmartVideo Anda di kotak yang muncul:

Apakah Anda akan melihat itu!

Pemutar video SmartVideo sudah beraksi. Selanjutnya, perbarui halaman Anda:

Sekarang ketika saya melihat situs web sampel saya di frontend, saya melihat ini:

Gambar hilang, dan sebagai gantinya, kami memiliki pemutar SmartVideo yang cantik. Tidak ada yang tahu kami meminjam video dari YouTube.

Sekarang setelah kami mengintegrasikan Swarmify SmartVideo dengan situs WordPress Brizy Anda, mari kita tambahkan SmartVideo ke Brizy Cloud.

Bagaimana Mengintegrasikan Swarmify SmartVideo dengan Brizy Cloud

Kami tidak memiliki plugin untuk Brizy tetapi menambahkan Swarmify ke platform cloud lebih mudah dari yang Anda kira. Kami akan menggunakan cuplikan JavaScript SmartVideo.

Ini tidak seperti tag SmartVideo karena masuk ke bagian <head> halaman Anda, bukan <body> seperti tag SmartVideo. Jika Anda tidak mengerti apa artinya, jangan khawatir, kami mendukung Anda.

Tapi di mana saya mendapatkan cuplikan JavaScript ini?

Jangan khawatir, itu ada di dalam akun Swarmify Anda.

Cara Mendapatkan Cuplikan JavaScript SmartVideo Anda

Masuk ke akun Swarmify Anda dan klik Konfigurasi :

Selanjutnya, pilih apakah Anda memiliki video YouTube di situs Brizy Cloud Anda dan klik Next :

Kiat Pro: Selalu pilih Ya untuk membantu konversi otomatis jika Anda menggunakan video YouTube di masa mendatang.

Apakah Anda memiliki video latar belakang? Tentukan itu dan klik Berikutnya :

Kamu baik-baik saja :)

Selanjutnya, ubah warna pemutar video jika Anda mau dan klik Berikutnya :

Setelah itu, Anda memiliki kesempatan untuk mengubah bentuk tombol putar. Klik Berikutnya setelah:

Tambahkan tanda air khusus jika perlu dan klik Berikutnya :

Selanjutnya, pilih apakah Anda ingin menyertakan iklan di video Anda dan tekan Selesai :

Terakhir, tekan Copy to Clipboard :

Itu tidak sulit, bukan?

JavaScript SmartVideo Anda sudah siap. Sekarang mari kita tambahkan ke situs web Brizy Cloud Anda.

Cara Menambahkan Cuplikan JavaScript Anda ke Situs Web Brizy Cloud

Masuk ke dasbor Brizy Cloud Anda (saya kira Anda sudah memiliki situs web Brizy Cloud), dan pilih situs web yang ingin Anda edit:

Itu membawa Anda langsung ke pembuat situs web drag-and-drop Brizy Cloud:

Seperti yang Anda lihat, saya menggunakan template yang sama seperti sebelumnya :)

Tapi jangan bingung ; kita sekarang berada di dalam Brizy Cloud dan bukan Brizy Builder untuk WordPress . Editor visual terlihat sama, dengan beberapa pengecualian kecil.

Selanjutnya, tekan ikon Pengaturan :

Setelah itu, tekan tab Pengaturan :

Selanjutnya, klik Injeksi Kode :

Rekatkan cuplikan JavaScript SmartVideo Anda ke bagian Header dan tekan Save Changes , seperti yang ditunjukkan di bawah ini.

Dan itu saja! Brizy Cloud Anda sekarang terhubung ke Swarmify SmartVideo.

Kiat Pro : Ingat bagaimana kami menambahkan tag SmartVideo menggunakan elemen Embed saat bekerja dengan Brizy Builder untuk WordPress ? Ulangi proses untuk menambahkan video SmartVideo ke situs web Brizy Cloud Anda.

Saya berbicara tentang ini:

Saya tidak ingin membahas seluruh proses lagi karena itu akan mubazir ketika hampir sama. Proses yang sama.

Kiat Terakhir

Mengintegrasikan dengan Brizy Builder melibatkan penggunaan plugin SmartVideo WordPress. Mengintegrasikan dengan Brizy Cloud memanfaatkan cuplikan JavaScript SmartVideo.

Menyematkan video ke Brizy Builder atau Brizy Cloud tetap sama. Gunakan elemen Sematkan untuk menambahkan tag SmartVideo di mana pun Anda inginkan.

Jangan lupa untuk mengganti path/to/my/video.mp4 di tag SmartVideo Anda dengan URL sebenarnya ke video Anda, di mana pun itu disimpan.

Ada pertanyaan? Beritahu kami :)