Hai, Sobat Jagoan! Taukah kamu kalau desain dari Canva bisa dengan mudah diintegrasikan ke dalam WordPress? Kamu bisa memanfaatkan fitur Embed yang disediakan oleh Canva untuk menampilkan desain langsung di website WordPress, baik di halaman (page) atau di postingan (post). Yuk, simak caranya di bawah ini!
Fyi, artikel kali ini akan membahas embed Canva menggunakan Gutenberg Editor dan Elementor Editor, Sob.
Menyiapkan Desain Canva
Pertama, kamu harus sudah membuat desain konten yang akan di embed di Canva. Kamu bebas berkreasi terhadap desain konten. Kamu bisa menggunakan template yang sudah disediakan Canva untuk disesuaikan dengan kebutuhan desain konten yang ingin kamu buat.
Embed Desain Canva
Step 1: Lanjut, setelah konten selesai dibuat. Kamu klik bagian Share atau Bagikan di pojok kanan atas lalu klik opsi See All atau Lihat Semua.
Step 2: Pada kolom pencarian, ketik ‘Embed’ atau ‘Sematkan’.
Step 3: Klik tombol Embed, kalau ditampilkan.
Step 4: Canva akan menyediakan 2 opsi embed yaitu embed HTML dan embed URL. Kamu bisa pilih sesuai kebutuhan kamu, Sob.
Mengunggah Embed Canva ke WordPress
Di bawah ini cara menggunggah embed Canva tadi ke WordPress, sesuaikan dengan editor yang kamu gunakan, Sob. Oh ya, kamu bisa dengan bebas ingin memasang embed ini di post atau page.
Embed menggunakan Gutenberg
Step 1: Kamu klik tombol + lalu cari opsi blok Embed atau Sematan.
Akan ada 2 opsi yang bisa kamu pilih, yaitu:
- Embed atau Sematan: untuk opsi embed menggunakan URL
- HTML khusus: untuk opsi embed menggunakan script HTML
Step 2: Setelah itu masukkan kode yang sudah di salin (berbentuk kode HTML atau URL embed). Secara otomatis WordPress akan memasang konten Canva kamu.
- Kamu bisa memeriksa hasilnya dengan meng-klik Pratinjau (untuk opsi embed HTML), sebelum mempublish.
- Klik tombol Sematkan (untuk opsi embed URL) kalau URL yang kamu masukkan sudah sesuai
Embed menggunakan Elementor
Step 1: Kamu masuk ke halaman editor elementor terlebih dahulu. Kemudian cari widget Embed > klik opsi blok HTML.
Step 2: Masukkan kode embed HTML ke dalam elementor. Maka secara otomatis desain konten dari Canva terpasang di WordPress.
Setelah semuanya selesai, tinggal klik Terbitkan atau Publish untuk menampilkan secara online. Apabila menggunakan Opsi embed HTML, secara otomatis akan muncul keterangan copyright “Design by [nama pemilik canva]”.
Ketika kamu melakukan update pada konten grafis di Canva, selama kode embed desain Canva masih terpasang di WordPress. Maka secara otomatis akan terupdate mengikuti hasil akhir di Canva.
So EZ, Sob!