Ana İçeriğe Geç

adres alanlarını otomatik olarak tamamlamak için nasıl

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Son zamanlarda, kullanıcılarımızdan biri bize WordPress formlarındaki adres alanları için otomatik tamamlamayı nasıl ekleyeceğimizi sordu. Otomatik tamamlama, kullanıcıların yazarken gerçek zamanlı olarak oluşturulan önerilerin adresini hızla seçmelerine olanak tanır.

Bu eğiticide, WordPress'te adres alanları için otomatik tamamlamanın nasıl ekleneceğini göstereceğiz " Google API adresleri '.

Wordpress 1'e otomatik tamamlama nasıl eklenir

Yapmanız gereken ilk şey, eklentiyi yüklemek ve etkinleştirmek. " Otomatik Tamamlama, Google Yeri Api Kullanarak Adres ". Daha fazla ayrıntı için, adım adım kılavuzumuza bakın. WordPress eklentisi nasıl kurulur.

Etkinleştirmeden sonra konumu ziyaret etmelisiniz " Ayarlar> Google Otomatik Tamamlama Eklenti ayarlarını yapılandırmak için Sayfa.

Wordpress'te otomatik tamamlamayı yapılandırın

Google Rehber API anahtarını girmeniz istenir. Bu API anahtarı, web sitenizin Google Haritalar ile bağlantı kurmasına ve gerçek zamanlı olarak veritabanındaki önerileri almasına olanak sağlar.

Git " Google Geliştirici Konsolu Yeni bir proje oluşturmak.

Google konsol geliştirir

Projeniz için bir isim vermenizi isteyen bir pencere açılacaktır. Projeyi daha sonra tanımlamanıza yardımcı olacak bir ad kullanın ve ardından "Oluştur" düğmesini tıklayın.

Pop-up kaybolacak, birkaç saniye bekleyip otomatik olarak yeni projenize yönlendirileceksiniz.

Artık projeniz için etkinleştirebileceğiniz Google API'lerin listesini göreceksiniz. Bulmanız ve tıklamanız gerekiyor " Google Rehber API web hizmeti '.

Google api anahtarlarının listesi

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Bu sizi, bu API'nin nasıl çalıştığını açıklayan bir önizleme sayfasına götürecektir. Devam etmek için "Etkinleştir" bağlantısını tıklamalısınız.

Google yer api web hizmeti modülü aktivasyonu

Geliştirici Konsolu projesi için Google API'leri Yeri etkinleştirin.

Ancak, API'yi sitenizde kullanmak için yine de kimlik bilgilerine ihtiyacınız olacak. Öyleyse devam edin ve devam etmek için kimlik bilgileri oluştur düğmesine tıklayın.

Kimlik bilgileri oluşturun

Bir sonraki ekranda, "Hangi kimlik bilgilerine ihtiyacım var" düğmesine tıklamalısınız.

İhtiyacım olan herhangi bir bilgi

Geliştirici Konsolu şimdi size API anahtarını gösterecek. Bu anahtarı kopyalamanız ve WordPress sitenizdeki ayarlara yapıştırmanız gerekir.

Google api anahtarı kopyalayın

Google Geliştiriciler projenizde her zaman başka bir API anahtarını etkinleştirmelisiniz. Google Geliştirici Konsolu'ndaki kütüphaneyi tıklayın ve ardından " Google Maps JavaScript API '.

Google haritalar javascript api

Bu sizi, devam etmek için "Etkinleştir" bağlantısını tıklamanız gereken "API'ye Genel Bakış" sayfasına götürecektir.

Google harita javascript api

Bu API'nin ek bir API anahtarına ihtiyacı olmadığı için artık devam etmeye hazırsınız.

Form alanlarında otomatik tamamlama nasıl etkinleştirilir

Form oluşturma eklentileri tarafından oluşturulan alanlara otomatik tamamlama işlevselliği ekleyebilirsiniz.

WPForms'ı bu derste kullanacağız. Ancak, bu eklenti hemen hemen herhangi bir form oluşturma eklentisi ile çalışabilir.

Önce bir adres alanı veya bir dizi adres alanı içeren bir form oluşturmalısınız.

Tamamladığınızda, bu formu normalde yaptığınız gibi web sitenize ekleyin.

Ardından, formunuzu eklediğiniz makaleye veya sayfaya gidin. Alana sağ tıklamanız ve tarayıcı menüsünden "İncele" yi seçmeniz gerekir.

Wordpress formu wpforms adres alanı

Adres alanı için CSS sınıfının adını, kimliğini ve değerlerini göreceksiniz.

Örneğin, bu yakalamada, öznitelik adı " wpforms [alanlar] [9] [address1] Kimlik değeri " wpforms-352-field_9 Ve sınıf css " wpforms alan adres-address1 '.

Bu değerlerden yalnızca birini kopyalayıp, eklenti ayarları sayfasına yapıştırmanız gerekir.

Birden çok alanı birden fazla biçimde hedeflemek istiyorsanız, o zaman bir virgül ekleyebilir ve başka değerler ekleyebilirsiniz.

WordPress alanlarından adres ekleyin

«Düğmesine tıklamayı unutmayın Enregistrer Değişikliklerinizi kaydetmek için.

İşte bu, şimdi form sayfasını ziyaret edebilir ve bir adres girmeyi deneyebilirsiniz. Form alanı, Google Rehber ve Google Haritalar kullanılarak öneriler göstermeye başlayacaktır.

Google ve google harita konumu

Hepsi bu ders için, umarım WordPress alanlarına otomatik tamamlama eklemenizi sağlar.

Bu makalede, 1 yorumunu içeren

  1. Sayfadaki formların otomatik olarak doldurulmasını engellemek için ne yapacağımı biliyor muyum?
    Çünkü çoğu zaman birisi çok fazla veriye sahipse, örneğin otomatik tamamlamanın adını tıklarsa, geri kalanı üstümüze atlar ve çoğu zaman yanlış olur ve müşteri bunu görmez ve yanlış formu gönderir ? Tabii ki, bu WordPress.

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
15 hisseleri
hisse12
cıvıltı
Enregistrer3