Tamu Tersesat Cari Alamat Pernikahan? Ini Cara Tepat Mengubah Lokasi Google Maps di Undangan!

📌 Apa itu Integrasi Google Maps di Undangan Digital?

Integrasi Google Maps adalah fitur untuk menampilkan visual peta lokasi pernikahan secara interaktif langsung di halaman undangan digital. Dengan fitur ini, para tamu dapat melihat rute, memperbesar/memperkecil peta, atau langsung dialihkan ke aplikasi navigasi di ponsel mereka tanpa harus menyalin teks alamat secara manual.

📖
Skenario Penggunaan Nyata

Bayangkan seorang tamu dari luar kota yang kurang familiar dengan jalanan sekitar gedung resepsi Anda. Jika Anda hanya menuliskan alamat teks "Gedung Serbaguna Indah, Jalan Melati No. 10", tamu tersebut berisiko tersasar ke jalan Melati di kecamatan tetangga. Dengan menyematkan peta lokasi yang tepat (berupa pin lokasi gedung), tamu tersebut cukup menekan tombol peta untuk membuka aplikasi Google Maps dan dipandu GPS secara presisi.

🛠️ Langkah Mengedit Peta Lokasi Google Maps

Langkah 1: Membuka Google Maps

Buka situs Google Maps di browser Anda, kemudian cari nama lokasi acara pernikahan yang tepat (misalnya: nama gedung, hotel, atau nama masjid tempat akad dilangsungkan).

Langkah 2: Mengambil Kode Semat (Embed HTML)

Klik tombol Share (Bagikan) pada panel info lokasi di Google Maps, lalu pilih tab Embed a map (Sematkan peta). Pilih ukuran peta yang diinginkan (disarankan pilih ukuran Medium), kemudian klik tombol Copy HTML.

Langkah 3: Menempelkan Kode ke Elementor

Buka editor Elementor Anda, klik pada widget peta / widget HTML yang menyusun seksi lokasi acara. Tempelkan (paste) kode HTML yang sudah disalin tadi ke dalam kolom teks HTML di panel Elementor kiri.

Langkah 4: Menonton Video Tutorial Detail

Untuk melihat demo visual cara mengambil link lokasi dan menempelkannya dengan benar ke template undangan Luxee Premium, silakan tonton video berikut:

💡
Pro Tips Performa & Akurasi

Hindari membuat pin peta menggunakan alamat rumah jika lokasinya masuk ke dalam gang sempit. Disarankan untuk memindahkan pin lokasi ke tempat yang paling mudah diakses kendaraan roda empat (seperti masjid terdekat, balai rukun tetangga, atau lapangan parkir utama) lalu sertakan petunjuk tambahan pada deskripsi teks undangan.

💡 Pertanyaan Sering Ditanya (FAQ)

Tidak. Dengan menggunakan metode sematan (Embed HTML iframe), Anda tidak memerlukan API Key apa pun dari Google Cloud Console. Metode ini 100% gratis dan tanpa batasan kuota muatan halaman.

Pastikan nilai width="600" di dalam tag kode iframe yang Anda tempel diganti menjadi width="100%". Di template Luxee, pengaturan ini umumnya sudah teratasi otomatis lewat class CSS bawaan container.

Salin tautan biasa (bukan iframe semat) dari menu bagikan Google Maps (contoh: https://maps.app.goo.gl/xxxx), lalu pasang tautan tersebut pada elemen tombol (Button) biasa di Elementor.

*Terakhir diperbarui: 25-Mei-2026*