Panduan Lengkap Beaver Builder + Swarmify untuk Hosting Video

Apakah Anda menggunakan Beaver Builder? Jika demikian, Swarmify membantu Anda memberikan pengalaman video yang cepat, bebas buffer, dan profesional di situs web Anda tanpa menghabiskan banyak uang.

Mendukung lebih dari satu juta situs web, Beaver Builder adalah pembuat halaman seret dan lepas yang populer di kalangan pengguna WordPress.

Pembuat halaman sangat mudah digunakan namun dilengkapi dengan serangkaian fitur unik yang membuatnya disukai oleh pemula dan ahli.

Misalnya, saya mendapatkan halaman berikut dalam waktu kurang dari lima menit:

Ini pada dasarnya adalah template siap pakai yang dapat Anda impor dalam hitungan detik. Selanjutnya, ganti gambar dan teks dengan konten Anda, dan Anda siap bekerja.

Jika Anda tidak menyukai template Beaver Builder, Anda bebas memulai dengan halaman kosong. Kemudian seret dan lepas blok konten ke tempatnya dan tempa secara visual sisa halaman Anda tanpa menulis HTML atau berjuang dengan kode pendek.

Di masa lalu, kami membahas pembuat halaman lain seperti Divi, Elementor, Brizy, dan Webflow. Silakan periksa panduan kapan pun Anda bisa :)

Hari ini, kami menunjukkan kepada Anda cara menggunakan Beaver Builder dan Swarmify untuk memberikan pengalaman video yang cepat, bebas gangguan, dan profesional di situs web Anda.

Tanpa basa-basi lagi, mari kita mulai karena ada banyak hal yang harus dipelajari.

Apa itu Beaver Builder?

Sebelum apa pun, mari kita pelajari lebih lanjut tentang Beaver Builder demi pengatur waktu pertama di antara kita.

Beaver Builder adalah pembuat halaman WordPress premium. Alat ini membantu Anda membuat halaman WordPress yang responsif secara visual.

Itu berarti Anda membuat halaman dengan menyeret dan menjatuhkan blok konten. Anda tidak memerlukan pengalaman pengkodean sebelumnya untuk menggunakan pembuat halaman Beaver Builder.

Itu adalah berita bagus untuk pemula dan profesional karena Anda dapat merampingkan alur kerja Anda dan menghemat banyak waktu saat Anda membangun situs web.

Nama-nama terbesar di WordPress menyukai dan mempercayai Beaver Builder:

Bagian terbaik tentang Beaver Builder adalah kenyataan bahwa itu sangat mudah digunakan sehingga Anda akan membangun situs web WordPress dalam hitungan jam dan bukan hari.

Dan mudah digunakan bukan berarti Beaver Builder tidak sekuat pembuat halaman lainnya. Ini adalah pembuat halaman yang kuat berkat daftar lengkap fitur bagus.

Fitur, katamu?

Ya, Beaver Builder menawarkan fitur-fitur berikut:

• 100% desain responsif yang berarti halaman Anda akan terlihat bagus di berbagai perangkat
• Kerangka Tema Beaver Builder untuk semua proyek WordPress Anda
• Puluhan template siap pakai untuk membuat halaman arahan, halaman beranda, halaman konten, dll.
• Beaver Builder Seret dan Jatuhkan pembuat halaman
• Banyak sekali blok konten untuk menambahkan teks, gambar, tombol, judul, video, dll.
• Banyak widget WordPress, termasuk widget SmartVideo
• Pengaturan global
• Kustom HTML, CSS, dan JavaScript jika perlu
• Pintasan keyboard
• Pengaya Beaver Themer untuk menyesuaikan setiap bagian situs web Anda, termasuk header dan footer
• Kontrol total atas desain situs web Anda
• Kompatibel dengan berbagai macam tema WordPress
• Versi gratis tersedia sebagai plugin di WordPress.org
• Dukungan kelas dunia
• Multisite mampu
• Label putih
• dan lain-lain

Beaver Builder adalah pembuat halaman yang kuat yang membuat pembuatan situs web WordPress yang indah dan responsif menjadi mudah. Jika ini pertama kalinya Anda, Anda dapat mencoba versi gratis dan meningkatkan ke paket pro nanti.

Mereka menawarkan tiga paket harga yang sempurna untuk pemilik situs pemula, pekerja lepas profesional, dan agensi kreatif. Semua paket memungkinkan Anda untuk menggunakan Beaver Builder di situs web dalam jumlah tak terbatas.

Sekarang kita semua berada di halaman yang sama, mari kita beralih ke SmartVideo Swarmify.

Apa itu Swarmify SmartVideo?

Swarmify adalah perusahaan akselerasi video yang berfokus untuk menghadirkan streaming berkualitas Netflix kepada semua orang dalam satu paket sederhana. Platform SmartVideo kami menyederhanakan semua bagian bergerak yang kompleks dan mahal yang mengelilingi penerapan video.

SmartVideo secara otomatis menangani pengunggahan, penyandian, hosting, dan pengiriman video Anda di mana pun Anda menyimpannya, baik itu YouTube, Dropbox, Amazon S3, Google Cloud, dan sebagainya.

Mengapa Swarmify SmartVideo?

Platform Swarmify SmartVideo membantu bisnis memecahkan beberapa masalah tersulit dalam streaming video: buffering dan kualitas streaming. SmartVideo juga menghentikan suka YouTube dari menyedot lalu lintas Anda menggunakan pemutar video yang sarat dengan tautan.

Berkat solusi pengiriman kami, Anda dapat mengirimkan video yang 12x lebih cepat daripada rata-rata pemain di industri ini . Platform pengiriman yang sama juga membantu Anda mengurangi kemacetan hingga 8x .

“Swarmify SmartVideo diluncurkan pada Mei 2017. Kami telah melihat pertumbuhan yang luar biasa setiap bulannya. Semakin banyak bisnis yang menyadari biaya sebenarnya dari penggunaan YouTube. Sebelum SmartVideo, solusi kami hanya tersedia untuk perusahaan skala besar. Secara keseluruhan, kami baru-baru ini merayakan streaming lebih dari lima ratus juta video,” kata Nathan Barnett, CEO, Swarmify. “Jika situs web Anda dimuat dengan cepat, tetapi video Anda dimuat dengan lambat, Anda masih akan kehilangan pelanggan itu.” Sumber: YourStory.com

SmartVideo membantu Anda mengirimkan video yang cepat, bebas buffer, dan berkualitas tinggi di situs web Beaver Builder Anda. Kami menawarkan pemutar video yang tidak berantakan yang tidak berisi tautan dan pencitraan merek pihak ketiga apa pun, yang memungkinkan Anda memberikan pengalaman video profesional kepada pengunjung situs web Anda.

Berikut adalah beberapa fitur yang menjadikan SmartVideo sebagai platform akselerasi video terbaik.

• Pemutar video yang bersih dan bebas gangguan - YouTube dan platform lain mengacaukan pemutar mereka dengan tautan untuk menyedot lalu lintas Anda. Pemutar SmartVideo bersih, dapat disesuaikan, dan bebas kebocoran.
• Konversi YouTube dan Vimeo Otomatis - Jika Anda sudah menggunakan video YouTube atau Vimeo di situs Beaver Builder Anda, SmartVideo akan secara otomatis mengonversi semua video segera setelah Anda menginstal plugin WordPress kami.
• Dioptimalkan di setiap perangkat, yang berarti video Anda dapat dilihat di perangkat dan browser apa pun.
• Bandwidth dan penyimpanan tidak terbatas
• Pemutaran cepat, bebas buffer, dan tahan macet
• Dukungan berkelanjutan yang disediakan oleh pengembang yang sangat berbakat dan ramah
• Struktur penetapan harga sederhana tanpa kontrak yang teduh
• Analisis keterlibatan video
• CDN video global untuk memberikan video yang sangat cepat kepada pengguna di mana pun mereka berada di dunia
• Dll.

Swarmify SmartVideo adalah pengubah permainan di bidang akselerasi video. Kami membawa banyak pengalaman kerja dan keahlian ke meja.

Selain itu, menginstal SmartVideo di situs web Beaver Builder Anda sangat mudah, seperti yang akan Anda pelajari di bagian selanjutnya. Tapi jika Anda pernah terjebak, Anda selalu dapat menghubungi kami :) Kami selalu senang untuk membantu.

Bergerak dengan Cepat, izinkan kami menginstal SmartVideo di situs Beaver Builder Anda.

NB: Untuk bagian selanjutnya, Anda memerlukan akun Swarmify yang aktif. Belum punya akun? Buat satu hari ini dan manfaatkan diskon eksklusif 50% Anda.

Bagaimana Mengintegrasikan Swarmify SmartVideo dengan Website Beaver Builder

Karena Beaver Builder bekerja dengan WordPress, kami akan menggunakan plugin SmartVideo gratis . Setelah membuat akun Swarmify Anda, unduh plugin SmartVideo WordPress ke komputer Anda.

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

Selanjutnya, klik tombol Upload Plugin , pilih plugin SmartVideo dari komputer Anda, dan tekan Install Now :

Setelah itu, Aktifkan plugin:

Kami belum sampai di sana - saatnya menghubungkan situs web Anda dengan akun Swarmify Anda.

Bagaimana?

Klik SmartVideo pada menu admin WordPress Anda, seperti yang kami soroti di bawah ini.

Di dasbor SmartVideo, klik tombol Konfigurasi :

Melakukannya membawa Anda ke halaman konfigurasi berikut, yang memiliki instruksi dan GIF interaktif yang menunjukkan dengan tepat apa yang perlu Anda lakukan selanjutnya.

Tetapi untuk menyelamatkan Anda dari masalah, dengan cepat masuk ke akun Swarmify Anda dan salin kunci CDN Swarm di bagian atas:

Kembali ke halaman konfigurasi SmartVideo Anda di WordPress, gulir ke bawah, tempel kunci Swarm CDN, dan klik Enable SmartVideo , seperti yang ditunjukkan di bawah ini.

Ini cukup mudah; Saya tidak berharap Anda menghadapi kesulitan. Setelah selesai, Anda akan melihat label Diaktifkan hijau di bagian atas:

Sebelum kita mempelajari cara menambahkan video SmartVideo ke situs web Beaver Builder Anda, mari kita bahas beberapa pengaturan SmartVideo yang tersedia di halaman di atas.

Klik tab Pengaturan , seperti yang kami sorot di tangkapan layar di bawah ini.

Melakukannya mengarah ke halaman pengaturan berikut.

Mari kita bahas setiap bagian secara singkat. Saya telah memberi nomor bagian dengan tepat untuk kesenangan Anda.

(1) Di bagian paling atas, Anda memiliki opsi untuk mengaktifkan atau menonaktifkan SmartVideo. Jelas, Anda ingin agar SmartVideo selalu diaktifkan untuk menjamin kinerja terbaik.

(2) Opsi Dasar

Anda memiliki bagian kedua dengan beberapa opsi dasar untuk menyesuaikan pemutar dan pengalaman SmartVideo Anda. Pilihan yang tersedia meliputi:

• Mengaktifkan atau menonaktifkan konversi otomatis YouTube & Vimeo - Centang kotak untuk mengonversi video YouTube dan Vimeo yang sudah ada di situs Anda secara otomatis. Aktifkan dan biarkan seperti itu.
• Tampilkan teks tertutup jika tersedia dari sumber YouTube - Kecuali jika penting, biarkan kotak centang ini tidak dicentang.
• Optimalkan video latar belakang & video yang ada - Aktifkan ini, dan SmartVideo akan mengoptimalkan video dan video latar belakang yang ada. Aktifkan dan biarkan seperti itu.
• Mengubah bentuk tombol putar - Cukup jelas. Anda memiliki tiga pilihan bentuk: Default (atau Hexagon ), Rectangle, dan Circle . Pilih mana yang Anda suka. Bentuk default berfungsi untuk saya :)
• Pilih warna untuk mencocokkan komponen pemutar video dengan warna situs web Anda - Sekali lagi, Anda memiliki kesempatan untuk menyesuaikan tampilan pemutar video di situs Anda. Pilih warna kustom Anda dari sini :)

Di bawah ini kami memiliki ...

(3) Opsi Lanjutan

Saat Anda memuat halaman pengaturan, bagian Opsi Lanjutan diciutkan. Klik pada judul untuk memuat bagian, yang menawarkan opsi berikut kepada Anda.

• Aktifkan atau nonaktifkan metode tata letak alternatif - Opsi ini berguna jika Anda mengalami masalah ukuran video atau layar penuh yang aneh. Centang kotak centang.
• Aktifkan atau nonaktifkan akselerasi unggahan - Mengalami masalah dengan unggahan video Anda, aktifkan opsi ini .
• (Hanya Paket Pro) Setel tanda air - Di sini, Anda dapat mengatur gambar atau logo sebagai tanda air untuk pemutar video. Ini bagus untuk tujuan branding, jadi gunakan gambar/logo terbaik Anda.
• (Khusus Paket Pro) Tambahkan URL Iklan VAST - Di sinilah Anda memasukkan URL iklan jika Anda ingin memonetisasi video Anda dengan iklan dari AdSense, DFP, SpotX, dan sebagainya.

Setelah Anda memiliki pengaturan yang tepat, jangan lupa untuk mengklik Simpan Pengaturan di bagian bawah halaman.

Dengan itu, mari kita tambahkan video pintar ke halaman Beaver Builder Anda.

Bagaimana cara menambahkan SmartVideo ke Halaman Beaver Builder

Saya menggunakan halaman yang sama yang Anda tunjukkan sebelumnya untuk tujuan ilustrasi. Saya akan mengganti gambar yang ditandai di atas dengan SmartVideo:

Saya meminjam video Peluncuran SpaceX dari saluran YouTube SpaceX. Ini video yang sama di demo kami (silakan periksa).

NB: Jika YouTube adalah sumber Anda, pastikan Anda menggunakan tautan sematan (yaitu, https://www.youtube.com/embed/gmJgW-yMAIg ) alih-alih tautan tontonan langsung (yaitu, https://www. youtube.com/watch?v=gmJgW-yMAIg ).

Untuk menemukan tautan semat, buka di bawah video dan klik tombol Bagikan :

Setelah itu, klik tombol Embed , seperti gambar di bawah ini.

Kemudian masuk ke dalam popup yang muncul dan salin tautan embed, seperti yang kami soroti di bawah ini.

Melihat? Itu tidak begitu sulit.

NB: Hal lain, jika Anda mengambil video dari saluran YouTube Anda dan video Anda disetel ke " pribadi ," ubah itu menjadi " tidak terdaftar ."

Dengan pembukaan itu, mari kita lanjutkan.

Buka halaman Anda di Beaver Builder:

Karena saya mengganti gambar, saya harus menghapusnya terlebih dahulu dengan mengklik ikon Hapus seperti ini:

Yang meninggalkan saya dengan kolom kosong:

Kiat Pro : Anda dapat melewati langkah di atas jika Anda tidak mengganti gambar seperti dalam kasus saya. Pastikan Anda memiliki kolom atau baris kosong tempat Anda menambahkan video. Jika Anda pernah menggunakan Beaver Builder sebelumnya, itu seharusnya tidak menjadi masalah.

Selanjutnya, klik ikon tambah modul konten ( + ) plus di bagian atas:

Setelah itu, drag dan drop blok konten SmartVideo di mana Anda ingin menempatkan video:

Menyeret dan menjatuhkan modul SmartVideo menampilkan kotak kecil yang bagus yang ditunjukkan di bawah ini.

Kotak ini memungkinkan Anda melakukan banyak hal. Misalnya, ini memungkinkan Anda untuk memilih sumber video dan mengontrol beberapa opsi dasar dan lanjutan—lebih lanjut tentang itu dalam satu menit.

Selanjutnya, klik Sumber video , pilih YouTube , rekatkan kode semat Anda, dan tekan Simpan , dalam urutan itu:

Bagus. Anda sudah dapat melihat tombol putar segi enam kuning dan pemutar video bahkan sebelum mengklik simpan.

Klik Selesai di bagian atas lalu Terbitkan :

Kiat Pro : Anda dapat Menyimpan Draf jika Anda masih mengerjakan halaman.

Jika saya memeriksa video pintar saya di frontend, saya akan melihat video di pemutar video yang tidak berantakan. Video sudah dioptimalkan dan dipercepat oleh Swarmify, seperti yang Anda lihat di bawah.

Tidak ada branding YouTube, tidak ada buffering, dan tidak ada tautan yang menyedot lalu lintas Anda. Oh ya, tidak ada "Rekomendasi video," juga ketika saya menjeda video. Plus, itu memuat cukup cepat :)

Tapi kelihatannya kecil, tapi itu karena saya tidak mengubah lebar kolom saya di Beaver Builder. Anda dapat mengubah lebar kolom dan memindahkan berbagai hal hingga Anda mendapatkan ukuran yang tepat.

Saya bermain dengan lebar kolom saya dan mengedit beberapa konten, dan inilah yang saya dapatkan"

Tidak buruk. Lebih besar lebih baik :)

Sekarang mari kita bicara tentang opsi dasar dan lanjutan yang kami sebutkan beberapa saat yang lalu. Kamu tahu? Ketika kami menambahkan video dan kotak kecil yang bagus itu muncul?

Klik di dalam modul konten SmartVideo di dalam Beaver Builder:

Melakukannya akan mengarahkan Anda ke opsi berikut, di mana Anda dapat melihat opsi Dasar dan Lanjutan:

Tidak seperti opsi dasar dan lanjutan yang kami bahas saat kami menghubungkan situs Anda ke akun Swarmify Anda, opsi di atas memungkinkan Anda untuk menyesuaikan bagaimana perilaku pemain, karena tidak ada kata yang lebih baik.

Inilah yang saya maksud. Silakan dan klik Opsi dasar , yang mengarahkan Anda ke sini:

Lihat saja itu! Banyak pilihan untuk mengontrol hal-hal seperti lebar pemutar video, tinggi, memutar video inline (bagus untuk browser Safari OS), dan desain responsif.

Anda juga memiliki kontrol seperti Putar otomatis (jika Anda mengaktifkan ini, pastikan pemutaran otomatis video Anda dibisukan) , Meredam (video mulai dimatikan) , Loop (video terus diputar ulang), dan bahkan satu untuk mematikan kontrol (tetapi jangan lakukan itu karena pengguna tidak akan dapat memutar atau menjeda atau mengecilkan volume, yang menjengkelkan).

Kemudian Anda memiliki tab Advanced , yang terlihat seperti ini:

Sekali lagi, banyak pilihan untuk menyesuaikan pemutar video Anda lebih jauh. Anda menambahkan animasi (membuat video itu terpental saat halaman dimuat), mengatur jarak di sekitar pemutar video, dan banyak lagi.

Sekali lagi, seperti biasa, jangan lupa untuk menyimpan perubahan Anda setelah selesai.

Pikiran Akhir

Beaver Builder adalah pembuat halaman yang cukup elegan. Ini kuat melampaui apa yang Anda bayangkan pada awalnya, tetapi begitu Anda masuk ke sana dan mulai mengutak-atik, Anda segera menyadari bahwa Anda memiliki alat yang tangguh untuk membangun situs web modern apa pun.

Tapi itu tidak dibuat untuk pengoptimalan video atau bahkan akselerasi; itu hanya pembuat halaman. Di situlah solusi SmartVideo Swarmify masuk. Kami membantu Anda memberikan pengalaman video yang cepat dan profesional di situs web Beaver Builder Anda.

Semua tanpa biaya berat, batasan, dan tantangan teknis yang menyertai sebagian besar host video.

Apakah kita meninggalkan sesuatu? Hubungi kami kapan saja, dan kami akan dengan senang hati mengobrol.