Loncat ke Konten Utama

Cara auto-Lengkapi bidang alamat

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Baru-baru ini, salah satu pengguna kami meminta kami cara menambahkan penyelesaian otomatis untuk bidang alamat pada formulir WordPress. Penyelesaian otomatis memungkinkan pengguna untuk dengan cepat memilih alamat saran yang dibuat secara waktu nyata saat mereka mengetik.

dalam hal ini Tutoriel, kami akan menunjukkan cara menambahkan penyelesaian otomatis untuk bidang alamat di WordPress dengan menggunakan " Alamat Google API ".

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin " Alamat Autocomplete Menggunakan Google Place Api ". Untuk lebih jelasnya, lihat panduan langkah demi langkah kami cara menginstal plugin WordPress.

Setelah aktivasi, Anda harus mengunjungi lokasi " Pengaturan> Pelengkapan Otomatis Google Halaman untuk mengkonfigurasi pengaturan plugin.

Anda akan diminta untuk memasukkan kunci Google Places API. Kunci API ini memungkinkan situs web Anda untuk terhubung Google Maps dan dapatkan saran di basis data mereka dalam waktu nyata.

Pergi ke " Konsol Pengembang Google Untuk membuat proyek baru.

Sebuah jendela akan muncul meminta Anda untuk memberikan nama untuk proyek Anda. Gunakan nama yang akan membantu Anda mengidentifikasi proyek nanti, lalu klik tombol "Buat".

Munculan akan menghilang, tunggu beberapa detik dan Anda akan secara otomatis dialihkan ke proyek baru Anda.

Sekarang Anda akan melihat daftar Google API yang dapat Anda aktifkan untuk proyek Anda. Anda perlu mencari dan mengklik " Layanan Web Google Places API ".

Divi: Tema WordPress terbaik sepanjang masa!

lebih 554.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Ini akan membawa Anda ke halaman pratinjau menjelaskan bagaimana API ini bekerja. Anda harus mengklik tautan "Activate" untuk melanjutkan.

Konsol Pengembang akan mengaktifkan Google Place API untuk proyek Anda.

Namun, Anda masih membutuhkan kredensial untuk menggunakan API di situs Anda. Jadi lanjutkan dan klik tombol Buat Kredensial untuk melanjutkan.

Di layar berikutnya, Anda perlu mengeklik tombol "kredensial Apa yang saya perlukan".

Konsol Pengembang sekarang akan menunjukkan kunci API kepada Anda. Anda harus menyalin kunci ini dan menempelkannya ke pengaturan di situs WordPress Anda.

Anda harus selalu mengaktifkan kunci API lain di proyek Google Developers Anda. Klik pustaka di Konsol Pengembang Google, lalu klik " JavaScript Google Maps API ".

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [GRATIS]

Ini akan membawa Anda ke halaman "Ikhtisar API" di mana Anda harus mengklik tautan "Aktifkan" untuk melanjutkan.

API ini tidak memerlukan kunci API tambahan, jadi Anda sekarang siap untuk melanjutkan.

Cara mengaktifkan pelengkapan otomatis di bidang formulir

Anda dapat menambahkan fungsionalitas pelengkapan otomatis ke bidang yang dibuat oleh plugin pembuatan formulir.

Kami akan menggunakan WPForms dalam tutorial ini. Namun, plugin ini dapat bekerja dengan hampir semua plugin pembuatan formulir.

Anda harus terlebih dahulu membuat formulir yang memiliki bidang alamat atau satu set bidang alamat.

Setelah selesai, tambahkan formulir ini ke situs web Anda seperti biasa.

Lalu pergi ke artikel atau halaman di mana Anda menambahkan formulir Anda. Anda harus mengklik kanan di lapangan dan memilih "Inspect" dari menu browser.

Anda akan melihat nama, ID, dan nilai dari kelas CSS untuk bidang alamat.

Misalnya, dalam penangkapan ini, nama atribut " wpforms [bidang] [9] [address1] Nilai ID adalah " wpforms-352-field_9 Dan css kelasnya adalah " wpforms-bidang-address-address1 ".

Anda harus menyalin hanya satu dari nilai-nilai ini dan menempelkannya ke halaman pengaturan plugin.

Jika Anda ingin menargetkan beberapa bidang dalam berbagai bentuk, maka Anda cukup menambahkan koma dan menambahkan nilai lainnya.

Jangan lupa klik tombol « Register Untuk menyimpan perubahan Anda.

Itu saja, Anda sekarang dapat mengunjungi halaman formulir dan mencoba memasukkan alamat. Kolom formulir akan mulai menampilkan saran menggunakan Google Places dan Google Maps.

Itu semua untuk tutorial ini, saya berharap ini akan memungkinkan Anda untuk menambahkan pelengkapan otomatis di bidang WordPress.

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
16 saham
saham12
menciak2
Register2
Ada apa