Cara Menambahkan Maps di Website WordPress dengan Mudah

Cara Menambahkan Maps di Website WordPress dengan Mudah

Cara Menambahkan Maps di Website WordPress –  Jika diamati, sebagian besar toko online yang ada saat ini telah menambahkan Maps atau peta di websitenya. Maps ini sendiri berfungsi mengantarkan para pelanggan untuk menemukan toko offline atau lokasi bisnis dengan cepat. Beruntungnya juga, cara menambahkan maps di website itu sangat mudah.

Jadi kalau Anda menginginkannya, bisa memasangnya dengan segera. Nah, yang Anda butuhkan di sini hanyalah akses untuk bisa masuk ke dashboard WordPress. Untuk langkah selanjutnya sebagai berikut.

Langkah-Langkah Menambahkan Maps di Website WordPress

1. Dengan Install Plugin WP Google Maps

Pada dasarnya ada cukup banyak Maps lain yang bisa Anda terapkan di website. Hanya saja untuk Google Maps ini kan sudah familiar di masyarakat sehingga kalau Anda memasangnya, mereka sudah paham apa fungsinya. Selain itu, Google Maps ini mempunyai sejumlah kelebihan dimana salah satunya ialah mengganti opsi dari yang awalnya Map View menjadi Street View.

Dengan begini siapa saja yang berkepentingan dengan toko offline atau bisnis Anda bisa melihat lokasinya secara aktual bahkan mendapatkan petunjuk serta arah untuk segera menemukannya. Karena kelebihannya tersebut, tidak heran bila sekarang terdapat sejumlah opsi plugin untuk Google Maps WordPress yang salah satunya ialah WP Google Maps.

Adapun cara menambahkan Maps di website dengan contoh plugin WP Google Maps ini ialah sebagai berikut:

  1. Masuk ke dashboard WordPress
  2. Buka tab Plugins
  3. Pilih Add New
  4. Ketikkan saja WP Google Maps di kolom pencarian, bila sudah muncul hasilnya bisa klik Install NowKetikkan saja WP Google Maps di kolom pencarian, bila sudah muncul hasilnya bisa klik Install Now
  5. Aktifkan plugin tersebut sehingga beberapa saat kemudian akan muncul tab baru bernama Maps di dashboard. Jika tab ini diklik, layar akan menampilkan halaman intro secara singkat. Namun kalau Anda klik Skip intro and create a map, Anda akan diarahkan ke halaman selamat datang di WP Google Maps
  6. Akan muncul notifikasi bahwa plugin baru akan berfungsi apabila ada Google API key. Untuk itu, Anda perlu klik Create an API key now yang juga muncul di notifikasi tersebutAkan muncul notifikasi bahwa plugin baru akan berfungsi apabila ada Google API key. Untuk itu, Anda perlu klik Create an API key now yang juga muncul di notifikasi tersebut
  7. Selanjutnya Google akan meminta konfirmasi atau persetujuan Anda sebelum mendapatkan API key. Pastikan untuk Anda memberikan persetujuan tersebut sehingga Google akan segera memprosesnya dan API key bisa segera dibuat. Catatan penting, API key nanti jangan dibagikan ke siapapun karena ini akan terhubung langsung ke akun Anda.
  8. Jika sudah, kembali ke dashboard lalu paste API key tadi ke kolom yang sudah diperintahkan oleh plugin
  9. Akan muncul pesan bahwasanya API key sudah berhasil dimasukkan. Kalau sudah demikian Anda sudah bisa mengerjakan maps di website. Sehubungan dengan pengelolaan maps ini, klik saja opsi Edit di bawah nama peta sehingga plugin akan meminta untuk memilih platform yang memerlukan Google Maps
  10. Selanjutnya atur panjang serta lebar peta, namun kalau Anda membiarkannya seperti tampilan default-nya, maka peta tersebut akan menyesuaikan dengan resolusi website. Dengan kata lain, tampilan default adalah pilihan yang terbaik
  11. Atur berbagai opsi yang Anda inginkan, misalnya modifikasi level zoom, tampilan awal peta dan juga tipe layout yang akan ditampilkan di peta
  12. Selanjutnya, scroll layar ke bawah sampai ada opsi Markers. Di opsi ini, Anda dapat menentukan lokasi khusus yang hendak ditampilkan di peta. Caranya dengan menambahkan atau memasukkan koordinat GPS dari lokasi tersebut
  13. Pada bagian bawah pengaturan untuk Address/GPS marker, ada opsi jika Anda ingin menampilkan anime sederhana ke peta. Contohnya, menambahkan anima bounce pada saat peta sedang loading sehingga peta jadi lebih menarik
  14. Kalau sudah yakin dengan semua pengaturan di atas, Anda bisa klik Save Marker dan setelah itu halaman akan reload
  15. Klik Save Map dan plugin akan menyimpan berbagai perubahan yang Anda lakukan
  16. Selanjutnya Anda hanya perlu mengecek apakah maps benar-benar sukses dan tampil di website Anda atau tidak

Dengan menggunakan plugin ini pula, Anda dapat embed Google Maps yang tadi dibuat. Caranya ialah dengan paste shortcode Google Maps di bagian tertentu pada website. Bagian tertentunya ini juga terserah di mana saja ya dan kurang lebih itulah cara menambahkan Maps di website dengan plugin tersebut atau plugin serupa lainnya.

2. Dengan Menggunakan Plugin MapPress

Seperti yang sudah disampaikan, plugin untuk menambahkan maps di WordPress ini ada cukup banyak dan salah satunya ialah MapPress. Sebenarnya cara menambahkan Maps di website dengan plugin satu ini mirip seperti plugin sebelumnya, yakni sebagai berikut.

  1. Buka dashboard WordPress dan tambahkan plugin yang baru
  2. Selanjutnya, cari plugin MapPress dan install lalu aktifkan
  3. Jika sudah aktif, bukan halaman tempat Anda akan menambahkan Google Maps
  4. Geser ke bagian bawah dan cari MapPress, jika sudah ketemu bisa langsung klik New MapGeser ke bagian bawah dan cari MapPress, jika sudah ketemu bisa langsung klik New Map
  5. Ketik nama lalu manfaatkan fitur pencarian guna menemukan lokasi yang diinginkan. Bila sudah muncul, ketuk dan biarkan agar sistem menampilkan preview peta lokasinya terlebih dahulu
  6. Apabila previewnya sudah terlihat, bisa klik Insert into Post lalu simpan atau bisa juga dengan terbitkan halaman baruApabila previewnya sudah terlihat, bisa klik Insert into Post lalu simpan atau bisa juga dengan terbitkan halaman baru
  7. Selanjutnya Anda hanya perlu mengecek apakah maps benar-benar sukses dan tampil di website Anda atau tidak.

3. Dengan Memanfaatkan Fitur Embed Google Maps

Apabila dengan plugin langkah-langkahnya terasa panjang, masih ada cara manual yang bisa Anda lakukan. Jika memilih cara menambahkan maps di website secara manual, tentu Anda tidak perlu repot-repot menginstall plugin. Untuk lebih lengkapnya langkah-langkahnya ialah sebagai berikut:

  1. Akses halaman Google Maps
  2. Ketikkan lokasi yang Anda inginkan di kolom pencarian Google Maps tersebut
  3. Kalau lokasinya sudah muncul, bisa klik share untuk memperoleh kodenyaKalau lokasinya sudah muncul, bisa klik share untuk memperoleh kodenya
  4. Selanjutnya Anda akan melihat jendela pop up baru yang berisi kode. Kode inilah yang nanti akan dipasang di website. Di sini, klik tab Embed a Map dan salin kode yang ada di sana.
  5. Selanjutnya masuklah ke dashboard WordPress kemudian buka halaman yang akan Anda tambahkan dengan Google Maps
  6. Ubah menjadi mode HTML dan salin kode embed Jangan lupa berikan nama pada Maps ini yaUbah menjadi mode HTML dan salin kode embed tadi. Jangan lupa berikan nama pada Maps ini ya
  7. Klik Simpan atau bisa juga dengan klik terbitkan halaman. Selanjutnya Anda hanya perlu mengecek apakah maps benar-benar sukses dan tampil di website Anda atau tidak

4. Dengan Menggunakan TemaDengan Menggunakan Tema

Cara menambahkan Maps di website yang lainnya ialah dengan menggunakan tema. Karena Google Maps ini sangat populer, ada beberapa tema yang bahkan sangat memungkinkan Anda untuk menambahkan maps hanya dengan mengandalkan fitur bawaan. Dengan kata lain, jika memilih opsi ini Anda sudah tidak perlu install plugin ataupun menambah kode HTML.

Namun perlu dipahami bahwa memilih tema yang cocok untuk fitur ini memerlukan cukup banyak waktu. Bahkan kemungkinan besar tema premium saja yang menawarkannya. Kalau Anda memang tertarik, maka Anda harus menyiapkan dana untuk membeli tema premium.

Terbukti bukan kalau cara menambahkan Maps di website itu sangat mudah? Jangan lupa diterapkan ya, karena ini juga menjadi salah satu cara terbaik Anda untuk membagikan alamat lokasi bisnis. Memang Anda dapat menuliskan alamatnya saja, namun dengan menambahkan Maps paling tidak bisa mengurangi kebingungan siapa saja yang ingin mencari lokasi Anda.

Cara Menambahkan Maps di Website WordPress dengan Mudah