Bir WordPress Formunda Adres Otomatik Tamamlama Alanları Nasıl Eklenir?

Web sitenize otomatik tamamlama WordPress formunu nasıl ekleyeceğinizi mi merak ediyorsunuz? O halde, bu makale tam da şu anda ihtiyacınız olan şey.

WordPress formunuz bir adres alanına sahipse, otomatik tamamlama özelliğini eklemenizi öneririz. Bu sayede kullanıcılarınızın adres alanını doldurması ve formu başarıyla göndermesi daha kolay olur.

Bu nedenle, bir adres otomatik tamamlama WordPress formunun nasıl oluşturulacağına dair ayrıntılı bir kılavuz hazırladık. Öyleyse sonuna kadar okuyun.

Ancak öğreticiden önce, adres otomatik tamamlama özelliğinin faydalarını ve bunu formunuza eklemenin en iyi yolunu tartışalım.

Adres Otomatik Tamamlama Seçeneği Çevrimiçi Bir Formda Nasıl Yararlıdır?

Herhangi bir WordPress formu için normal bir Adres alanı kullanabilirsiniz. Öyleyse neden adres otomatik tamamlama seçeneğini buna ekleyesiniz?

İşte adres otomatik tamamlama seçeneğinin yararlı olduğu birkaç önemli yol:

• Adres otomatik tamamlama alanı, girişlerine göre kullanıcılarınıza otomatik olarak yerler önerir.
• Kullanıcılar, mevcut adres önerileri listesinden doğru adresleri seçebilir.
• Kullanıcıların tam adresi yazmaları gerekmediğinden, formu nispeten daha hızlı doldurabilirler.
• Otomatik tamamlama özelliği, form doldurmayı kolay ve hızlı hale getirir. Bu, başarılı form gönderimlerini artırmaya ve form terkini azaltmaya yardımcı olabilir.

Bu nedenle, formlarınıza bir otomatik tamamlama adres alanı eklemek akıllıca olacaktır.

Ancak, WordPress bu özelliği varsayılan olarak sunmaz. Peki, en iyi alternatifiniz nedir?

Bir sonraki bölümde adres otomatik tamamlama alanı eklemenin en iyi yolunu ele alacağız.

Adres Otomatik Tamamlama WordPress Formu Oluşturmanın En İyi Yolu

WordPress, adres otomatik tamamlama özelliğinin varsayılan olarak eklenmesine izin vermediğinden, bunun yerine eklentilere güvenmeniz gerekir.

Doğru WordPress eklentisi, özelliği formunuza zahmetsizce eklemenizi sağlar. Ve böyle bir eklenti Everest Forms'tur.

Popüler sürükle ve bırak form oluşturucu eklentisi, WordPress web siteniz için mükemmel bir eklenti olabilir.

Bu güçlü araç her şeyi yapıyor! Tek bir kod satırına dokunmadan özel formlar oluşturmanıza olanak tanır.

İletişim formları, izin talep formları, sipariş formları veya ihtiyaç duyduğunuz herhangi bir form oluşturmak için 20'den fazla form alanını kullanabilirsiniz.

Ayrıca, otomatik tamamlama seçeneğini kolayca etkinleştirebileceğiniz bir Adres alanı sunar. Bu nedenle, formlarınızı bu özellikle donatmanın en iyi yolu olarak Everest Forms eklentisini öneriyoruz.

Bir WordPress Formunda Adres Otomatik Tamamlama Alanları Nasıl Eklenir?

Bu eğitimde, bir adresi otomatik tamamlama WordPress formu oluşturma sürecini göstermek için Everest Forms'u kullandık.

Formunuza WordPress Google adresi otomatik tamamlama seçeneğini eklemek için bu 7 basit adımı izleyin.

1. Adım: Everest Forms Pro'yu Kurun ve Etkinleştirin

Everest Forms Pro eklentisini sitenize yükleyip etkinleştirerek başlayın. Bu premium sürüm, temel ücretsiz Everest Forms eklentisinin üzerinde çalışır.

Bu nedenle, adres otomatik tamamlama özelliğinin çalışması için eklentinin hem ücretsiz hem de premium sürümlerini kurmanız gerekir.

Everest Forms Pro'yu web sitenize nasıl düzgün bir şekilde kuracağınıza dair ayrı bir kılavuzumuz var. Bu nedenle, eklentiyi kurmak ve etkinleştirmek için yardıma ihtiyacınız olup olmadığını kontrol edin.

2. Adım: Coğrafi Konum Eklentisini Kurun ve Etkinleştirin

Everest Forms Pro'yu doğru bir şekilde kurduysanız, mevcut tüm eklentilere erişebilmelisiniz. Lütfen erişebileceğiniz eklentilerin satın aldığınız plana bağlı olduğunu unutmayın.

Öyleyse, WordPress kontrol panelinizde Everest Forms >> Add-ons'u açın.

Coğrafi Konum eklentisini bulmak için aşağı kaydırın ve Eklentiyi Yükle'yi tıklayın. Kurulumu tamamlamak için ardından Etkinleştir düğmesine basın.

Bu, WordPress formlarınızda kullanmanız için eklentiyi kuracaktır.

3. Adım: Google Konsolundan API Anahtarını Alın

Üçüncü adım, API anahtarını Google Konsolundan almaktır. Bu, Everest Forms eklentisini Google Konsoluna bağlamanıza yardımcı olacaktır.

Öncelikle, Google Konsol Gösterge Tablosunu ziyaret edin. Bu kontrol paneline erişmek için Google Hesabınız üzerinden oturum açmış olmanız gerekir.

Ardından, panonun üst kısmından projenizi seçin.

Halihazırda bir projeniz yoksa, Yeni Proje'ye tıklayarak bir proje oluşturabilirsiniz. Ardından, projenize bir ad verin ve Oluştur'a basın.

Projeyi seçtikten sonra, proje için API'ler ve Hizmetler sayfasına ulaşacaksınız.

Otomatik olarak bu sayfaya yönlendirilmediğinizi varsayalım. Bu durumda sol üstteki Gezinme Menüsünden yıllık olarak açabilirsiniz.

Menüye basın ve APIs & Services >> Enabled APIs & Services öğesini açın.

Burada, +APIS VE HİZMETLERİ ETKİNLEŞTİR'i tıklayın.

API kitaplığında, Places API'yi arayın ve etkinleştirin .

Not: API'yi başarıyla etkinleştirmek için bir faturalandırma hesabınızın olması gerekir. Bu nedenle, devam etmeden önce Google Cloud Konsolunuz için faturalandırmayı etkinleştirin.

API'yi etkinleştirdikten sonra, APIs & Services >> Credentials bölümüne gidin. Şimdi, +Create Credentials'a tıklayın ve ardından API Key'i seçin.

Bu, sizin için yeni bir API Anahtarı oluşturur. Ancak API anahtarını kopyalamadan önce ona bazı kısıtlamalar eklemelisiniz. Bunun için Anahtarı Düzenle'ye tıklayın.

Öncelikle, bir uygulama kısıtlaması ayarlamalısınız . Bu, hangi web sitelerinin, IP adreslerinin veya uygulamaların API anahtarını kullanabileceğini sınırlamanıza olanak tanır. Bizim durumumuzda Web Siteleri'ni seçelim.

Ardından, API anahtarının geçerli olacağı web sitesini ekleyin ve Tamam'a basın . Gerekirse birden fazla web sitesi ekleyebilirsiniz.

Bundan sonra, Kısıtlama anahtarı radyo düğmesini seçerek API Kısıtlamalarını ayarlamanız gerekir. Bu, anahtarınızın hangi etkin API'leri arayabileceğini bilmesini sağlar.

Yalnızca Places API'ye ihtiyacımız olduğu için açılır listeden bunu seçelim. Gereksinimlere göre Maps JavaScript API gibi daha fazla API'yi etkinleştirebilir ve ekleyebilirsiniz.

Son olarak, Kaydet düğmesine basın.

Şimdi tek yapmanız gereken anahtarı daha sonra kullanmak üzere kopyalamak. Bir sonraki adımda ihtiyacınız olacağından onu güvende tutun.

4. Adım: Coğrafi Konum Ayarlarına API Anahtarı Ekleyin

WordPress panonuza geri dönün, Everest Forms >> Settings >> Geolocation bölümüne gidin.

Kopyaladığınız API Anahtarını Google Places API Anahtarı alanına yapıştırın. Ardından, Değişiklikleri Kaydet düğmesine basın.

Bu, Google Places API ile Everest Forms arasındaki bağlantıyı tamamlar.

Coğrafi Konum ayarlarında Geçerli Konum adlı bir seçenek daha vardır. Bu seçeneği açtığınızda, formlarınız otomatik olarak kullanıcının mevcut konumunu Adres alanına algılar ve doldurur.

Tamamen isteğe bağlıdır, bu nedenle açıp açmamanız gereksinimlerinize bağlıdır.

5. Adım: Adres Alanıyla Yeni Bir Form Oluşturun

Everest Forms'u başarıyla Google Places API'ye bağladınız. Bununla birlikte, otomatik tamamlama adresi özelliğinin geçerli olduğu durumlarda forma yine de ihtiyacınız vardır.

Bunun için Adres alanı ile yeni bir WordPress formu oluşturmalısınız.

Soru şu: Ne tür bir form yapıyorsunuz? Peki, tamamen size kalmış!

Everest Forms ile ilgili en iyi şey, ihtiyacınız olan her türlü formu oluşturmanıza izin vermesidir. İletişim formları, anket formları, iş başvuru formları, rezervasyon formları vb.

Bu nedenle, Everest Forms >> Add New seçeneğine gidin.

Everest Forms, çeşitli formlar için önceden oluşturulmuş birkaç şablon sunar. Böylece, zamanınız kısıtlıysa bunlardan birini özelleştirebilirsiniz.

Ancak sıfırdan bir form tasarlamak da bir o kadar kolay! Sadece gerekli alanları sürükleyip bırakın ve özelleştirin.

Bu kılavuz için sıfırdan adres alanı olan basit bir iletişim formu oluşturacağız.

Bu nedenle, Sıfırdan Başlat'ı tıklayın. Ardından, form başlığını girin ve Devam düğmesine basın.

Bu sizi form oluşturucuya götürür. Gördüğünüz gibi, tüm form alanları solda gruplandırılmıştır. Bunları sağdaki form satırlarına sürükleyip bırakabilirsiniz.

Bu nedenle, Name , Email , Subject , Message ve en önemlisi Address gibi ihtiyacınız olan alanları forma ekleyin.

Adres otomatik tamamlama WordPress formu tamamlandığında, yeni formunuzu kaydetmek için üst kısımdaki Kaydet düğmesine basın.

6. Adım: Adres Alanı için Otomatik Adres Tamamlamayı Etkinleştirin

Her alanda çok sayıda özelleştirme seçeneği elde edersiniz. Aynı şekilde, Adres alanı için de birkaç seçenek elde edersiniz, bunlardan biri adres otomatik tamamlama özelliğidir.

Burada Adres alanına odaklanıyor olsak da, diğer alanları da özelleştirdiğinizden emin olun.

Düzenlemek istediğiniz alana tıklayın; özelleştirme seçenekleri solda açılacaktır.

Buradan, Label , Description , Field Visibility , vb. alanını değiştirebilirsiniz. Ayrıca Required , Enable Tooltip , Hide Label öğesini etkinleştirebilir ve CSS Classes ekleyebilirsiniz.

Ayrıca, bireysel alanlar için de koşullu mantık ayarlayabileceksiniz.

Ama burada öne çıkan alanımıza geri dönelim. Adres alanına tıkladığınızda, Alan Seçenekleri yukarıda bahsettiğimiz gibi benzer seçenekler görüntüler.

Ancak Gelişmiş Seçenekler , Adres alanı için düzenlenmiş bazı özellikler içerir.

Örneğin, Adres Satırı 1 , Adres Satırı 2 , Ülke vb. için Yer Tutucu ve Varsayılan Değeri değiştirebilirsiniz. Ayrıca, Varsayılan Ülkeler Listesi'nden kullanıcılara hangi ülkeleri sunmak istediğinizi seçebilirsiniz.

En önemlisi, sadece onay kutusunu işaretleyerek adres otomatik tamamlama özelliğini etkinleştirebilirsiniz.

Kaydet düğmesine basın ve Adres alanınız, formu dolduran kullanıcılara otomatik olarak yerler önerecektir.

7. Adım: Adres Otomatik Tamamlama WordPress Formunu Sitenizde Görüntüleyin

Tebrikler! Bu eğitimin son adımındasınız!

Adres otomatik tamamlama WordPress formu hazır olduğundan, onu web sitenizin ön ucuna eklemelisiniz.

Everest Forms, bunu birkaç basit adımda yapmanızı sağlar.

Sayfayı açarak başlayın veya WordPress formunu eklemek istediğiniz yere gönderin.

Gutenberg editörüne girdikten sonra blok yerleştirici ( + ) düğmesini seçin.

Everest Forms bloğunu arayın ve üzerine tıklayarak sayfaya/yazıya ekleyin.

Ardından, açılır listeden adres otomatik tamamlama alanına sahip formu seçin. Bu, formu otomatik olarak sayfaya/yazıya ekler.

Son olarak, üst kısımdaki Güncelle düğmesine basın.

Formu tamamen yeni bir sayfaya/yazıya da ekleyebilirsiniz. Sadece aynı adımları takip edin ve sonunda Yayınla düğmesine basın. Ve işin bitti!

Adres otomatik tamamlama WordPress formuna artık kullanıcılarınız ön uçtan erişebilir.

Sarma

Şimdiye kadar anlayabileceğiniz gibi, bir WordPress Google adresi otomatik tamamlama formu oluşturmak çok kolaydır. Özellikle elinizde Everest Forms eklentisi varken.

Bu inanılmaz eklenti, formlarınızı Google Konsoluna hızlı bir şekilde bağlamanıza olanak tanır. Böylece, kullanıcılarınız otomatik tamamlama özelliğini kullanarak Adres alanını kolayca doldurabilir.

Ama biliyor muydunuz? Everest Forms'un sunabileceği çok şey var.

E-posta şablonlarını özelleştirmek, form gönderimlerini planlamak, form alanlarını otomatik doldurmak ve daha fazlası için kullanabilirsiniz.

Blogumuzda bu eklenti hakkında her şeyi okuyun. Görsel olarak öğreniyorsanız, kolay video eğitimleri için YouTube kanalımıza göz atın.

Ayrıca, haftalık gönderilerle ilgili güncellemeler için Twitter ve Facebook'ta takip edin.