fbpx

Order Now - Dedicated Server High Performance

General

Google Maps di Website WordPress, Begini Cara Memasangnya

Yodik Prastya

Bagi sebagian orang, pasti ingin menampilkan Google Maps di website WordPress, termasuk juga dengan Anda. Sehingga, konsumen jadi tahu dengan tempat usaha atau lokasi toko Anda.

Fungsi dari website bisnis, salah satunya adalah memungkinkan konsumen menemukan toko Online. Jadi ketika Anda memiliki toko offline, pastikan Anda juga memiliki toko online. Kemudian menambahkan Google Maps pada situs Anda. Sehingga konsumen yang berkunjung pun bisa mengetahui lokasinya.

Anda bingung? Tenang saja, di sini akan diulas cara menambahkan Google Maps di website WordPress dengan mudah. Sehingga, Anda bisa mendapatkan lebih banyak kemudahan dalam menggunakannya.

Cara Memasang Google Maps di Website WordPress

Sebenarya tak hanya Google Maps saja untuk menambahkan lokasi di situs Anda. Namun dikarenakan Google Maps sudah dikenal banyak orang, sehingga mereka tak kesusahan dalam mencari toko Anda. Kemudian dalam menambahkan Google Maps sendiri juga termasuk mudah. Anda bisa melakukannya tanpa atau menggunakan plugin.

Kemudian seperti apa sih cara menambahkan Google Maps di website WordPress. Maka dari itu, Anda simak caranya di bawah ini :

1. Cara Memasang Google Maps di WordPress Tanpa Plugin

Bagi Anda pengguna WordPress, Anda bisa menggunakan fitur bawaan yang bernama Gutenborg block. Dengan demikian, Anda bisa memasang Google Maps di situs. Caranya adalah sebagai berikut :

  • Pertama, Anda buka Google Maps menggunakan browser,
  • Lalu Anda tulis nama bisnis pada kolom pencarian,
  • Setelah itu, Anda pilih tombol Share yang berada di bagian atas alamat bisnis,
  • Kemudian Anda klik tab Embed a map. Di sini, Anda akan menemukan link embed lokasi, Anda klik Copy HTML,
  • Selanjutnya Anda login ke WordPress,
  • Kemudian Anda buka halaman website yang ingin dipasang peta lokasi bisnis,

Caranya, Anda klik menu Pages di sidebar WordPress agar bisa menampilkan daftar halaman di website Anda. Setelah itu, arahkan kursor ke nama halaman yang diinginkan dan klik Edit,

  • Lalu Anda akan masuk ke halaman editor Homepage,
  • Setelah itu, anda bisa menentukan letak Google Maps yang diinginkan.,
  • Selanjutnya, Anda klik tombol + dan cari menu custom HTML, atau lakukan pencarian,
  • Anda Klik blok tersebut untuk menambahkannya ke halaman,
  • Selesai.

2. Cara Memasang Google Maps di WordPress dengan Plugin

Selain menggunakan cara embed, Anda bisa menambahkan Google Maps di website WordPress dengan memakai plugin. Manfaat ketika Anda menggunakan plugin adalah, Anda bisa mengatur tampilan peta mulai dari ukuran, warna, bentuk pointernya.

Baca Juga : Beberapa Cara Mengatasi Error 504 Service Unavailable

Selain itu, Google Maps tersebut bisa ditampilkan di sidebar atau footer. Sehingga, peta akan muncul di semua halaman situs Anda. Caranya adalah sebagai berikut :

  • Pertama, Anda Install dan Aktifkan Plugin,
  • Kemudian untuk menginstal Easy Google Maps, Anda klik Plugins > Add New di sidebar,
  • Lalu Anda ketikkan Easy Google Maps agar bisa mencari plugin tersebut,
  • Jika sudah, Anda bisa klik Install dan Activate,
  • Sebelum Anda menambahkan peta ke halaman website, Anda perlu membuat peta terlebih dulu. Caranya, klik Easy Google Maps > Add Map di sidebar WordPress,
  • Setelah itu, Anda pasang Peta di Halaman Website. Namun untuk memasang peta yang Anda buat, maka diperlukan shortcode-nya. Cara untuk mendapatkannya, Anda cukup klik Easy Google Maps > All Maps dan klik ikon pensil,
  • Secara otomatis, shortcode peta Anda akan muncul di pojok kanan atas halaman, dan salin kode tersebut,
  • Kemudian Anda buka halaman yang ingin diberi peta di editor Gutenberg WordPress,
  • Lalu Anda tambahkan blok shortcode,
  • Selanjutnya, Anda masukkan shortcode peta ke kolom yang tersedia, lalu simpan perubahan halaman Anda,
  • Secara otomatis, peta yang Anda buat akan muncul,

Sementara itu, pada saat muncul pesan error “This page can’t load Google Maps correctly”,  Anda tidak perlu khawatir. Sebab semua plugin, termasuk menambahkan Google Maps di website WordPress memerlukan Google Maps API agar bisa menampilkan peta dari aplikasi tersebut. Anda bisa cari di Google untuk bisa mendapatkan Google Maps API.

Baca Juga