Loncat ke Konten Utama

Cara auto-Lengkapi bidang alamat

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

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

Baru-baru ini, salah satu pengguna kami bertanya kepada kami bagaimana menambahkan pelengkapan otomatis untuk bidang alamat pada formulir WordPress. Penyelesaian otomatis memungkinkan pengguna untuk dengan cepat memilih alamat saran yang dihasilkan dalam waktu nyata saat mereka mengetik.

Dalam tutorial ini, kami akan menunjukkan kepada Anda 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 detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Setelah aktivasi, Anda harus mengunjungi lokasi " Pengaturan> Google Autocomplete Halaman untuk mengonfigurasi pengaturan plugin.

Anda akan diminta memasukkan kunci API Google Places. Kunci API ini memungkinkan situs web Anda terhubung dengan Google Maps dan mengambil saran pada database mereka secara real time.

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 hilang, tunggu beberapa detik dan Anda akan secara otomatis diarahkan 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 '.

Mulailah mempromosikan blog Anda

Unduh lusinan Logo, spanduk, templat situs web, dan banyak alat pemasaran lainnya untuk memasarkan Blog WordPress Anda. [Rekomendasi]

Ini akan membawa Anda ke halaman pratinjau menjelaskan cara kerja API ini. Anda harus mengklik tautan "Aktifkan" untuk melanjutkan.

Konsol Pengembang akan mengaktifkan Google Place API untuk proyek Anda.

Namun, Anda masih perlu kredensial untuk menggunakan API di situs Anda. Jadi silakan dan klik tombol buat kredensial untuk melanjutkan.

Pada layar berikutnya, Anda perlu mengklik tombol "Apa kredensial yang saya butuhkan".

Developer Console sekarang akan menunjukkan kepada Anda kunci API. 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 perpustakaan di Konsol Pengembang Google, dan kemudian klik " JavaScript Google Maps API '.

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

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

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

Cara mengaktifkan pelengkapan otomatis di bidang formulir

Anda bisa 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 seperangkat bidang alamat.

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

Lalu pergi ke artikel atau halaman tempat Anda menambahkan formulir Anda. Anda harus mengklik kanan pada bidang tersebut dan memilih "Periksa" dari menu browser.

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

Misalnya, dalam tangkapan ini, nama atribut " wpforms [bidang] [9] [address1] Nilai ID adalah " wpforms-352-field_9 Dan css kelas 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 bisa menambahkan koma dan menambahkan nilai lainnya.

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]

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 saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk menambahkan pelengkapan otomatis di bidang WordPress.

Artikel ini berisi komentar 0

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
15 saham
saham12
menciak
Register3