Panduan Lengkap Menggunakan SmartVideo dengan Divi Builder untuk Hosting Video WordPress
Diterbitkan: 2020-09-26Untuk pengguna Divi Builder, SmartVideo hanya menawarkan alat yang Anda butuhkan untuk memberikan pengalaman pemutaran video yang modern, profesional, dan asli di situs web Anda.
Kita hidup di zaman tema WordPress yang kuat dan pembuat halaman yang membantu Anda membuat situs web apa pun di bawah matahari. Salah satu pembuat tema dan halaman visual tersebut adalah Divi Builder oleh orang-orang keren di Elegant Themes.
Jika Anda adalah pengguna Divi Builder tersumpah, Anda akan menyukai posting hari ini. Dalam beberapa menit, kami akan menunjukkan kepada Anda cara menggunakan SmartVideo Swarmify bersama Divi Builder.
Sekarang Anda tidak perlu menggunakan Vimeo atau pemutar video sarat tautan YouTube di situs Anda. Kami menawarkan pemutar video bebas gangguan yang terlihat sangat menakjubkan di situs web Anda yang didukung Divi.
Apa manfaat langsungnya?
- Pemutar video SmartVideo tidak berisi pencitraan merek pihak ketiga (halo, YouTube) dan tautan yang menyedot lalu lintas yang Anda upayakan dengan susah payah ke situs Anda. Sekarang, Anda dapat memberi merek pemutar video Anda untuk tampilan dan nuansa yang tajam dan profesional :)
- Video CDN dan teknologi EdgeAI kami memungkinkan Anda untuk menawarkan video super cepat, bebas buffer, dan bebas kesalahan kepada pengunjung situs web Anda di mana pun mereka berada. Pengguna Anda akan berterima kasih.
- Kami menggunakan raksasa streaming infrastruktur yang sama seperti yang digunakan Netflix dan Hulu karena kami berkomitmen penuh pada misi kami. Hasilnya, Anda menikmati video mulai instan dan video tanpa jeda yang membantu Anda mempertahankan lebih banyak pengunjung dan meningkatkan pendapatan Anda.
- Solusi penyandian video kami baik-baik saja, artinya pengunjung situs web Anda menikmati pemutaran video berkualitas tinggi terlepas dari perangkat yang mereka gunakan. Ucapkan selamat tinggal pada video samar yang terlihat mengerikan di berbagai layar dan resolusi.
- Dan masih banyak lagi, seperti yang akan Anda pelajari nanti di artikel :)
Untuk saat ini, mari kita pelajari lebih lanjut tentang Divi Builder dan cara mengintegrasikannya dengan SmartVideo.
Peringatan Spoiler: Anda dapat menambahkan kode SmartVideo ke situs web Divi Builder Anda secara manual, tetapi sekarang Anda dapat melewati semua hal teknis dengan plugin WordPress SmartVideo baru kami. Itu berarti Anda dapat dengan mudah mengintegrasikan SmartVideo dengan Divi Builder meskipun Anda tidak dapat membuat kode untuk menyelamatkan hidup Anda.
Apa itu Divi Builder?
Jika Anda baru, Divi adalah pembuat halaman visual dan tema WordPress yang cantik dan kuat. Berkat teknologi pembuat visual canggih, Divi membantu Anda membuat situs web WordPress yang mengagumkan dengan cepat.
Divi dikirimkan dengan banyak tata letak pra-dibuat yang dapat Anda impor ke instalasi WordPress Anda dengan satu klik. Selain itu, Anda memiliki Divi Visual Builder yang memungkinkan Anda menyesuaikan situs web dengan menyeret dan melepaskan elemen.
Itu benar, Anda tidak memerlukan pengetahuan pengkodean sebelumnya untuk membuat situs web yang luar biasa dengan Divi. Jika itu tidak cukup, Anda bahkan dapat menggunakan dua tata letak yang berbeda pada saat yang sama, memberi Anda banyak kebebasan desain.
Divi hadir dengan banyak fitur luar biasa termasuk:
- 40+ elemen situs web seperti tombol ajakan bertindak, galeri, formulir, blog, bilah geser, testimonial, dll.
- 800+ desain pra-dibuat di berbagai ceruk seperti bisnis, e-niaga, teknologi, kesehatan, dll.
- Kontrol desain lengkap
- 100% desain responsif dengan pengaturan tambahan untuk semua jenis perangkat
- Kontrol CSS khusus
- Pustaka besar efek, transisi, dan gaya
- Satu juta satu pilihan desain
- Dan masih banyak lagi!
Bagian terbaiknya adalah ketika Anda membeli Divi, Anda mendapatkan akses ke tema dan plugin WordPress lainnya. Elegant Themes memiliki lebih dari 700 ribu pelanggan, jadi Anda berada di tangan yang aman.
"Divi adalah RAJA dalam hal kemudahan desain web. Apa yang biasanya memakan waktu seminggu membutuhkan beberapa jam dan sekarang kami semua dengan tujuan pribadi kami untuk mengonversi semua situs web klien kami ke Divi." -Scott Lawrence
Divi sangat cocok untuk pekerja lepas, agensi, dan pemilik situs web yang mencari pembuat halaman visual yang kuat, intuitif, dan mudah digunakan. Apakah Anda tahu cara membuat kode atau tidak, Divi adalah alat pembuatan situs web yang luar biasa.
Yang mengatakan, apa itu SmartVideo?
Apa itu Swarmify SmartVideo?
Untuk pendatang baru, Swarmify adalah layanan akselerasi video utama yang kami luncurkan pada tahun 2013 setelah beberapa hari pengembangan dan pengujian yang ketat.
Kami adalah platform hosting video dengan layanan lengkap lengkap dengan encoding, playback, CDN video, perangkat pengiriman dan distribusi. Kami bangga bekerja dengan semakin banyak pengusaha dari semua lapisan masyarakat.
Kami bersemangat tentang apa yang kami lakukan dan bekerja tanpa lelah untuk menawarkan video yang dimuat secara instan tanpa buffering seperti biasa dengan banyak situs hosting video seperti YouTube, Wistia, dan Vimeo.
Swarmify menjamin Anda pemutaran video 12x lebih cepat dan buffering 8x lebih rendah daripada pemutar video rata-rata di pasaran. Kami hanya fokus pada video akselerasi, dan kami cukup bagus dalam hal itu :)
Selain itu, Swarmify sangat mudah diintegrasikan dengan beberapa platform pembuatan situs web termasuk WordPress, Shopify, dan Squarespace, antara lain.
Meskipun Anda dapat menyematkan pemutar video SmartVideo di situs WordPress Anda secara manual, Anda dapat menghemat waktu menggunakan plugin WordPress SmartVideo revolusioner kami.
Plugin ini sangat mudah dipasang dan diatur di situs WordPress + Divi Builder Anda. Anda akan memberikan pengalaman video yang cepat dan berkualitas tinggi kepada pengunjung Anda dalam waktu kurang dari 10 menit!
Dengan info latar belakang itu, kita sekarang siap untuk bagian yang menyenangkan. Di bagian berikutnya, Anda akan mempelajari cara menggunakan Swarmify dengan Divi Builder. Dengan kata lain, kami menunjukkan cara menambahkan video ke tata letak Divi Builder yang khas.
Cara Menggunakan Swarmify SmartVideo dengan Divi Builder
Untuk bagian berikut, Anda perlu menginstal dan mengaktifkan plugin SmartVideo WordPress dan Divi. Menginstal dan mengaktifkan SmartVideo atau Divi adalah tugas siswa kelas empat, kami tidak berharap Anda mengalami masalah.
Jika Anda sudah menyiapkan Divi dan SmartVideo, mari kita mulai bekerja. Untuk tujuan ilustrasi, saya bekerja dengan tata letak Agensi Web Divi yang terlihat seperti ini:
Cukup rapi, bukan? Yang akan saya lakukan adalah menambahkan video SmartVideo tepat di bawah judul utama, yang berbunyi " Agen Desain Web Layanan Lengkap ." Lihat gambar di atas.
Ayo mulai!
Di dasbor admin WordPress Anda, navigasikan ke halaman yang ingin Anda edit. Dalam kasus kami, saya sedang mengedit beranda yang ditunjukkan pada tangkapan layar di atas.
Buka halaman di editor seperti biasa. Untuk mulai mengedit halaman di atas di Divi Builder, cukup klik tombol Edit With The Divi Builder , seperti yang kami soroti di bawah ini.
Melakukannya memuat halaman Anda di front-end. Selanjutnya, klik tombol Aktifkan Visual Builder , seperti yang ditunjukkan di bawah ini.
Selanjutnya, gulir ke bagian yang ingin Anda edit. Dalam kasus kami, kami menambahkan SmartVideo tepat di bawah judul utama di bagian atas halaman.
Saat Anda mengarahkan mouse ke bagian tersebut, opsi pengeditan muncul. Cukup klik ikon plus (+) untuk menambahkan modul baru:
Melakukannya akan membuka pop up yang memungkinkan Anda untuk menambahkan modul Divi baru:
Selanjutnya, ketik "SmartVideo" di kotak pencarian, dan klik SmartVideo , seperti yang ditunjukkan di bawah ini.
Setelah itu, saatnya mengonfigurasi video Anda menggunakan tab SmartVideo Settings . Seperti yang Anda lihat pada gambar di bawah, ada banyak opsi yang tersedia untuk Anda:
Di Pengaturan SmartVideo , Anda dapat:
- Pilih sumber video - Ini bisa berupa perpustakaan media WordPress, YouTube, Vimeo atau sumber lainnya ( NB : Jika video YouTube Anda disetel ke pribadi , ubah ke tidak terdaftar sebagai gantinya)
- Ubah lebar dan tinggi video Anda
- Setel poster khusus untuk video Anda (SmartVideo default ke bingkai pertama video Anda jika Anda tidak memilih gambar poster khusus)
- Aktifkan/nonaktifkan opsi seperti Autoplay, Loop, dan Muted
- Aktifkan/nonaktifkan opsi seperti kontrol video, desain responsif, dan pemutaran video sebaris untuk browser Safari iOS
- Kontrol desain video Anda menggunakan opsi Divi, yang mencakup batas, ukuran, jarak, filter, bayangan kotak, animasi, dan banyak lagi :)
Setelah selesai, cukup klik tombol Simpan , seperti yang kami jelaskan di bawah ini:
Jangan lupa untuk menyimpan perubahan di Divi Visual Builder setelah itu:
Sekarang jika kami melihat situs sampel kami di front-end, kami melihat pemutar video SmartVideo baru siap untuk mengguncang pesta:
Untuk menambahkan SmartVideo di bagian mana pun, cukup ulangi prosesnya. Luncurkan halaman yang ingin Anda edit di Divi Visual Builder, klik ikon plus (+) untuk menambahkan modul baru, pilih modul SmartVideo, tambahkan opsi Anda, dan simpan perubahan Anda.
Sesederhana A, B, C!
Menambahkan video SmartVideo ke situs web Divi Anda tidak pernah semudah ini. Anda dapat melupakan semua tentang branding YouTube, video yang direkomendasikan, dan tautan yang mencuri lalu lintas Anda.
Selain itu, Anda dapat sepenuhnya menyesuaikan pemutar video SmartVideo agar sesuai dengan gaya situs web Anda.
Apalagi?
Jika Anda sudah memiliki video di situs web Divi Anda, SmartVideo mengonversinya secara otomatis segera setelah Anda mengonfigurasi plugin kami.
Pastikan Anda mengaktifkan Optimalkan latar belakang dan video yang ada di setelan SmartVideo.
Bagaimana?
Di dasbor admin WordPress Anda, navigasikan ke SmartVideo > Settings . Selanjutnya, aktifkan Optimalkan latar belakang dan video yang ada :
Setelah itu, klik tombol Simpan Pengaturan di bagian bawah halaman:
Dan hanya itu - SmartVideo akan mengonversi semua video Anda yang ada secara otomatis.
Betul sekali; kamu tidak perlu melakukan apa-apa lagi :)
Cara Menyesuaikan Pemutar Video SmartVideo
Sebelum kita sampai ke akhir, mari kita bahas beberapa opsi untuk menyesuaikan pemutar video SmartVideo.
Mengubah Bentuk & Warna Pemutar Video
Secara default, pemutar video SmartVideo menggunakan tombol putar segi enam kuning. Namun, Anda dapat mengubah bentuk dan warna agar sesuai dengan situs web Anda. Begini caranya.
Di dasbor admin WordPress Anda, klik SmartVideo:
Setelah Anda berada di dasbor SmartVideo, klik tab Pengaturan , seperti yang ditunjukkan di bawah ini.
Pada layar Pengaturan , gulir ke bawah dan Anda akan menemukan bagian yang memungkinkan untuk mengubah bentuk dan warna tombol putar:
Berikut adalah lebih banyak catatan tentang screengrab di atas.
- Untuk mengubah bentuk tombol pemutar, pilih Default , Rectangle atau Circle dari menu tarik-turun.
- Pilih warna khusus untuk tombol pemutar Anda.
- Klik tombol Simpan Pengaturan untuk menyimpan perubahan Anda.
Sekarang Anda dapat menikmati tombol pemutar yang baru disesuaikan :)
Opsi Lanjutan Lainnya
SmartVideo hadir dengan lebih banyak opsi untuk menambahkan teks dari sumber YouTube, mengaktifkan/menonaktifkan akselerasi unggahan, beralih ke tata letak alternatif, menambahkan tanda air khusus, dan memonetisasi video Anda dengan iklan.
Berikut cara menemukan opsi di atas pada halaman Pengaturan SmartVideo. Untuk menambahkan teks dari sumber YouTube, centang kotak yang ditunjukkan di bawah ini dan ingat untuk menyimpan setelan Anda:
Untuk meluncurkan lebih banyak opsi, gulir ke bawah dan klik Opsi Lanjutan , seperti yang kami soroti di bawah ini.
Di bawah bagian Opsi Lanjutan , Anda memiliki opsi berikut:
- Aktifkan atau nonaktifkan metode tata letak alternatif , yang membantu jika Anda mengalami masalah ukuran video yang aneh atau layar penuh.
- Aktifkan atau nonaktifkan akselerasi unggahan jika Anda mengalami masalah dengan unggahan.
- Setel tanda air/logo khusus pada pemutar video Anda.
- Tambahkan URL Iklan VAST , sehingga Anda dapat menjual iklan dari Adsense, Spotx, DFP dan sebagainya.
Kiat Pro: Selalu ingat untuk mengeklik tombol Simpan Pengaturan di bagian bawah untuk menyimpan perubahan Anda.
Kata-kata Terakhir
Divi adalah tema WordPress dan pembuat halaman visual yang luar biasa. Ini membantu Anda membuat situs web yang indah sebelum orang berikutnya menyelesaikan sandwich. Prosesnya sesederhana mengimpor tata letak dan menyesuaikannya hingga Anda berhenti.
Fungsionalitas seret dan lepas membuat penyesuaian tata letak apa pun semudah pie. Anda tidak memerlukan keterampilan pengkodean apa pun, ditambah Anda mengedit situs web Anda di front-end, melihat perubahan Anda berlaku secara real-time.
Jika Anda menggunakan video di situs web Anda, SmartVideo membantu Anda memberikan pengalaman video yang cepat, bebas buffer, dan profesional di situs Anda. Bahkan jika Anda meng-host video Anda di YouTube atau di tempat lain, pemutar video kami yang bebas kekacauan menghilangkan pencitraan merek dan tautan pihak ketiga.
Divi + SmartVideo adalah kombinasi yang unggul. Di tangan Anda, kini Anda memiliki kombinasi sempurna untuk membangun situs web dengan cepat dan menawarkan pengalaman video yang tak tertandingi kepada pengunjung situs web Anda, atau klien desain web.
Selain itu, kami tidak memiliki bandwidth atau batas penyimpanan seperti layanan lainnya, artinya Anda dapat meng-host video tanpa batas dengan harga yang terjangkau :) Cobalah Divi + SmartVideo hari ini, dan nikmati video cepat dan berkualitas tinggi tanpa berkeringat.
Beri tahu kami bagaimana kelanjutannya. Selamat membangun!
