Cara Menambahkan Google Maps di Website dengan Mudah

Anda ingin tahu cara menambahkan Google Maps di website WordPress? Memasang Google Maps bisa membuat konsumen tahu lokasi toko atau tempat usaha Anda dengan mudah. Untuk selengkapnya Anda bisa simak artikel tutorial WordPress ini hingga selesai.

Menambahkan Google Maps

Manfaat Memasang Google Maps di Website

Mengapa Anda perlu menambahkan Google Maps di website WordPress (WP)? Cara memasukkan Google Map ke website Anda punya beberapa manfaat, seperti :

1. Melengkapi Informasi Bisnis di Website

Cara memasang / menambahkan Google Maps di website berguna untuk menunjukkan identitas online Anda. Dengan begitu, konsumen dapat menemukan alamat dan nomor telepon toko fisik Anda.

Coba bayangkan bila Anda tak menyematkan peta. Otomatis, fungsi website untuk menampilkan informasi bisnis tak berjalan. Bahkan, upaya Anda untuk menunjukkan kredibilitas bisnis secara online bisa terancam gagal.

2. Membantu Konsumen Menemukan Lokasi Toko Fisik / Bisnis Anda

Menginformasikan alamat bisnis Anda saja tidaklah cukup. Anda perlu mempermudah konsumen menemukan toko fisik Anda. Cara memasang / menambahkan Google Maps di website merupakan opsi tepat untuk tujuan tersebut.

Dengan jumlah pengguna aktif sampai 154 juta per bulan, semua orang akan memanfaatkan Maps untuk mencari lokasi tertentu.

Bila informasi Google Maps terhubung ke website Anda, maka upaya mereka menemukan toko fisik Anda akan lebih mudah. Terutama, bagi pengguna perangkat mobile.

Setelah menemukan informasi lokasi via Google Maps di website toko online Anda, mereka akan dapat rute menuju toko atau kantor usaha Anda.

3. Meningkatkan Waktu Konsumen di Website Anda

Dengan menambahkan Google Maps di website, pengunjung tak perlu lagi membuka tab baru untuk sekadar mencari rute ke lokasi Anda. Itu artinya, waktu kunjungan mereka di website toko online Anda makin lama.

Hal ini bisa memberikan dampak positif. Karena, lamanya waktu kunjungan website sebagai salah satu faktor Google ranking di hasil pencarian.

Semakin banyak konsumen memanfaatkan Google Maps di website Anda, maka semakin besar kemungkinan peringkat website naik. Hal ini disebabkan karena rata-rata waktu kunjungan yang lama.

Cara Memasang Google Maps di WordPress

Cara menambahkan Google Maps di website tak serumit yang Anda bayangkan. Anda bisa memakai plugin Google Maps WordPress ataupun tanpa plugin.

Mari praktikkan kedua metode tersebut!

a. Embed Google Map di Website Tanpa Plugin

Saat ini ada dua editor untuk posting artikel yaitu Classic dan Gutenberg. Untuk menambahkan Google Maps di website Anda juga tergantung penggunaan editor.

Misalnya bagi pengguna WordPress dengan editor Gutenberg. Maka untuk memasang Google Map Anda dapat memanfaatkan Gutenberg Block.

Untuk urutan langkah embed Google Map tanpa plugin yaitu :

1) Copy Link Maps

a) Google Map

Berikut langkah-langkah embed peta di Google Map :

  1. buka Google Maps via browser Anda;
  2. kemudian, ketikkan nama bisnis Anda di kolom pencarian, misalnya Limas Media;
  3. pilih tombol Bagikan (Share) pada Google Map alamat bisnis Anda;
  4. klik tab Sematkan Peta (Embed a map);
  5. lalu Anda akan menemukan kode embed lokasi, klik Salin HTML (Copy HTML) untuk menyalin link tersebut;
  6. Anda bisa mengatur ukuran peta yang nantinya ditampilkan di website lebih dulu, pilihannya seperti :
  • Kecil (Small),
  • Sedang (Medium),
  • Besar (Large),
  • Ukuran Khusus (Custom size);
  1. misalnya Anda memilih Sedang (Medium), maka klik menu drop-down bertuliskan Medium di sebelah kiri link embed.

b) Website Anda

Langkah-langkah menambahkan Google Maps di Website tanpa plugin :

  1. login ke dasbor website;
  2. klik menu Laman (Pages) di sidebar untuk menampilkan daftar halaman di website Anda;
  3. kemudian, arahkan kursor ke nama halaman yang diinginkan, misalnya Beranda atau bisa juga Laman baru;
  4. klik Edit;
  5. tempel link Sematan / Embed Google Maps.
2) Memasang Link Embed Google Map

1. dengan Editor Gutenberg

  • klik tombol + dan cari menu Custom HTML atau lakukan pencarian;
  • untuk menambahkannya ke halaman, klik blok tersebut;
  • masukkan link embed yang sudah Anda salin pada kolom yang muncul;
  • peta lokasi bisnis / toko fisik di Google Maps langsung muncul di halaman website;
  • lalu simpan perubahan di halaman tersebut.

2. dengan Classic editor

  • pasang link tersebut di bagian text editor bukan visual editor;
  • lalu simpan perubahan di halaman tersebut.

b. Menampilkan Google Map di Website dengan Plugin

Selain embed, Anda pun dapat menjajal cara memasang / menambahkan Google Maps di website WordPress memakai plugin. Apa sih keuntungannya?

Berikut beberapa keuntungan menambahkan Google Maps di website :

  1. Bisa mengatur tampilan peta, seperti :
  • ukuran,
  • warna, dan
  • bentuk pointer-nya.
  1. Bisa menampilkan peta di sidebar atau footer memakai Sehingga dapat muncul di semua halaman website.

Untuk memperoleh API supaya dapat menyelesaikan cara menambahkan / memasang Google Maps di website WordPress, ikuti langkahnya di bagian selanjutnya.

Cara Mendapatkan Google Maps API

Sebelum menambahkan Google Maps di website dengan plugin, Anda perlu Google Maps API. Google Maps API yaitu kode yang dipakai Google Maps untuk berhubungan dengan plugin Google Maps WordPress.

Google Maps API dapat dipakai gratis selama Anda hanya memakainya untuk menampilkan map sederhana.

Berikut langkah-langkah untuk mendapatkan API Key Google :

1. Akses Google Cloud Platform Console

  • akses Google Cloud Platform Console memakai akun Google Anda;
  • pilih negara Anda pada kolom Country;
  • lalu klik Checkbox untuk menyetujui ketentuan pemakaian Google Cloud Platform;
  • bila sudah, klik AGREE AND CONTINUE.

2. Aktifkan Google Cloud Platform

Bila akun Google Anda adalah akun pribadi, maka lewati cara ini. Tapi bila mendaftar Google Cloud Platform, Anda dapat mengaktifkan free trial lewat langkah mudah berikut :

  • klik tombol Activate di sebelah kanan atas halaman;
  • lalu pilih Country;
  • tentukan Business Category;
  • klik Checkbox ketentuan pemakaian;
  • kemudian klik Continue;
  • masukkan nomor telepon Anda, yang akan dipakai Google untuk mengirimkan kode verifikasi;
  • lalu klik SEND CODE;
  • selanjutnya klik Start My Free Trial*.

Catatan :

Di langkah ini (*) Anda diminta untuk membuat akun pembayaran Google Cloud Platform. Walaupun demikian, Anda tak harus membayar kecuali meng-upgrade ke akun premium.

3. Buat API untuk Peta

  • kembali ke dasbor Google Maps di Google Cloud Platform;
  • lalu klik Maps Static API;
  • klik Enable;
  • klik fitur Credentials di sidebar;
  • klik CREATE CREDENTIALS;
  • pilih API Key;
  • akan muncul pop-up berisi API Google Maps;
  • salin API pada kolom Your API key untuk dipakai di plugin Google Maps WordPress.
Cara Memasang Peta di Website dengan Plugin

Ada beberapa plugin Google Maps WordPress yang dapat Anda gunakan, misalnya plugin Easy Google Maps. Berikut langkah memasang atau menambahkan Google Maps di website dengan plugin :

1. Install Plugin Easy Google Maps

Install dan aktifkan plugin Easy Google Maps. Caranya adalah sebagai berikut :

  • masuk ke dasbor website;
  • kemudian, klik Plugins >> Tambah Baru (Add New);
  • untuk mencari plugin ini, ketikkan Easy Google Maps pada kolom pencarian;
  • klik Install dan Activate pada plugin tersebut.
2. Buat dan Atur Peta

Sebelum menambahkan Google Maps di website, Anda perlu membuat map / peta lebih dulu. Cara menambahkannya yaitu klik Easy Google Maps >> Add Map.

Di halaman pembuatan peta, ada berbagai fitur yang dapat Anda ubah sesuai kebutuhan, seperti ukuran dan tema. Selain itu, ada pula opsi yang dapat Anda tampilkan atau sembunyikan, seperti tombol Zoom dan Street View.

Untuk mulai membuat peta ada beberapa poin yang perlu diperhatikan, seperti :

Map Name

Isi dengan nama peta yang ingin Anda buat. Poin ini penting karena Anda memungkinkan untuk membuat lebih dari satu peta dengan Easy Google Maps. Dengan menamai masing-masing peta, maka Anda tak akan keliru antara satu peta dengan peta yang lainnya.

Map Center

Isi lokasi yang akan Anda tampilkan di peta, misalnya lokasi toko atau kantor. Masukkan koordinat lokasi yang terdaftar di Google Map. Cara mencari koordinat map yaitu klik kanan pada lokasi peta.

Bila sudah mengisi dan mengatur tampilan, klik tombol Save Map untuk menyimpan peta.

3. Sematkan Peta di Halaman Situs

Untuk bisa melanjutkan cara menambahkan Google Map di website ini, Anda butuh shortcode peta. Untuk melakukan langkah ini berikut caranya :

  • klik Easy Google Maps >> All Maps;
  • klik ikon pensil;
  • shortcode peta ada di pojok kanan atas halaman;
  • salin kode tersebut;
  • selanjutnya, buka halaman yang mau Anda beri peta di editor Gutenberg WordPress;
  • kemudian, tambahkan blok Shortcode;
  • tempelkan shortcode peta pada kolom yang tersedia;
  • simpan perubahan halaman Anda;
  • selesai, peta yang tadi Anda buat akan muncul.
4. Tambahkan API di Plugin Easy Google Maps

Saat muncul pesan error This page can’t load Google Maps correctly,  jangan dulu khawatir. Semua plugin Google Map membutuhkan Google Maps API supaya dapat menampilkan peta dari aplikasi tersebut.

Untuk mendapatkan API supaya dapat menyelesaikan langkah ini, caranya lihat di atas. Untuk melanjutkan cara menambahkan Google Maps di website ini Anda harus tambahkan API, caranya :

  • setelah mendapatkan API Key, Anda kembali ke dasbor website;
  • klik Easy Google Maps >> Settings;
  • lalu masukkan API key ke kolom User API key;
  • setelah memasukkan kode API dengan benar, klik tombol Save.

Praktikkan Cara Menambahkan Google Maps di Website Ini!

Sampai di sini, Anda sudah berhasil mempraktikkan cara embed Google Map dengan dan tanpa plugin. Dari kedua cara di atas, metode memasang Google Maps ke website manakah yang lebih Anda sukai?

Bila mau menjajal cara memasukkan Google Map ke website dengan mudah, Anda dapat menambahkan kode embed dari Google Map ke halaman website.

Tapi, jika mau mencoba cara membuat map yang lebih kaya fitur, gunakanlah plugin Google Maps. Tetapi, pastikan Anda sudah mendapatkan Google Maps API dari Google Cloud Platform.

Dengan menambahkan Google Maps di website, maka pelanggan jadi tahu lokasi bisnis Anda. mereka tak perlu meninggalkan website dan membuka Google Maps lebih dulu.

Leave a Reply

Memperbaiki Permalink Website
Cara Memperbaiki Permalink Website yang Rusak
Reset Website WordPress
Cara Reset Website WordPress dengan Mudah
Membuat Custom Login
Cara Membuat Custom Login di Website WordPress
Cara Setting Robots TXT di Website
Bahasa Pemrograman CMS cPanel Domain Hosting Web Siap
Fitur di cPanel Hosting
Fitur di cPanel Hosting Website
Domain Tingkat Atas
Jenis Domain Tingkat Atas Terbaik yang Ada Sekarang
Keunggulan Domain Berbayar
Keunggulan Domain Berbayar bagi Bisnis yang Perlu Diketahui

Dasar SEO

Pengenalan SEO Riset Keyword

Optimasi Lanjutan

Copywriting Error Website Tips SEO

Teknik SEO

SEO Off Page SEO OnPage SEO Teknikal

Tools SEO

Tools Google Tools Riset KK Tools SEO Lain
Bisnis Jualan Link PPC Program Afiliasi Publisher Sumber Lain
Mendapatkan Uang dari Website
Cara Mendapatkan Uang dari Website yang Kita Punya
Jualan Online via Website
Jualan Online via Website yang Mudah Dilakukan
Platform SeedBacklink
Platform Seedbacklink Solusi Promosi Website dan Income Online
Plugin Toko Online Terbaik
Plugin Toko Online Terbaik Saat Ini
Theme Woocommerce Terbaik
Theme WooCommerce Terbaik untuk Toko Online
Plugin AdSense Terbaik
Plugin AdSense Terbaik untuk Memasang Iklan di Website
Theme Portofolio Terbaik
Theme Portofolio Terbaik untuk Web Agency dan Freelance