{"id":21605,"date":"2021-05-25T18:21:23","date_gmt":"2021-05-25T11:21:23","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=21605"},"modified":"2021-05-27T13:23:54","modified_gmt":"2021-05-27T06:23:54","slug":"cara-menambahkan-google-maps-di-website-sitepro-v4","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-menambahkan-google-maps-di-website-sitepro-v4\/","title":{"rendered":"Cara Menambahkan Google Maps di Website SitePro V4"},"content":{"rendered":"\n<p>Pada default\u00a0<strong>SitePro<\/strong>, tersedia fitur menambahkan peta menggunakan Google API, namun saat ini penambahan peta dengan API tidak lagi gratis alias berbayar. Sebagai alternatifnya, Anda bisa menambahkan peta di website menggunakan Google Maps. Lalu, bagaimana cara menambahkan Google Maps di website SitePro?<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Cara Menambahkan Google Maps di Website<\/h2>\n\n\n\n<p>Anda bisa menambahkan Google Maps di Website SitePro melalui fitur embed code HTML, dengan menggunakan fitur sematkan peta yang disediakan Google Maps. <\/p>\n\n\n\n<p>Untuk memudahkan Anda dalam memahami caranya, kami akan membaginya dalam 2 tahap. Berikut informasi selengkapnya:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Langkah 1. Mendapatkan kode peta di Google maps<\/h3>\n\n\n\n<p>1. Silahkan akses ke halaman <a href=\"https:\/\/maps.google.com\">Google Maps<\/a><\/p>\n\n\n\n<p>2. Pada kolom penelusuran, silahkan cari alamat atau lokasi usaha Anda. Sebagai contoh, kami akan menggunakan lokasi alamat Rumahweb. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"869\" height=\"692\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan.jpg\" alt=\"mencari lokasi usaha di google maps\" class=\"wp-image-15789\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan.jpg 869w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan-300x239.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan-768x612.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan-370x295.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan-270x215.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan-570x454.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/bagikan-740x589.jpg 740w\" sizes=\"auto, (max-width: 869px) 100vw, 869px\" \/><\/a><\/figure>\n\n\n\n<p>Apabila alamat Anda belum terdaftar di Google Maps, Anda bisa menambahkan lokasi usaha Anda terlebih dahulu pada Google. Panduannya bisa Anda pelajari melalui link berikut : <a href=\"https:\/\/blog.rumahweb.com\/cara-agar-lokasi-usaha-muncul-di-google-maps\/\" title=\"cara menambahkan lokasi usaha di google maps\">Cara Agar Lokasi Usaha Muncul di Google Maps<\/a><\/p>\n\n\n\n<p>3. Pilih opsi\u00a0<strong>Sematkan Peta<\/strong>\u00a0\u2013 lalu pilih\u00a0<strong>Salin HTML<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/link-maps.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"602\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/link-maps.jpg\" alt=\"Mendapatkan kode peta di Google maps\" class=\"wp-image-15790\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/link-maps.jpg 631w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/link-maps-300x286.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/link-maps-370x353.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/link-maps-270x258.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/link-maps-570x544.jpg 570w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Langkah 2. Menambahkan Kode di panel SitePro<\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-membuat-website-sitepro-dari-rumahweb\/\">Login ke sitepro<\/a><\/li><li>Masuk ke halaman yang ingin ditambahkan mapsnya, lalu pilih letak kolom yang ingin ditambahkan maps lalu klik menu&nbsp;<strong>+<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro-1024x451.jpg\" alt=\"menambah fitur maps di sitepro\" class=\"wp-image-20833\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro-1024x451.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro-300x132.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro-768x338.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro-370x163.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro-270x119.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro-570x251.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro-740x326.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/add-element-sitepro.jpg 1322w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>3. Pilih Opsi \u201c<strong>Tingkat Lanjut<\/strong>\u201c<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tingkat-lanjut.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"635\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tingkat-lanjut.jpg\" alt=\"pilih tingkat lanjut\" class=\"wp-image-20835\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tingkat-lanjut.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tingkat-lanjut-269x300.jpg 269w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tingkat-lanjut-370x412.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tingkat-lanjut-270x301.jpg 270w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/a><\/figure>\n\n\n\n<p>4. Pilih&nbsp;<strong>\u201cCustom Html\u201d<\/strong>&nbsp;lalu&nbsp;<strong><em>Tambah<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen-1024x570.jpg\" alt=\"menambahkan fitur custom html\" class=\"wp-image-20836\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen-1024x570.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen-300x167.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen-768x428.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen-370x206.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen-270x150.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen-570x317.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen-740x412.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/tambah-elemen.jpg 1097w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>5. Klik 2x (double click) pada bagian Custom HTML untuk memasukkan kode dari google maps.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html-1024x509.jpg\" alt=\"Cara Menambahkan Google Maps di Website SitePro V4\" class=\"wp-image-21606\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html-1024x509.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html-300x149.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html-768x381.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html-370x184.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html-270x134.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html-570x283.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html-740x367.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/custom-html.jpg 1331w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>6. Atur Tinggi dan Lebar, dan sesuaikan juga height \u2013 weight sesuai kotak yang digunakan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps-1024x469.jpg\" alt=\"mengatur layout maps \" class=\"wp-image-21607\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps-1024x469.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps-300x138.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps-768x352.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps-370x170.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps-270x124.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps-570x261.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps-740x339.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps.jpg 1335w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"429\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2-1024x429.jpg\" alt=\"mengubah ukuran peta pada website\" class=\"wp-image-21608\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2-1024x429.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2-300x126.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2-768x322.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2-370x155.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2-270x113.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2-570x239.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2-740x310.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/05\/size-maps2.jpg 1301w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>7. Pilih opsi\u00a0<strong>Apply <\/strong>atau <strong>Terapkan<\/strong>, dan peta sudah disematkan pada halaman website Anda.<\/p>\n\n\n\n<p>8. Jangan lupa tekan tombol &#8216;publish&#8217; agar konfigurasi tersebut tersimpan. Setelah itu Anda bisa mengakses nama domainnya dan melihat peta yang telah ditambahkan. <\/p>\n\n\n\n<p>Demikian cara menambahkan Google Maps di Website SitePro V4, selamat mencoba.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pada default\u00a0SitePro, tersedia fitur menambahkan peta menggunakan Google API, namun saat ini penambahan peta dengan API tidak lagi gratis alias berbayar. Sebagai alternatifnya, Anda bisa menambahkan peta di website menggunakan Google Maps. Lalu, bagaimana cara menambahkan Google Maps di website SitePro? Cara Menambahkan Google Maps di Website Anda bisa menambahkan Google Maps di Website SitePro [&hellip;]<\/p>\n","protected":false},"author":272,"featured_media":15813,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1127],"tags":[1128],"class_list":{"0":"post-21605","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-sitepro","8":"tag-sitepro"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/Cara-Menambah-Map-Site-Pro.jpg","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-5Ct","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/21605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/272"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=21605"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/21605\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/15813"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=21605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=21605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=21605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}