{"id":6080,"date":"2021-02-17T14:15:03","date_gmt":"2021-02-17T07:15:03","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=6080"},"modified":"2021-02-17T14:15:05","modified_gmt":"2021-02-17T07:15:05","slug":"cara-menambahkan-google-maps-ke-wordpress-dengan-3-cara","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/cara-menambahkan-google-maps-ke-wordpress-dengan-3-cara\/","title":{"rendered":"Cara Menambahkan Google Maps ke WordPress (Dengan 3 Cara)"},"content":{"rendered":"\n<p>Salah satu fungsi utama situs bisnis adalah memungkinkan calon pelanggan menemukan kalian lebih cepat. Jika kalian memiliki toko fisik, kalian perlu memastikan bahwa kalian dapat memberikan semua informasi yang dibutuhkan pengunjung untuk sampai ke toko fisik kalian. Dalam kebanyakan kasus, menampilkan peta jauh lebih baik. Yuk baca <strong>Cara Menambahkan Google Maps ke WordPress (Dengan 3 Cara)<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Mengapa Kalian Sebaiknya Menambahkan Google Maps ke WordPress <\/strong><\/h2>\n\n\n\n<p>Berikut ini beberapa cara WordPress Google Maps dapat <em>improve <\/em>situs kalian:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mereka interaktif sehingga pengunjung dapat memindahkan peta sampai mereka mendapatkan gambaran yang lebih baik tentang di mana kalian berada.<\/li><li>Kalian dapat menggunakan Google Maps untuk menyorot lokasi manapun yang kalian inginkan bahkan di beberapa lokasi.<\/li><li>Pengunjung dapat beralih antara peta dan tampilan jalan, yang memungkinkan mereka untuk melihat seperti apa lokasi kalian.<\/li><li>Pengguna dapat dengan cepat mengirimkan peta ke ponsel mereka, yakni tempat mereka bisa mendapatkan petunjuk tentang cara menavigasi ke lokasi Anda.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Cara Menambahkan Google Maps ke WordPress <\/strong><\/h2>\n\n\n\n<p>Kita akan mulai dengan plugin, lalu lanjutkan dengan menambahkan peta secara manual, dan melengkapi semuanya dengan melihat tema.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Install Plugin WordPress Google Maps <\/strong><\/h3>\n\n\n\n<p>Google Maps adalah fitur yang sangat populer untuk disertakan dalam situs. Oleh karena itu, tidak mengherankan jika banyak plugin WordPress Google Maps sudah tersedia.<\/p>\n\n\n\n<p>Misalnya, dengan <a href=\"https:\/\/wordpress.org\/plugins\/wp-google-maps\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WP Google Maps<\/a> kalian dapat menambahkan peta ke halaman kalian menggunakan <em>shortcode<\/em>. Selain itu, plugin ini juga memberi kalian opsi untuk menyesuaikan penanda peta (map markers) kalian, memilih dari beberapa tema untuk peta kalian, dan banyak lagi.<\/p>\n\n\n\n<p>WP Google Maps adalah salah satu opsi terbaik untuk kalian karena juga mendukung fitur-fitur canggih, seperti kompatibilitas dengan beberapa plugin caching dan <em>Content Delivery Networks<\/em> (CDN).<\/p>\n\n\n\n<p>WD Google Maps merupakan opsi yang solid karena plugin ini mendukung banyak penanda, menyediakan peta yang ramah seluler, dan menawarkan beberapa pengaturan penyesuaian.<\/p>\n\n\n\n<p>Terakhir, Google Maps Widget juga merupakan salah satu plugin WordPress Google Maps yang lebih baik. Ini juga memungkinkan kalian menambahkan peta berukuran <em>thumbnail <\/em>ke sidebar WordPress kalian atau footer, yang mana pengunjung dapat memperluas dengan satu klik saja.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"290\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-1.png\" alt=\"google-maps-ke-wordpress-1\" class=\"wp-image-6082\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-1.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-1-300x97.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-1-768x247.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Ini adalah alat yang berguna jika kalian kekurangan ruang di situs kalian karena kalian dapat memasang <em>widget <\/em>di hampir semua tempat.<\/p>\n\n\n\n<p>Mari kita bahas tentang cara menggunakan plugin WP Google Maps.<\/p>\n\n\n\n<p>Pertama, buka <em>dashboard <\/em>WordPress kalian dan arahkan ke <strong>Plugins =&gt; Add New<\/strong> tab. Gunakan <em>search bar<\/em> untuk mencari plugin WP Google Maps. Saat kalian telah lihat hasilnya muncul, klik tombol <strong>Install Now<\/strong> tepat di sebelahnya.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"415\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-2.png\" alt=\"google-maps-ke-wordpress-2\" class=\"wp-image-6083\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-2.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-2-300x138.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-2-768x354.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Aktifkan plugin dan tab baru bernama <strong>Maps <\/strong>akan muncul di dashboard kalian. Jika kalian klik, plugin akan menampilkan halaman intro secara singkat. Kalian dapat menekan tombol <strong>Skip intro and create a map<\/strong> untuk langsung masuk ke dalamnya.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"528\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-3.png\" alt=\"google-maps-ke-wordpress-3\" class=\"wp-image-6084\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-3.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-3-300x176.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-3-768x451.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Di halaman berikutnya, plugin akan memberitahu kalian bahwa ia membutuhkan <a href=\"https:\/\/www.wpgmaps.com\/documentation\/creating-a-google-maps-api-key\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">kunci Google API<\/a> agar berfungsi. Silakan klik untuk mendapatkan kunci dengan mengklik tautan <strong>Create an API key now<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"789\" height=\"263\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-4.png\" alt=\"google-maps-ke-wordpress-4\" class=\"wp-image-6085\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-4.png 789w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-4-300x100.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-4-768x256.png 768w\" sizes=\"auto, (max-width: 789px) 100vw, 789px\" \/><\/figure><\/div>\n\n\n\n<p>Google akan meminta kalian untuk menyetujui persyaratan sebelum kalian dapat membuat aplikasi dan mendapatkan kunci API. Setelah setuju, Google akan menyiapkan proyek baru untuk kalian dan kalian dapat langsung membuat kunci API.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"189\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-5.png\" alt=\"google-maps-ke-wordpress-5\" class=\"wp-image-6086\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-5.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-5-300x63.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-5-768x161.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Kami mengaburkan kunci API karena kalian tidak boleh membagikan milik kalian dengan orang lain. Kunci tersebut berkaitan dengan akun kalian dan tentunya kalian tidak ingin orang lain menyalahgunakannya. Kunci API kalian berupa kombinasi panjang huruf dan angka. Setelah kalian memilikinya, kembali ke dashboard kalian dan tempelkan di tempat plugin memintanya.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"259\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-6.png\" alt=\"google-maps-ke-wordpress-6\" class=\"wp-image-6087\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-6.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-6-300x86.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-6-768x221.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Kalian akan melihat sebuah pesan sukses dan sekarang kalian dapat mulai mengerjakan peta pertama kalian.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"182\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-7.png\" alt=\"google-maps-ke-wordpress-7\" class=\"wp-image-6088\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-7.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-7-300x61.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-7-768x155.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Seperti yang kalian lihat di atas, plugin memberikan kebebasan untuk menyiapkan peta pengujian untuk kalian, yang tentunya dapat diedit dan kalian gunakan di situs kalian. Untuk melakukannya, klik tombol <strong>Edit <\/strong>di bawah nama peta. Sekarang, plugin akan meminta kalian untuk memilih platform mana yang akan mendukung peta kalian. Pilih opsi Google Maps.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"423\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-8.png\" alt=\"google-maps-ke-wordpress-8\" class=\"wp-image-6089\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-8.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-8-300x141.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-8-768x361.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Hal pertama yang perlu kalian lakukan adalah menetapkan nama untuk peta kalian. Selanjutnya kalian dapat mengubah lebar dan tingginya. Lebar default 100% secara otomatis akan membuat peta berskala dengan resolusi situs kalian sehingga hampir selalu menjadi opsi terbaik.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"839\" height=\"255\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-9.png\" alt=\"google-maps-ke-wordpress-9\" class=\"wp-image-6090\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-9.png 839w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-9-300x91.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-9-768x233.png 768w\" sizes=\"auto, (max-width: 839px) 100vw, 839px\" \/><\/figure><\/div>\n\n\n\n<p>Anda juga akan melihat opsi untuk mengubah tingkat zoom awal peta dan memutuskan jenis <em>layout <\/em>yang harus ditampilkan. Selanjutnya, <em>scroll down<\/em> ke bagian <strong>Markers<\/strong>. Di sini, kalian dapat menentukan lokasi mana yang kalian inginkan atas tampilan peta kalian, dengan mengetikkan koordinat GPS-nya. Kalian juga dapat bergerak di sekitar peta ke kanan dan klik kanan di lokasi manapun yang ingin kalian tandai.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"237\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-10.png\" alt=\"google-maps-ke-wordpress-10\" class=\"wp-image-6091\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-10.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-10-300x79.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-10-768x202.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Di bawah <em>setting <\/em>Address\/GPS penanda kalian, ada juga opsi untuk menambahkan animasi sederhana ke peta. Jika sudah siap, klik tombol <strong>Save Marker<\/strong> dan halaman akan dimuat ulang. Selanjutnya, tekan tombol <strong>Save Map<\/strong> di tengah layar dan plugin akan menyimpan semua perubahan.<\/p>\n\n\n\n<p>Kalian dapat menyematkan WordPress Google Maps yang kalian buat dengan plugin ini, dengan cara menempelkan <em>shortcodes <\/em>di mana saja di situs kalian. Kalian dapat menemukan <em>shortcodes <\/em>tersebut dalam tab <strong>Maps <\/strong>di dashboard kalian, di sebelah kanan setiap entri.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"882\" height=\"108\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-11.png\" alt=\"google-maps-ke-wordpress-11\" class=\"wp-image-6092\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-11.png 882w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-11-300x37.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-11-768x94.png 768w\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" \/><\/figure><\/div>\n\n\n\n<p>Finally, kalian baru saja berhasil menambahkan Google Map pertama kalian ke WordPress! Dengan plugin ini, kalian dapat membuat peta sebanyak yang kalian inginkan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Gunakan Fitur Google Maps\u2019 Embed <\/strong><\/h3>\n\n\n\n<p>Jika kalian tidak ingin menggunakan plugin untuk membuat WordPress Google Maps, kalian dapat menggunakan rute manual. Ada fitur penyematan bawaan yang dapat kalian gunakan untuk menempatkan Google Maps di WordPress. Namun, pendekatan yang jauh lebih mudah adalah menggunakan layanan yang memungkinkan kalian membuat kode sematan untuk Google Maps dengan cepat.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.embedgooglemap.net\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Embed Google Map<\/a> adalah contoh sempurna. Ini memungkinkan kalian untuk mencari alamat menggunakan Google Maps <em>default interface<\/em> dan menyesuaikan ukuran serta level zoom yang kalian inginkan untuk digunakan peta kalian.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"890\" height=\"542\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-12.png\" alt=\"google-maps-ke-wordpress-12\" class=\"wp-image-6093\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-12.png 890w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-12-300x183.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-12-768x468.png 768w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/figure><\/div>\n\n\n\n<p>Setelah kalian mengkonfigurasi beberapa <em>setting <\/em>ini, kalian dapat mengklik tombol <strong>Get HTML-Code<\/strong> dan situs tersebut akan membuat HTML code snippet yang dapat Anda tambahkan ke situs.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"316\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-13.png\" alt=\"google-maps-ke-wordpress-13\" class=\"wp-image-6094\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-13.png 868w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-13-300x109.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-13-768x280.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure><\/div>\n\n\n\n<p>Silakan dan salin kode tersebut lalu kembali ke dashboard WordPress kalian. Selanjutnya, buka editor untuk halaman manapun yang ingin kalian tambahi peta Google. Pilih tab <strong>Text<\/strong>, yang mendukung kode HTML.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"807\" height=\"391\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-14.png\" alt=\"google-maps-ke-wordpress-14\" class=\"wp-image-6095\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-14.png 807w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-14-300x145.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-14-768x372.png 768w\" sizes=\"auto, (max-width: 807px) 100vw, 807px\" \/><\/figure><\/div>\n\n\n\n<p>Tempelkan kode di manapun kalian ingin peta kalian muncul di halaman. Kemudian, simpan perubahan tersebut dan lihat halaman kalian di <em>front end<\/em>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"455\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-15.png\" alt=\"google-maps-ke-wordpress-15\" class=\"wp-image-6096\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-15.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-15-300x152.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-15-768x388.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Kelemahan dari pendekatan ini adalah kalian perlu membuat <em>embed codes<\/em> baru untuk setiap peta yang ingin kalian tambahkan ke situs kalian. Sisi positifnya adalah setelah kalian menambahkan peta melalui HTML, kalian akan dapat melihatnya dalam tab <strong>Visual <\/strong>editor kalian.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"781\" height=\"383\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-16.png\" alt=\"google-maps-ke-wordpress-16\" class=\"wp-image-6097\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-16.png 781w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-16-300x147.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-16-768x377.png 768w\" sizes=\"auto, (max-width: 781px) 100vw, 781px\" \/><\/figure><\/div>\n\n\n\n<p>Ini akan memungkinkan kalian untuk terus mengerjakan halaman tanpa harus melakukan semuanya menggunakan editor <strong>Text<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Tambahkan Peta Melalui Tema WordPress <\/strong><\/h3>\n\n\n\n<p>WordPress Google Maps cukup populer bahkan ada beberapa tema yang memungkinkan kalian untuk menambahkannya ke situs menggunakan fungsionalitas bawaan. Artinya, dengan tema yang tepat, kalian tidak perlu menggunakan plugin atau menambahkan kode HTML ke situs.<\/p>\n\n\n\n<p>Menemukan tema yang mendukung fitur ini membutuhkan sedikit usaha. Dalam kebanyakan kasus, hanya tema premium yang akan menyertakan opsi ini sehingga pendekatan ini mungkin mengharuskan kalian mengeluarkan sedikit uang.&nbsp;<\/p>\n\n\n\n<p>Jika kalian tidak tahu harus mulai mencari dari mana, tema WordPress multiguna mungkin harus menjadi pilihan pertama. Jenis tema ini mengemas fitur sebanyak mungkin sehingga kalian dapat menggunakannya untuk membangun semua jenis situs yang dapat kalian bayangkan.<\/p>\n\n\n\n<p>Salah satu tema multiguna paling populer disebut <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Divi<\/a>. Tema ini menawarkan sejumlah keunggulan, termasuk pembuat halaman visual bawaannya sendiri.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"464\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-17.png\" alt=\"google-maps-ke-wordpress-17\" class=\"wp-image-6098\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-17.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-17-300x155.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-17-768x396.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Saat kalian membuat halaman menggunakan Divi Builder, kalian dapat membaginya menggunakan baris dan kolom. Selanjutnya, kalian dapat menambahkan modul tertentu di dalam ruang yang dihasilkan.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"584\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-18.png\" alt=\"google-maps-ke-wordpress-18\" class=\"wp-image-6099\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-18.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-18-300x195.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-18-768x498.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Salah satu modul pada gambar di atas disebut <strong>Map<\/strong>. Klik di atasnya dan tema akan meminta kalian untuk memasukkan kunci Google API kalian.&nbsp;<\/p>\n\n\n\n<p>Setelah kalian <em>paste <\/em>kunci API, kalian dapat memilih di mana posisi peta kalian dan menambahkan penanda sebanyak yang Anda inginkan.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"323\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-19.png\" alt=\"google-maps-ke-wordpress-19\" class=\"wp-image-6100\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-19.png 900w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-19-300x108.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2021\/02\/Cara-Menambahkan-Google-Maps-ke-WordPress-19-768x276.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Mudah kan? Cara menambahkan Google Maps ke WordPress bisa kalian lakukan dengan salah satu cara di atas. Kalian pilih senyaman kalian saja. Selamat mencoba!<\/p>\n\n\n\n<p><a href=\"https:\/\/www.jetorbit.com\/web-hosting\/\">Hosting murah<\/a> bisa didapatkan di Jetorbit tanpa mengurangi kualitas. Jetorbit selalu mengedepankan rasa puas klien dan tercapainya tujuan serta kesuksesan dari website yang ada di dalam Jetorbit. Berbagai macam pilihan web hosting berkualitas bisa Anda coba. Selain itu, kami juga menyediakan VPS dan bisa Anda cek <a href=\"https:\/\/www.jetvm.com\/\" target=\"_blank\" rel=\"noopener\">di sini<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Salah satu fungsi utama situs bisnis adalah memungkinkan calon pelanggan menemukan kalian lebih cepat. Jika kalian memiliki toko fisik, kalian perlu memastikan bahwa kalian dapat memberikan semua informasi yang dibutuhkan pengunjung untuk sampai ke toko fisik kalian. Dalam kebanyakan kasus, menampilkan peta jauh lebih baik. Yuk baca Cara Menambahkan Google Maps ke WordPress (Dengan 3 &#8230; <a title=\"Cara Menambahkan Google Maps ke WordPress (Dengan 3 Cara)\" class=\"read-more\" href=\"https:\/\/www.jetorbit.com\/blog\/cara-menambahkan-google-maps-ke-wordpress-dengan-3-cara\/\" aria-label=\"Read more about Cara Menambahkan Google Maps ke WordPress (Dengan 3 Cara)\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":6081,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[9],"tags":[470,471,283,1376,7,1377,33],"class_list":["post-6080","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-apa-itu-cdn","tag-cdn-adalah","tag-domain-murah","tag-google-maps","tag-hosting-murah","tag-kunci-google-api","tag-wordpress","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/6080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=6080"}],"version-history":[{"count":1,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/6080\/revisions"}],"predecessor-version":[{"id":6101,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/6080\/revisions\/6101"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/6081"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=6080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=6080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=6080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}