Selain menunjukkan lokasi tertentu, Google Maps mempunyai manfaat yang besar dan salah satunya untuk website. Tidak heran kalau kemudian ada banyak orang yang mencari informasi mengenai cara menambahkan Google Maps di website.
Membuat Google Maps muncul di website atau blog sebenarnya bukan menjadi hal yang sulit. Sebab, sobat maxcloud bisa melakukannya sendiri dengan mudah tanpa bantuan coding atau semacamnya.
Selain itu, perlu sobat maxcloud tahu bahwa Google Maps ini nantinya bisa dipasang pada website seperti WordPress atau blog. Lalu, seperti apa cara menambahkan Google Maps di website? Yuk, simak informasi selengkapnya dibawah ini.
Cara Menambahkan Google Maps di Website WordPress
Kalau sobat maxcloud mempunyai website berupa WordPress, maka bisa memasang sendiri Google Map lewat 2 (dua) cara. Pertama adalah menggunakan bantuan plugin dan yang kedua adalah tanpa plugin. Berikut adalah cara menambahkan Google Maps di website WordPress selengkapnya:
1. Cara Menambahkan Google Maps di Website Plugin WordPress
Menambahkan Google Maps menggunakan plugin bisa memberikan keuntungan yang cukup besar. Pertama adalah sobat maxcloud bisa mengatur seperti apa tampilan peta tersebut. Mulai dari ukuran, bentuk pointer dan warnanya.
Selain itu, sobat maxcloud juga bisa memunculkan peta di bagian footer atau sidebar dengan bantuan shortcode. Alhasil, peta nantinya bisa muncul di seluruh halaman website dan plugin yang digunakan adalah Easy Google Maps. Berikut langkah memasang plugin tersebut:
a. Install Plugin
Langkah pertama, install plugin Easy Google Maps dengan cara masuk ke dashboard WordPress. Kemudian masuk ke Plugins dan pilih opsi Add New. Selanjutnya, sobat maxcloud bisa mencari plugin Easy Google Maps di kolom pencarian.
Jika sudah ketemu, lanjutkan dengan menginstall plugin tersebut. Tunggu beberapa saat sampai dengan muncul opsi Activate. Sesaat setelah menu tersebut muncul, sobat maxcloud bisa mengkliknya
b. Mengatur Peta
Langkah selanjutnya adalah klik Easy Google Maps dan pilih Add Map. Pada bagian ini sobat maxcloud bisa bebas untuk mengatur seperti apa tampilan peta yang akan muncul di website. Jangan lupa isi isi bagian Map Center.
Ini sangat penting karena peta tersebut yang nantinya akan tampil di website. Pada kolom tersebut sobat maxcloud bisa memasukkan alamat dan koordinat lokasi yang ingin di tampilkan di peta website.
Jika dirasa sudah semua, maka sobat maxcloud bisa menyimpan peta dengan pilih opsi Save Map. Terakhir, tinggal sematkan peta tersebut ke halaman depan website. Caranya cukup, yaitu klik Easy Google Maps dan All Maps.
Klik lagi pada ikon berbentuk pensil. Di dalam ikon tersebut nantinya akan muncul shortcode yang kemudian harus sobat maxcloud salin.
c. Menyematkan Peta
Selanjutnya, buka halaman website yang ingin sobat maxcloud berikan peta lewat editor Gutenberg dari WordPress dan pergilah menuju shortcode untuk tambah blok. Terakhir, paste kode peta dan simpan perubahan. Nantinya Google Maps akan muncul di website.
2. Cara Menambahkan Google Maps di Website Tanpa Plugin WordPress
Kalau sobat maxcloud masih merasa kesulitan memasang peta dengan bantuan plugin, maka silahkan pilih opsi ini. Cara menambahkan Google Maps di website tanpa plugin WordPress tanpa plugin tergolong lebih mudah untuk sebagian orang.
Hanya saja, perlu sobat maxcloud ingat bahwa cara ini berlaku untuk pemilik website yang menggunakan editor Gutenberg. Berikut adalah langkah-langkah yang harus digunakan :
a. Mencari Lokasi dan Share
Langkah pertama, buka Google Maps pada browser seperti biasa. Kemudian cari lokasi yang ingin sobat maxcloud tampilkan di website, misalnya bisnis. Setelah lokasinya muncul, klik tombol Share yang terletak di bagian atas lokasi bisnis tersebut.
b. Salin Link Embed
Kemudian sobat maxcloud akan melihat ada 2 opsi share,yaitu send a link dan embed a map. Nah, dalam tahap ini pilihlah opsi embed a map dan klik COPY HTML. Sebelumnya, sobat maxcloud pun bisa mengubah ukuran map yang muncul.
Caranya cukup mudah, yaitu klik menu drop down yang bertuliskan medium. Tinggal pilih saja ukurannya, ada small, medium, large dan custom.
c. Masuk ke Editor Gutenberg
Berbekal salinan dari HTML peta, sobat maxcloud bisa melanjutkannya dengan membuka halaman website lewat editor Gutenberg. Klik menu Pages yang lokasinya berada sidebar. Setelah itu, bawa kursor ke nama halaman yang sobat maxcloud inginkan kemudian klik Edit.
d. Tempel
Setelah itu, klik tombol + dan carilah menu Custom HTML. Kemudian akan muncul sebuah kolom dan cukup masukkan link embed yang sudah sobat maxcloud salin sebelumnya. Secara otomatis, peta pun bisa muncul di halaman website
Manfaat Menambahkan Google Maps di Website
Ada banyak sekali manfaat Google Maps yang bisa sobat maxcloud rasakan sebuah website atau Blog. Manfaat tersebut terutama akan sangat besar untuk bidang bisnis. Adanya peta akan membantu para konsumen untuk menemukan lokasi usaha sobat maxcloud.
Hal ini tentu besar sekali dampaknya apalagi di saat sobat maxcloud merupakan seorang pebisnis yang sangat mengandalkan transaksi secara offline. Selain itu, adanya Google Maps juga meningkatkan waktu kunjung konsumen ke website usaha yang sobat maxcloud miliki.
Sebab disaat mereka sudah mendapatkan informasi lokasi di website, mereka pun tidak perlu menuju tab lain untuk melihat petunjuk arah. Alhasil, waktu kunjungan di website juga menjadi lebih lama dan lebih tinggi.
Perlu sobat maxcloud tahu juga bahwa waktu kunjungan website mempunyai pengaruh dalam menaikkan ranking website di pencarian Google. Semakin lama waktunya dan semakin ramai website, maka semakin tinggi juga rankingnya.
Itulah dia 2 cara menambahkan Google Maps di website. Semoga penjelasan diatas bisa membantu dan bermanfaat, ya.
