Cara Menampilkan Diagram dari Google Sheets ke Website WordPress dengan Elementor

Untuk membuat konten yang menampilkan diagram dari Google Sheets ke website WordPress menggunakan Elementor, Anda bisa mengikuti langkah-langkah berikut:

1. Buat Diagram di Google Sheets:
   • Buka Google Sheets dan buat data yang ingin Anda gunakan untuk diagram.
   • Pilih data tersebut dan buat diagram dengan menggunakan menu “Insert” -> “Chart”.
   • Atur jenis dan tampilan diagram sesuai keinginan Anda.
2. Dapatkan Iframe Embed dari Google Sheets:
   • Klik diagram yang telah Anda buat di Google Sheets.
   • Klik tiga titik di pojok kanan atas diagram dan pilih “Publish chart”.
   • Pilih “Embed” dan klik “Publish”.
   • Salin kode iframe yang diberikan oleh Google Sheets.
3. Instal Elementor di WordPress:
   • Login ke dashboard WordPress Anda.
   • Navigasi ke “Plugins” -> “Add New”.
   • Cari “Elementor” dan klik “Install Now” dan kemudian “Activate”.
4. Buat atau Edit Halaman dengan Elementor:
   • Navigasi ke “Pages” -> “Add New” atau pilih halaman yang ingin Anda edit.
   • Klik “Edit with Elementor”.
5. Tambahkan HTML Widget di Elementor:
   • Dalam editor Elementor, tambahkan elemen “HTML” dari panel widget di sebelah kiri.
   • Tempatkan widget tersebut di area halaman di mana Anda ingin menampilkan diagram.
6. Masukkan Kode Iframe Embed:
   • Pada widget HTML, tempelkan kode iframe yang Anda salin dari Google Sheets.
   • Klik “Update” atau “Publish” untuk menyimpan perubahan Anda.

Berikut adalah ringkasan langkah-langkah tersebut dalam format panduan:

Langkah-langkah Detail:

1. Buat Diagram di Google Sheets:
   • Buka Google Sheets dan buat data.
   • Pilih data dan buat diagram: Insert -> Chart.
   • Atur diagram sesuai keinginan Anda.
2. Dapatkan Kode Embed Iframe:
   • Klik tiga titik di pojok kanan atas diagram -> Publish chart.
   • Pilih Embed dan klik Publish.
   • Salin kode iframe.
3. Instal Elementor di WordPress:
   • Dashboard WordPress -> Plugins -> Add New.
   • Cari “Elementor”, instal, dan aktifkan.
4. Edit Halaman dengan Elementor:
   • Pages -> Add New atau edit halaman yang ada.
   • Klik Edit with Elementor.
5. Tambahkan Widget HTML di Elementor:
   • Di panel widget Elementor, tambahkan elemen HTML.
   • Tempatkan di area yang diinginkan.
6. Masukkan Kode Embed Iframe:
   • Tempelkan kode iframe ke widget HTML.
   • Klik Update atau Publish.

Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah menampilkan diagram dari Google Sheets di situs WordPress Anda menggunakan Elementor.