Cara Embed Google Maps Menggunakan Elementor


3 menit

Apabila sebelumnya kita pernah membahas cara embed video YouTube menggunakan Elementor, maka kamu bisa juga embed Google Maps menggunakan Elementor, sehingga kamu dapat menambahkan peta lokasi tempat usaha, atau tempat tertentu kedalam websitemu dengan mudah.

Menariknya, untuk embed Google Maps menggunakan Elementor ini tidak perlu menggunakan plugin add-on atau bahkan menggunakan plugin berbayar, yang artinya kamu bisa menambahkan embed secara cuma-cuma.

Cara Embed Google Maps Menggunakan Elementor

Sebelum membahas ke langkah-langkah embed Google Maps, berikut adalah informasi plugin dan versi WordPress yang digunakan, karena mungkin saja ketika kamu menggunakan versi berbeda, tampilannya akan berbeda juga

  • WordPress v6.5.2 (self-hosted)
  • WordPress menggunakan bahasa Inggris (default)
  • Elementor v3.21.4 (versi gratis)

Sekarang karena kamu sudah mengetahui versi yang digunakan, maka langsung saja lanjut ke langkah-langkah embed Google Maps menggunakan Elementor

1. Login WordPress

Hal pertama yang perlu kamu lakukan tentu saja login WordPress yang biasanya bisa diakses melalui namadomain.tld/wp-login.php1

2. Buat atau Edit Halaman

Setelah login, kamu bisa membuat halaman baru, atau mengedit halaman yang akan kamu tambahkan Google Maps didalamnya.

Apabila kamu ingin membuat halaman baru, maka kamu bisa membuka menu Pages > Add new page. Atau jika kamu ingin menambahkan map ke artikel, maka bisa melalui menu Posts > Add new post.

3. Gunakan Elementor

Ketika berada dihalaman untuk menulis artikel atau halaman, maka kamu perlu mengubah editor menggunakan Elementor dengan cara klik tombol Edit with Elementor

4. Tambahkan Widget Google Maps

Darai halaman editor menggunakan Elementor, kamu bisa mencari widget Google Maps dari panel yang ada di sebelah kiri, kemudian menariknya ke area kosong didalam halaman yang akan kamu buat

5. Tambahkan Lokasi

Langkah terakir yang perlu kamu lakukan adalah menambahkan lokasi yang akan kamu tambahkan kedalam embed.

Apabila kamu ingin menambahkan tempat yang sudah terkenal, misalnya Candi Borobudur, maka pada kolom location bisa langsung kamu isikan dengan Borobudur Temple (penulisan nama perlu menggunakan bahasa inggris)

Namun apabila kamu ingin menambahkan lokasi tertentu yang lebih spesifik, maka kamu bisa menambahkan alamat yang lebih lengkap, misalnya Jl Jengki Cipinang Asem RT 010/009, Dki Jakarta2 maka kamu bisa langsung menabahkan alamat lengkap tersebut di kolom Location

6. Sesuaikan Tingkat Zoom

Supaya embed Google Maps yang kamu tambahkan bisa lebih menarik, maka kamu bisa melakukan kustomisasi pada tingkat Zoom didalam map.

Untuk tingkat Zoom optimal, biasanya menggunakan Zoom antara 10 sampai 15, dan bisa kamu sesuaikan sendiri sesuai dengan keperluan

7. Simpan dan Terbitkan

Apabila dirasa semuanya sudah sesuai, maka kamu bisa menyimpan halaman tersebut atau menerbitkannya sehingga halaman bisa diakses secara publik.

Itulah cara mudah untuk embed Google Maps menggunakan Elementor, sehingga kamu bisa menambahkan denah lokasi di websitemu dengan mudah. Bagaimanapun juga, apabila kamu ingin membuat tampilannya lebih menarik, mungkin kamu memerlukan plugin add-on, atau bahkan menambahkan custom code sendiri.

  1. Ubah namadomain.tld dengan nama domain websitemu. ↩︎
  2. Alamat tersebut merupakan alamat random yang dibuat melalui https://www.bestrandoms.com/random-address-in-id ↩︎

Terima kasih telah berkunjung ke WPGan.com dan membaca Cara Embed Google Maps Menggunakan Elementor. Dapatkan saldo $100 di Vultr gratis untuk uji coba VPS dari [Halaman Ini]
Tinggalkan Balasan 0

Your email address will not be published. Required fields are marked *


Share: