Cara Menyematkan Peta Google di Formulir Kontak

Diterbitkan: 2022-06-28

Jika Anda menjalankan situs web yang sukses, kemungkinan besar Anda sedang mencari cara untuk meningkatkan pengalaman pengguna Anda dan menarik lebih banyak pengunjung. Kami di WP Full Care sepenuhnya memahami bagaimana hal-hal ini penting untuk bisnis Anda dan itulah mengapa kami akan menunjukkan cara menyematkan Google Map di formulir kontak Anda. Mungkin kedengarannya tidak banyak, tetapi detail seperti ini dapat melakukan keajaiban untuk memikat lebih banyak pengunjung ke situs web Anda. Sekarang mari kita bekerja!

Alasan mengapa Anda harus menyematkan Google Map di formulir kontak Anda

Ada kemungkinan besar bahwa, ketika Anda mengatur situs web Anda di WordPress, Anda menyertakan formulir kontak untuk digunakan pengunjung situs untuk berhubungan. Anda ingin memudahkan calon pelanggan Anda untuk bertanya tentang barang dan jasa yang Anda tawarkan . Selain itu, jika perusahaan Anda memiliki kehadiran fisik, kemungkinan besar Anda telah menyertakan Google Map dari area tersebut di situs web Anda untuk menarik pelanggan agar berbelanja di tempat Anda.

Orang yang memegang ponsel pintar di satu tangan dan mengetik di laptop menggunakan tangan lainnya
Jika Anda menyematkan peta Google di formulir kontak, Anda akan meningkatkan pengalaman pengguna.

Namun, Anda juga dapat dan harus menyematkan Google Map di formulir kontak Anda. Berikut adalah dua alasan utama mengapa:

  • Anda dapat memanfaatkan geolokasi untuk secara otomatis mengisi bidang alamat pada formulir kontak Anda, dan Anda bahkan dapat menampilkan posisi pengguna di peta menggunakan fitur ini. Namun, banyak pemilik situs web bisnis tidak mengetahui fitur ini. Ini meningkatkan pengalaman pengguna secara keseluruhan dan membantu mengurangi jumlah orang yang meninggalkan pengiriman formulir mereka .
  • Jika Anda mengetahui di mana pengguna Anda berada, Anda dapat menggunakan penargetan geolokasi untuk memberikan konten yang lebih disesuaikan kepada mereka. Ini benar-benar dapat membantu Anda dapat meningkatkan tingkat konversi.

Menambahkan Google Map ke formulir kontak Anda cukup mudah dan selanjutnya dalam artikel ini, kami akan memberi tahu Anda cara melakukannya. Tentu saja, Anda selalu dapat memilih cara termudah dan melakukannya sebagai bagian dari dukungan situs web pribadi Anda.

Cara sederhana untuk menyematkan Google Map di formulir kontak Anda

Cara termudah untuk menyematkan Google Map di formulir kontak Anda adalah dengan menggunakan plugin formulir WP yang secara luas dianggap sebagai plugin formulir kontak utama untuk WordPress. Menggunakan antarmuka seret dan lepas yang intuitif, pembuat formulir memungkinkan untuk mendesain segala jenis formulir dengan cepat dan mudah .

Ada versi gratis WPForms yang dapat diunduh, dan dilengkapi dengan semua fungsi yang diperlukan untuk membuat formulir kontak sederhana. Namun, karena WPForms Pro sudah hadir dengan ekstensi Google Maps, kami akan menggunakannya sebagai gantinya untuk pelajaran ini.

Menginstal dan mengaktifkan plugin WPForms adalah hal pertama yang harus Anda capai. Selanjutnya, cari Geolocation Addon dengan masuk ke opsi menu WPForms »Addons . Anda memiliki pilihan untuk menggunakan bilah pencarian yang muncul di bagian atas layar. Setelah Anda menemukannya, Anda harus mengklik opsi " Instal Addon " untuk memulai proses instalasi add-on.

Tambahkan halaman plugin di WordPress
Cara termudah untuk menyematkan Google Map di formulir kontak Anda adalah dengan menggunakan plugin WP Forms.

Selanjutnya, Anda akan ditugaskan untuk mengonfigurasi parameter addon. Untuk mencapai ini, buka WPForms »Pengaturan lalu pilih tab Geolokasi dari menu tarik-turun. Anda akan diminta untuk memilih penyedia geolokasi di halaman berikut. Mengingat fokus bagian ini, kami memutuskan untuk menggunakan Google Places API .

Langkah selanjutnya adalah menemukan pengaturan Google Places API dengan menggulir halaman ke bawah. Di sana, Anda harus memberikan kunci Google API . Anda dapat menerima kunci Anda dari Google, lalu salin dan tempel ke dalam bidang. Sekarang mari cari tahu cara meningkatkan formulir kontak Anda dengan Google Maps.

Bagaimana cara membuat formulir kontak dengan Google Map yang disematkan di WordPress?

Setelah Anda mengonfigurasi WPForms dan Google Places, saatnya membuat formulir kontak dan menyematkan Google Map di dalamnya. Setelah Anda membuat formulir dasar, Anda harus menyertakan bidang untuk alamatnya. Anda memiliki opsi untuk menggunakan bidang Teks Baris Tunggal atau Blok Alamat . Kami akan menggunakan bidang Teks Baris Tunggal untuk tutorial ini .

Pada langkah berikut, kami akan mengonfigurasi pengaturan bidang. Untuk mencapai ini, Anda perlu mengklik bidang untuk melihat parameter untuk format Teks Baris Tunggal. Untuk memulai, Anda perlu mengubah label bidang sehingga terbaca " Alamat ." Pengguna Anda tidak akan kesulitan memahami apa yang harus masuk ke lapangan jika Anda melakukan ini.

Setelah itu, Anda perlu menyesuaikan pengaturan bidang sehingga menampilkan peta dan untuk melakukan ini, Anda harus memilih tab Lanjutan. Ketika Anda sampai di sana, pergi ke bagian bawah pengaturan dan cari opsi yang disebut "Aktifkan Pelengkapan Otomatis Alamat" . Alihkan opsi itu sehingga disetel ke "Aktif". Setelah itu, Anda akan melihat opsi baru yang bertuliskan “Display Map” yang merupakan fitur lain yang harus Anda aktifkan. Anda memiliki pilihan untuk menampilkan peta baik di atas atau di bawah bidang .

Bagaimana cara menambahkan formulir kontak ke situs web Anda?

Mengklik tombol berlabel "Sematkan" adalah cara tercepat dan termudah untuk memasukkan formulir kontak ke situs web Anda. Anda dapat menemukannya di bagian atas layar editor formulir, tepat di sebelah tombol berlabel "Simpan" . Anda akan memiliki pilihan untuk menambahkan formulir ke halaman yang sudah ada atau membuat yang baru .

Orang dengan headphone kuning memprogram di depan jendela besar
Bagian terbaik tentang memiliki situs web WordPress adalah sepenuhnya ramah pemula.

Cukup pilih “Buat Halaman Baru”, beri nama halaman tersebut, dan klik tombol yang bertuliskan “Let's Go!” - sesederhana itu! Dengan cara ini, Anda akan membuat halaman baru dengan nama pilihan Anda di mana formulir kontak Anda akan langsung dilampirkan. Jangan lupa untuk mengklik "Terbitkan" dan Anda secara resmi selesai!

Garis bawah

Seperti yang Anda lihat, sangat mudah untuk menyematkan Google Map di formulir kontak. Plugin WP Forms sangat mudah dan membuat tugas terkait formulir menjadi sederhana bahkan untuk pemula. Tentu saja, Anda tidak perlu melakukan semua ini sendiri jika Anda menghubungi pakar WordPress. Mereka akan memastikan situs web Anda berjalan dengan lancar dan jumlah pengunjung Anda terus bertambah!