{"id":6676,"date":"2018-08-01T10:05:28","date_gmt":"2018-08-01T10:05:28","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-id-tutorial\/?p=6676"},"modified":"2025-07-30T14:50:57","modified_gmt":"2025-07-30T07:50:57","slug":"memasukkan-google-map-ke-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/memasukkan-google-map-ke-wordpress","title":{"rendered":"Cara menambahkan Google Maps di WordPress (dengan 3 metode)"},"content":{"rendered":"<p>Salah satu fungsi utama dari adanya website bisnis adalah memungkinkan para pelanggan untuk menemukan toko online Anda lebih cepat. Jika selain online Anda juga punya toko offline, maka pastikan Anda memberi informasi lokasi yang benar dan tepat sehingga para pelanggan bisa mengunjungi toko fisik Anda. Sebagian besar toko online menambahkan Google Map pada website, di samping menuliskan alamat tentunya.<\/p><p>Untungnya, Anda diberi kemudahan oleh CMS yang paling banyak digunakan, yakni WordPress. Anda diperbolehkan untuk memasukkan Google Map ke WordPress. Di artikel ini, kami akan membahas caranya dengan menggunakan:<\/p><ol class=\"wp-block-list\">\n<li>Plugin <strong><a href=\"https:\/\/www.google.com\/maps\" target=\"_blank\" rel=\"noopener\">Google Maps<\/a><\/strong> WordPress.<\/li>\n\n\n\n<li>Fitur embed Google Maps.<\/li>\n\n\n\n<li>Tema WordPress.<\/li>\n<\/ol><p>\n\n\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-mengapa-anda-harus-memasukkan-google-map-ke-wordpress\">Mengapa Anda Harus Memasukkan Google Map ke WordPress?<\/h2><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"245\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-1.jpg\/public\" alt=\"Memasukkan google map ke WordPress\" class=\"wp-image-6679\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-1.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-1.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-1.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-1.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Perlu Anda ketahui, menambahkan Google Map pada website bukan hanya sekadar menampilkan email toko fisik Anda. Dengan adanya peta, orang-orang yang ingin mengunjungi toko Anda dapat terbantu. Mereka akan langsung tahu nama jalan yang dituju, bangunan di dekat toko Anda, dan kendaraan atau angkutan seperti apa yang harus digunakan untuk menuju toko Anda.<\/p><p>Menentukan tipe map seperti apa yang harus ditambahkan ke website bisnis Anda memang tidaklah mudah. Beberapa owner hanya menyertakan screenshot peta yang diambil dari source online. Namun, Anda bisa melakukan lebih dari itu. Anda bisa mencari tahu cara menambahkan <strong><a href=\"https:\/\/www.google.com\/maps\" target=\"_blank\" rel=\"noopener\">Google Maps<\/a><\/strong> di WordPress yang bahkan dapat diakses dengan gratis.<\/p><p>Berikut kelebihan adanya Google Maps di WordPress Anda:<\/p><ul class=\"wp-block-list\">\n<li>Google Maps merupakan opsi yang interaktif. Pelanggan bisa menggeser-geser peta sampai mereka menemukan lokasi yang tepat.<\/li>\n\n\n\n<li>Google Maps dapat digunakan untuk menghighlight lokasi mana pun yang diinginkan, bahkan banyak lokasi sekaligus.<\/li>\n\n\n\n<li>Pelanggan bisa mengganti opsi dari&nbsp;<em>map view&nbsp;<\/em>menjadi <em>street view <\/em>sehingga mereka bisa melihat lokasi toko Anda yang aktual tanpa harus meninggalkan rumah.<\/li>\n\n\n\n<li>User bisa dengan cepat menghubungkan peta ke smartphone mereka. Mereka kemudian akan mendapatkan petunjuk dan arah untuk sampai ke toko fisik Anda.<\/li>\n<\/ul><p>Sebenarnya, <strong><a href=\"https:\/\/en.wikipedia.org\/wiki\/List_of_online_map_services\" target=\"_blank\" rel=\"noopener\">ada banyak pilihan lain<\/a><\/strong> selain Google Maps. Hanya saja, nama Google sudah dikenal oleh banyak orang. Jadi, ketika pelanggan membuka toko online Anda dan ingin mencari tahu lokasi fisiknya, mereka tidak akan kesusahan karena sudah familiar dengan fungi dan sistem kerja Google Maps.<\/p><p>Sayangnya, WordPress tidak memiliki fitur bawaan untuk memasukkan Google Map ke WordPress. Namun, jangan khawatir karena Anda bisa memanfaatkan plugin, tema, atau bahkan fitur resmi Google Maps.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-cara-memasang-google-map-di-wordpress-dengan-3-metode\">Cara Memasang Google Map di WordPress (dengan 3 Metode)<\/h2><p>Sampai di sini, Anda sudah tahu mengapa menambahkan Google Map pada website itu penting dan layak untuk dicoba. Melalui artikel ini, kami akan menjabarkan tiga cara menambahkan Google Map di WordPress. Kami akan mengawalinya dengan plugin, kemudian menambahkan maps secara manual, lalu memanfaatkan tema WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-install-plugin-google-maps-wordpress\">1. Install Plugin Google Maps WordPress<\/h3><p>Google Maps merupakan fitur yang paling banyak digunakan di website sehingga tidak mengherankan apabila tersedia berbagai opsi plugin Google Maps WordPress.<\/p><p>Sebagai contoh, dengan <strong><a href=\"https:\/\/wordpress.org\/plugins\/wp-google-maps\/\" target=\"_blank\" rel=\"noopener\">WP Google Maps<\/a><\/strong>, Anda bisa menambahkan peta ke halaman tertentu menggunakan shortcode. Terlebih lagi, plugin ini juga memberikan opsi untuk memodifikasi&nbsp;<em>map marker<\/em>, memilih beberapa untuk diterapkan ke map, dan masih banyak lagi:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"288\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wp-google-maps.jpg\/public\" alt=\"Cara menambahkan Google Map di WordPress menggunakan plugin WP Google Maps\" class=\"wp-image-6681\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wp-google-maps.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wp-google-maps.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wp-google-maps.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wp-google-maps.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Berdasarkan pengalaman kami, WP Google Maps merupakan salah satu plugin terbaik karena tool ini mendukung fitur tingkat lanjut, misalnya kompatibel dengan berbagai plugin catching dan Content Delivery Network (CDN).<\/p><p>Namun, masih ada plugin lain yang bisa Anda manfaatkan, contohnya <strong><a href=\"https:\/\/wordpress.org\/plugins\/wd-google-maps\/\" target=\"_blank\" rel=\"noopener\">WD Google Maps<\/a><\/strong>. Plugin ini bisa diaktifkan untuk banyak&nbsp;<em>marker<\/em>, menghadirkan peta atau map yang mobile-friendly, dan menawarkan beberapa pengaturan kustomisasi:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"285\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wd-google-maps.jpg\/public\" alt=\"Cara memasang Google Map di WordPress dengan menggunakan plugin WD Google Maps\" class=\"wp-image-6682\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wd-google-maps.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wd-google-maps.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wd-google-maps.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/wd-google-maps.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Ketika peta baru ditambahkan menggunakan WD Google Maps, plugin tersebut akan menuntun Anda selama proses dengan&nbsp;<em>builder&nbsp;<\/em>yang intuitif, yang menyertakan fitur preview bawaan.<\/p><p>Anda juga bisa memanfaatkan <strong><a href=\"https:\/\/wordpress.org\/plugins\/google-maps-widget\/\" target=\"_blank\" rel=\"noopener\">Google Maps Widget<\/a><\/strong> sebagai plugin Google Maps WordPress alterntif. Plugin ini sangat mudah disetup, dan memungkinkan Anda untuk menambahkan maps seukuran&nbsp;<em>thumbnail<\/em> ke sidebar WordPress (atau footer), di mana pelanggan bisa memperbesar map atau peta dengan sekali klik:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"290\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-widget.jpg\/public\" alt=\"Menambahkan Google Map pada website dengan plugin Google Maps Widget\" class=\"wp-image-6683\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-widget.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-widget.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-widget.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/google-maps-widget.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Tool ini sangat berguna terutama bagi website dengan space atau ruang terbatas karena plugin ini bersifat widget yang bisa dipasang di mana saja.<\/p><p>Namun sebenarnya, kami lebih suka menambahkan peta berukuran penuh karena pastinya lebih mudah dilihat oleh para pelanggan. Selanjutnya, kami akan menjelaskan cara menggunakan plugin WP Google Maps.<\/p><p>Pertama-tama, masuk ke dashboard WordPress dan buka tab&nbsp;<strong>Plugins &gt; Add New<\/strong>. Ketikkan&nbsp;<strong>WP Google Maps&nbsp;<\/strong>di kolom pencarian. Setelah plugin muncul di hasil pencarian, klik opsi&nbsp;<strong>Install Now<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"415\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/install-wp-google-maps.jpg\/public\" alt=\"Menginstall WP Google Maps\" class=\"wp-image-6684\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/install-wp-google-maps.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/install-wp-google-maps.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/install-wp-google-maps.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/install-wp-google-maps.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Aktifkan plugin. Beberapa saat kemudian tab baru&nbsp;<strong>Maps&nbsp;<\/strong>akan muncul di dashboard. Apabila Anda mengklik tab baru tersebut, maka plugin akan menampilkan halaman intro singkat. Sebaliknya, jika Anda mengklik opsi&nbsp;<strong>Skip intro and create a map<\/strong>, maka Anda akan diarahkan ke:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"528\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/halaman-intro-maps.jpg\/public\" alt=\"Halaman intro maps\" class=\"wp-image-6685\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/halaman-intro-maps.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/halaman-intro-maps.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/halaman-intro-maps.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/halaman-intro-maps.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Di halaman selanjutnya, plugin akan menampilkan informasi atau notifikasi bahwa plugin baru bisa berfungsi jika <strong><a href=\"https:\/\/www.wpgmaps.com\/documentation\/creating-a-google-maps-api-key\/\" target=\"_blank\" rel=\"noopener\">Google API key<\/a><\/strong>&nbsp;tersedia. Untuk mendapatkan Google API key, klik link&nbsp;<strong>Create an API key now<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"789\" height=\"263\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/buat-api-key.jpg\/public\" alt=\"Membuat API key\" class=\"wp-image-6686\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/buat-api-key.jpg\/w=789,fit=scale-down 789w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/buat-api-key.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/buat-api-key.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/buat-api-key.jpg\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/buat-api-key.jpg\/w=414,fit=scale-down 414w\" sizes=\"(max-width: 789px) 100vw, 789px\" \/><\/figure><\/div><p>Google akan meminta persetujuan Anda sebelum Anda memulai membuat aplikasi dan mendapatkan API key. Jika Anda setuju, Google akan setup proyek baru untuk Anda, dan Anda bisa segera membuat API key:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"189\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-api-key.jpg\/public\" alt=\"Contoh API key\" class=\"wp-image-6687\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-api-key.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-api-key.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-api-key.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-api-key.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Pada screenshot di atas, API key milik kami disembunyikan karena memang seharusnya Anda pun jangan pernah membagikan API key Anda ke pengguna lain. API key langsung terhubung ke akun Anda dan pastinya Anda tidak ingin orang atau pengguna lain mengutak-atik akun Anda. Buatlah API key dari kombinasi huruf dan angka. Setelah itu, kembali ke dashboard dan&nbsp;<em>paste&nbsp;<\/em>API key ke kolom atau area yang &lsquo;diperintahkan&rsquo; oleh plugin:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"259\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/paste-api-key.jpg\/public\" alt=\"Paste API key yang telah Anda buat.\" class=\"wp-image-6688\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/paste-api-key.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/paste-api-key.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/paste-api-key.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/paste-api-key.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Pesan yang menyatakan bahwa API key berhasil dimasukkan akan muncul. Inilah saatnya bagi Anda untuk mengerjakan map atau peta pertama di situs.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"182\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/map-pertama.jpg\/public\" alt=\"Map pertama Anda\" class=\"wp-image-6689\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/map-pertama.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/map-pertama.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/map-pertama.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/map-pertama.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Pada screenshot di atas, Anda bisa lihat kalau plugin, tanpa persetujuan Anda, setup&nbsp;<em>test map<\/em> untuk Anda yang mana bisa diedit dan digunakan nantinya di website. Untuk mengelola test map, klik opsi&nbsp;<strong>Edit&nbsp;<\/strong>yang berada di bawah nama peta. Plugin kemudian akan meminta Anda untuk memilih platform mana yang membutuhkan Google Maps. Pilih opsi Google Maps:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"423\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/pilih-tool-maps.jpg\/public\" alt=\"Pilih tool maps\" class=\"wp-image-6690\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/pilih-tool-maps.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/pilih-tool-maps.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/pilih-tool-maps.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/pilih-tool-maps.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Hal paling pertama yang harus dilakukan adalah membuat nama untuk peta online Anda. Setelah itu, ubah panjang dan lebar peta. Jika lebar peta diatur ke default, yakni 100%, maka secara otomatis peta yang baru dibuat tersebut akan mengikut resolusi situs Anda. Karena itulah, opsi default ini bisa menjadi pilihan terbaik:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"839\" height=\"255\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/judul-map.jpg\/public\" alt=\"Judul atau nama map\" class=\"wp-image-6691\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/judul-map.jpg\/w=839,fit=scale-down 839w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/judul-map.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/judul-map.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/judul-map.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/><\/figure><\/div><p>Tersedia juga opsi untuk memodifikasi level zoom awal peta serta menentukan tipe layout yang sebaiknya ditampilkan peta. Sebagai contoh, Anda bisa menggunakan&nbsp;<em>classic roadmaps&nbsp;<\/em>(peta jalan) atau&nbsp;<em>terrain maps&nbsp;<\/em>(peta wilayah). Hampir sebagian besar website bisnis memilih tipe&nbsp;<em>classic roadmaps&nbsp;<\/em>untuk peta online mereka karena dianggap berguna bagi para pelanggan.<\/p><p>Scroll ke bawah sampai Anda menemukan&nbsp;<strong>Markers<\/strong>. Di area ini, Anda bisa menentukan lokasi khusus yang ingin ditampilkan di peta. Caranya adalah dengan memasukkan atau menambahkan koordinat GPS lokasi tersebut. Bahkan Anda juga bisa menggeser peta ke kanan, dan klik kanan di lokasi mana saja yang ingin Anda tandai:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"237\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/atur-marker.jpg\/public\" alt=\"Atur marker\" class=\"wp-image-6692\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/atur-marker.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/atur-marker.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/atur-marker.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/atur-marker.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Di bawah pengaturan&nbsp;<strong>Address\/GPS&nbsp;<\/strong>marker, terdapat opsi untuk menambahkan animasi sederhana ke map. Misalnya, Anda bisa menambahkan animasi&nbsp;<em>bounce<\/em> ke marker pada saat map sedang loading. Tentu saja modifikasi ini akan membuat peta online Anda terlihat lebih menarik. Bahkan Anda pun dapat mengonfigurasikan Google Map untuk menampilkan&nbsp;<em>pop-up box<\/em> di samping marker yang akan menunjukkan alamat lengkap.<\/p><p>Jika semuanya sudah selesai, klik opsi&nbsp;<strong>Save Marker<\/strong> dan halaman akan&nbsp;<em>reload<\/em>. Setelah itu, klik opsi&nbsp;<strong>Save Map<\/strong> yang ada di tengah-tengah layar. Plugin akan menyimpan semua perubahan yang dilakukan.<\/p><p>Dengan plugin ini, Anda bisa embed Google Maps WordPress yang dibuatnya. Caranya,&nbsp;<strong><a href=\"https:\/\/codex.wordpress.org\/shortcode\" target=\"_blank\" rel=\"noopener\"><em>paste&nbsp;<\/em>shortcode Google Maps<\/a><\/strong> di mana saja di situs Anda. Shortcode tersebut tersimpan di tab&nbsp;<strong>Maps<\/strong> pada dashboard, tepat di sebelah kanan masing-masing entry:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"882\" height=\"108\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/shortcode-map.jpg\/public\" alt=\"Shortcode map\" class=\"wp-image-6693\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/shortcode-map.jpg\/w=882,fit=scale-down 882w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/shortcode-map.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/shortcode-map.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/shortcode-map.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/figure><\/div><p>Selesai! Anda baru saja memasukkan Google Map ke WordPress. Dengan plugin ini (atau plugin serupa lainnya), Anda bisa membuat sebanyak mungkin map yang diinginkan.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-menggunakan-fitur-embed-google-maps\">2. Menggunakan Fitur Embed Google Maps<\/h3><p>Jika Anda tidak ingin menggunakan plugin untuk menambahkan Google Map pada website WordPress, maka Anda bisa memilih opsi lainnya, yakni cara manual. Ada beberapa fitur embed bawaan yang bisa Anda manfaatkan untuk mengaktifkan Google Maps di WordPress. Hanya saja, ada cara yang lebih mudah, yaitu memanfaatkan layanan yang memungkinkan Anda untuk membuat kode embed untuk Google Maps.<\/p><p>Contohnya adalah <strong><a href=\"https:\/\/www.embedgooglemap.net\/\" target=\"_blank\" rel=\"noopener\">Embed Google Map<\/a><\/strong>. Fitur ini memberikan Anda kesempatan untuk mencari alamat dengan menggunakan software antarmuka default Google Maps. Di samping itu, Anda juga bisa mengatur ukuran dan level zoom map sesuai kebutuhan:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"890\" height=\"542\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/embed-google-map.jpg\/public\" alt=\"Fitur embed Google Maps\" class=\"wp-image-6694\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/embed-google-map.jpg\/w=890,fit=scale-down 890w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/embed-google-map.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/embed-google-map.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/embed-google-map.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 890px) 100vw, 890px\" \/><\/figure><\/div><p>Setelah mengonfigurasi pengaturan, klik opsi&nbsp;<strong>Get HTML-Code<\/strong> dan situs akan memunculkan HTML code snippet untuk ditambahkan ke website.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"868\" height=\"316\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/kode-embed.jpg\/public\" alt=\"Kode embed\" class=\"wp-image-6695\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/kode-embed.jpg\/w=868,fit=scale-down 868w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/kode-embed.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/kode-embed.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/kode-embed.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 868px) 100vw, 868px\" \/><\/figure><\/div><p>Salinkode tersebut, kemudian kembali ke dashboard WordPress. Buka editor untuk halaman yang ingin Anda tambahkan Google Map. Pilih tab&nbsp;<strong>Text&nbsp;<\/strong>yang kompatibel dengan kode HTML:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"807\" height=\"391\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/teks-kunjungi-gerai-kami.jpg\/public\" alt=\"Teks 'How to Find Us'\" class=\"wp-image-6696\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/teks-kunjungi-gerai-kami.jpg\/w=807,fit=scale-down 807w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/teks-kunjungi-gerai-kami.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/teks-kunjungi-gerai-kami.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/teks-kunjungi-gerai-kami.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 807px) 100vw, 807px\" \/><\/figure><\/div><p><em>Paste&nbsp;<\/em>kode di mana pun Anda ingin menampilkan map. Simpan perubahan yang dilakukan dan lihat halaman front end yang memuat Google Maps:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"455\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-map.jpg\/public\" alt=\"Contoh map\" class=\"wp-image-6697\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-map.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-map.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-map.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-map.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Sayangnya, fitur embed ini memiliki kelemahan. Anda harus membuat kode embed baru untuk setiap map yang ditambahkan ke website. Namun, ada kelebihannya juga, yakni setelah map ditambahkan via HTML, Anda bisa melihatnya melalui tab&nbsp;<strong>Visual&nbsp;<\/strong>editor:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"781\" height=\"383\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tab-visual.jpg\/public\" alt=\"Tab visual untuk melihat pratinjau map\" class=\"wp-image-6698\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tab-visual.jpg\/w=781,fit=scale-down 781w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tab-visual.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tab-visual.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tab-visual.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 781px) 100vw, 781px\" \/><\/figure><\/div><p>Dengan fitur ini, Anda bisa tetap mengelola dan mengatur halaman tanpa harus melakukan semuanya dengan editor&nbsp;<strong>Text<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-cara-menambahkan-peta-di-wordpress-menggunakan-tema\">3. Cara Menambahkan Peta di WordPress Menggunakan Tema<\/h3><p>Google Maps WordPress sangat populer dan banyak digunakan oleh orang-orang dari berbagai kalangan. Saking populernya, beberapa tema bahkan memungkinkan Anda untuk menambahkan Google Maps ke situs menggunakan fungsionalitas bawaan. Ini berarti hanya dengan <strong><a href=\"\/id\/tutorial\/tema-wordpress-gratis\/\" target=\"_blank\" rel=\"noopener\">menginstall tema yang tepat dan sesuai<\/a><\/strong>, Anda tidak perlu lagi mengaktifkan plugin atau menambahkan kode HTML ke situs.<\/p><p>Akan tetapi, memilih tema yang kompatibel dengan fitur ini membutuhkan waktu yang tak singkat. Terkadang, hanya tema premium-lah yang menawarkan fitur Google Maps. Alhasil, Anda harus menyiapkan sejumlah rupiah untuk membeli tema premium. Namun, jika Anda membeli tema premium, maka Anda tidak bisa membeli temanya saja karena tool tersebut men-support Google Maps WordPress.<\/p><p>Kalau sampai pada titik ini Anda masih bingung harus melakukan apa, ada baiknya Anda memilih tema WordPress&nbsp;<em>multipurpose&nbsp;<\/em>terlebih dulu. Tema ini menawarkan banyak fitur yang bisa Anda gunakan untuk membuat situs apa pun.<\/p><p>Salah satu tema&nbsp;<em>multipurpose<\/em> adalah <strong><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi<\/a><\/strong>. Tema ini menawarkan sejumlah kelebihan, termasuk&nbsp;<em>builder<\/em> bawaan untuk halaman visual:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"464\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tampilan-builder-divi-e1531273070657.jpg\/public\" alt=\"Tampilan builder divi\" class=\"wp-image-6699\"><\/figure><\/div><p>Pada saat Anda membuat halaman dengan menggunakan <strong><a href=\"https:\/\/www.elegantthemes.com\/plugins\/divi-builder\/\" target=\"_blank\" rel=\"noopener\">Divi Builder<\/a><\/strong>, Anda bisa membagi halaman tersebut dengan memanfaatkan baris dan kolom. Lalu, tambahkan modul spesifik di hasil pencarian:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"584\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-module.jpg\/public\" alt=\"Contoh module\" class=\"wp-image-6700\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-module.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-module.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-module.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/contoh-module.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Jika screenshot di atas dilihat dengan saksama, Anda pasti akan menyadari bahwa ada salah satu module yang dinamai&nbsp;<strong>Map<\/strong>. Klik module tersebut, dan tema akan meminta Anda untuk memasukkan <strong><a href=\"https:\/\/www.wpgmaps.com\/documentation\/creating-a-google-maps-api-key\/\" target=\"_blank\" rel=\"noopener\">Google API key<\/a><\/strong>. Apabila belum ada API key, Anda bisa kembali ke langkah paling pertama di mana kami membahas cara membuat API key.<\/p><p>Setelah API key dimasukkan, pilih posisi tempat diletakkannya map Anda, dan tambahkan sebanyak mungkin <em>marker<\/em>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"323\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tambahkan-pin-baru.jpg\/public\" alt=\"Tambahkan pin baru\" class=\"wp-image-6701\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tambahkan-pin-baru.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tambahkan-pin-baru.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tambahkan-pin-baru.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2018\/08\/tambahkan-pin-baru.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Contoh tema lainnya yang mensupport Google Maps WordPress adalah <strong><a href=\"https:\/\/themeforest.net\/item\/travelmatic-travel-blog-wordpress-theme\/21273225\" target=\"_blank\" rel=\"noopener\">Travelmatic<\/a><\/strong>, <strong><a href=\"https:\/\/themeforest.net\/item\/estato-wordpress-theme-for-real-estate-and-developers\/19694547\" target=\"_blank\" rel=\"noopener\">Estato<\/a><\/strong>, dan <strong><a href=\"https:\/\/themeforest.net\/item\/reales-wp-real-estate-wordpress-theme\/10330568\" target=\"_blank\" rel=\"noopener\">Reales WP<\/a><\/strong>. Ketiga tema ini sangat populer di antara tema&nbsp;<em>travel&nbsp;<\/em>dan&nbsp;<em>real estate<\/em> lainnya. Masih banyak tema yang menawarkan fitur Google Maps WordPress jika Anda meluangkan waktu untuk mencarinya.<\/p><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Cara terbaik dan termudah dalam membagikan alamat toko fisik Anda ke para pelanggan adalah dengan memasukkan Google Map ke WordPress. <strong><a href=\"https:\/\/www.google.com\/maps\" target=\"_blank\" rel=\"noopener\">Google Maps<\/a><\/strong> merupakan peta online yang sangat interaktif. Map ini memungkinkan siapa pun bisa mencari dan menemukan suatu alamat dari mana pun mereka berada. Di samping itu, cara menambahkan Google Map di WordPress juga terbilang sederhana.<\/p><p>Apakah Anda memiliki pertanyaan terkait cara memasang Google Map di WordPress? Tinggalkan saja pertanyaan Anda pada kolom komentar di bawah ini!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Salah satu fungsi utama dari adanya website bisnis adalah memungkinkan para pelanggan untuk menemukan toko online Anda lebih cepat. Jika selain online Anda juga punya toko offline, maka pastikan Anda memberi informasi lokasi yang benar dan tepat sehingga para pelanggan bisa mengunjungi toko fisik Anda. Sebagian besar toko online menambahkan Google Map pada website, di [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/memasukkan-google-map-ke-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":55,"featured_media":6704,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"Mudahkan para pelanggan untuk mengunjungi toko fisik Anda dengan memasukkan Google Map ke WordPress. Ikuti tutorial lengkapnya di sini!","rank_math_focus_keyword":"memasukkan google map ke wordpress, cara menambahkan google map di wordpress, cara memasang google map di wordpress, menambahkan google map pada website, cara menambahkan peta di wordpress","footnotes":""},"categories":[4859],"tags":[4890,7999,4892,7996,7997,7932,7998,7430,7718,7891,7982,4860,7899],"class_list":["post-6676","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-domain","tag-google-maps","tag-hosting","tag-hosting-indonesia","tag-map","tag-nama-domain","tag-peta-online","tag-plugin","tag-plugin-wordpress","tag-web-hosting","tag-web-hosting-indonesia","tag-wordpress","tag-wordpress-hosting"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-google-maps","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-colocar-google-maps-no-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/google-maps-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/insertar-google-maps-en-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/memasukkan-google-map-ke-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-google-maps","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-colocar-google-maps-no-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-google-maps","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/6676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=6676"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/6676\/revisions"}],"predecessor-version":[{"id":45045,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/6676\/revisions\/45045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/6704"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=6676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=6676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=6676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}