Son kullanıcı, kullanıcı adımız bize WordPress formlarındaki adres alanları için otomatik tamam nasıl ekleyeceğimiz sordu. Otomatik tamamlama, yazarken gerçek zamanlı olarak öneride bulunabilir. Bu tatlı, Google Places API WordPress’teki adres alanları için otomatik sütunlu ekmek nasıl ekleyeceğinizi göstereceğiz.
Video öğretici
Videoyu beğenmed veya daha fazla talimata ihtiyacınız, okumaya devam edin.
Yapmanız gereken ilk şey, Google Place Api eklentisini kullanarak Adres Otomatik Tamamlama’yı yüklemek ve etkinleştirmektir. Daha fazla detay için, bir WordPress eklentisinin nasıl kurulacağına dair adım kılavuzumuza bakın.
Etkinleştirmeden sonra, eklenti yapılandırmak için Ayarlar »Google Otomatik Tamamlama sayfasını ziyaret etmeniz gerekir.
Google Rehber API anahtarını girmeniz istenecektir. Bu API anahtarı, web sitenizin Google Haritalar ile bağlantı kurmasına ve veritabanlarından gerçek zamanlı olarak otomatik tamamlama önerilerini almasına izin verir.
Google Developer Console web yol ve yeni bir proje oluşturmak.
Projeniz için bir isim girmeyen bir açılır pencere görünecektir. Projeyi daha sonra tanımlamanıza yardımcı olacak bir reklam kullanın ve ardından oluştur tıklayın.
Açılır pencere kaybolacak, birkaç saniye bekleyecek ve otomatik olarak yeni projenize yönlendirileceksiniz.
Şimdi, projeniz için etkinleştireceğiniz popüler Google API’lerinin göreceksiniz. ‘Google Rehber API Web Hizmeti’ni bulmanız ve tıklamanız gerekir.
Bu sizi, bu API’nin nasıl çalıştığını açıklayan bir genel bakış sayfasına götürecektir. Devam etmek için Etkinleştirin tıklamanız gerekir.
Geliştirici konsolu şimdi projeniz için Google Rehber API’sini etkinleştirecek.
Ancak, API’yi web sitenizde kullanmak için yine de kimlik bilgilerine ihtiyacınız olacak. Öyleyse devam edin ve devam etmek için kimlik bilgileri oluştur tıklayın.
Bir sonraki bölümde, ‘Hangi kimlik bilgilerine ihtiyacım var?’ Seçeneğini tıklamanız gerekiyor. buton.
Geliştirici konsolu şimdi size API anahtarını gösterecek. Bu anahtarı kopyalayıp WordPress web sitenizdeki eklenti ayarlarının altına yapıştırmanız gerekir.
Yine de Google Developers projenizde başka bir API etkinleştirmeniz gerekiyor. Google Developer Console’daki kitaplığı ve ardından ‘Google Maps JavaScript API’yi tıklayın.
Bu sizi, devam etmek için ‘Etkinleştirici doldurmanız gereken API’nin genel bakış sayfasına götürecektir.
Bu API’nin fazladan bir API anahtarına ihtiyaç için artık hazırsınız.
WordPress Form Alanlarında Otomatik Tamamlama Adresini Etkinleştirme
Herhangi bir WordPress form oluşturucu eklentisi için herhangi bir form tamamlama adresi tamburda.
Bu eğitimde WPForms kullanacağız. Ancak, hangi iletişim eklentisini kullanıyor olursanız talimatlar işe yarayacaktır.
Öncelikle, bir adres alanı veya bir dizi adres alanı içeren bir form almak gerekir.
İşiniz bittiğinde, normalde yaptığınız gibi bu formu web sitenize ekleyin.
Ardından, formunuzu eklediğiniz gönderiye veya sayfaya gidin. Adrese tıklamanız sağlandığınızda ve tarayıcı “İncele” yi seçmeniz gerekir.
Adres alanı için ad, kimlik ve CSS sınıf göreceksiniz.
Örneğin, bu ekran wpforms[fields][9][address1] formumuzun ad değeri wpforms[fields][9][address1], kimlik değeri wpforms-352-field_9 ve css sınıfı wpforms-field-address-address1.
Bu değerlerden birini kopyalamak eklenti yapıştırmanız gerekir.
Birden çok formda birden çok alanı hedeflemek, bir virgül ekleyip başka bir değersiz görmek.
Değişikliklerinizi kaydetmek için kaydetme sağlama unutmayın.
Hepsi bu, artık form sayfanızı ziyaret edebilir ve bir adresi girmeyi deneyebilirsiniz. Form alanı, Google Haritaları ve Google Haritaları otomatik olarak öneriler göstermeye başlayacaktır.
Bu makalenin, WordPress’teki adres alanları için otomatik dökme sütunu ekleyeceğinizi öğrenmenize yardımcı olurum İşletme web siteleri için WordPress eklentilerine sahip olması gereken 24 listemizi de görmek isteyebilirsiniz.
