Cara Menyematkan Widget Lokasi di Situs Apa Pun

Widget ini hanya satu baris iframe — setiap platform yang menerima HTML kustom bisa menampungnya. Atur tema dan ukurannya di halaman penyematan, salin kodenya, lalu ikuti langkah untuk platform Anda di bawah. Pengguna WordPress punya jalan yang lebih singkat: plugin sekali klik.

Berbasis izin · Privat · Berfungsi di Chrome, Safari, Firefox, Edge

WordPress (paling mudah: plugin)

Jalur plugin: unduh whatismylocation-widget.zip → wp-admin ▸ Plugin ▸ Tambah Baru ▸ Unggah Plugin → aktifkan. Lalu tempatkan [whatismylocation] di mana pun shortcode berfungsi (pos, halaman, widget teks), dengan opsi: [whatismylocation theme="golden" mode="full" height="420"]. Plugin ini menghasilkan iframe yang sama — tidak ada hal lain yang menyentuh situs Anda.

Jalur tanpa plugin: di editor blok, tambahkan blok HTML Kustom lalu tempel iframe-nya. Di editor klasik, pindah dulu ke tab Teks.

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Tambah Elemen ▸ Sematkan Kode ▸ Sematkan HTML → tempel iframe → ubah ukuran elemen agar sesuai dengan tinggi yang Anda pilih. (Wix menjalankan sematan di dalam sandbox; permintaan izin lokasi tetap berfungsi berkat atribut allow.)
Squarespace: tambahkan blok Code (tersedia di paket yang berlaku sekarang) → tempel. Jika widget muncul tetapi tombolnya tidak melakukan apa-apa, salin ulang cuplikannya — atribut allow="geolocation" harus ada.
Shopify: di editor tema, tambahkan bagian Custom Liquid (atau sunting HTML halamannya) lalu tempel iframe. Berfungsi di tema Online Store 2.0 tanpa memasang aplikasi apa pun.
Webflow: seret elemen Embed → tempel → terbitkan (sematan hanya tampil di situs yang sudah diterbitkan, bukan di designer).
Blogger / CMS lain: tampilan HTML mentah apa pun menerima iframe itu apa adanya.

Keanehan tiap platform bisa berubah; jika sebuah pembuat situs membuang iframe pada paket Anda, halaman bantuannya di bagian “sematkan HTML kustom” yang berlaku.

Referensi opsi

Parameter	Nilai	Catatan
`theme`	light · dark · golden	Golden cocok untuk desain hangat atau premium.
`mode`	compact · full	Full menambahkan peta mini (lebih tinggi: pakai height ≥ 380).
`height` iframe	220–800 px	Compact muat di 260; full terasa lega di 420.
`allow`	geolocation	Wajib — tanpa atribut ini browser memblokir permintaan izin di dalam iframe.

cara pasang widget lokasi di wordpress penyematan iframe widget lokasi di CMS

Pertanyaan umum

Apakah saya harus memakai plugin di WordPress?

Tidak. Plugin hanya jalan yang paling cepat: ia memberi Anda shortcode dan menghasilkan iframe yang persis sama. Blok HTML Kustom berisi baris iframe yang ditempel di dalamnya memberi hasil yang identik.

Widget muncul tapi tombolnya tidak berfungsi, kenapa?

Hampir selalu karena atribut allow="geolocation" hilang dari kode yang Anda tempel. Tanpa atribut itu browser memblokir permintaan izin lokasi di dalam iframe. Salin ulang cuplikan lengkapnya dari halaman penyematan, lalu ganti kode lama Anda.

Berapa tinggi iframe yang sebaiknya saya pakai?

Antara 220 dan 800 px. Mode compact cukup di 260 px; mode full menampilkan peta mini dan butuh minimal 380 px, meski 420 px terasa lebih lega. Samakan tinggi elemen di platform Anda dengan angka itu.

Lihat dalam bahasa Inggris: How to Embed the Location Widget on Any Site · Bahasa Indonesia