Cara Menampilkan Google Map di WordPress dengan Divi

Halo Sob!

Saat membuat website undangan atau pun company profile, biasanya terdapat salah satu laman yang menginformasikan alamat dari suatu tempat. Misal seperti lokasi pernikahannya diselenggarakan, atau lokasi suatu perusahaan berada. Agar tampilannya lebih menarik, kalian bisa menyematkan tampilan Google Map lokasi tersebut, pada laman website kalian.

Di Divi sebenarnya sudah terdapat module Map yang bisa digunakan untuk menyematkan map di halaman website. Namun, sayangnya pada module Map Divi ini perlu setting API key terlebih dahulu sebelum bisa digunakan. Yang mana untuk beberapa orang, setting API key ini bisa dibilang sedikit rumit.

Nah, Sobat Jagoan tidak perlu khawatir! Karena kali ini akan kuberitahu cara untuk menyematkan Google Map tanpa menggunakan API. Tentunya caranya sangat sederhana dan mudah untuk diterapkan.

Berikut langkah-langkahnya : 

1. Akses ke Google Maps, kemudian cari lokasi yang ingin disematkan ke laman website kita. Lalu klik button “Share”.
2. Masuk ke tab “Embed Map” kemudian klik “Copy HTML”.
3. Masuk ke laman wordpress kita, lalu klik button + berwarna abu-abu untuk memasukkan module. Pilih module “Fullwidth Code”
4. Paste embed map code tadi ke kolom “Content Code”
5. Sesuaikan lebar map-nya agar sesuai kebutuhan. Apabila ingin lebar map-nya full, maka pada script cod width yang awalnya “600” bisa diubah menjadi 100%.
6. Kemudian klik button centang hijau untuk menyimpan module tersebut. Dan selesai!

Mudah sekali bukan prosesnya? Semoga panduan ini bisa membantu kalian. Ketemu lagi di panduan selanjutnya :))