WordPress Formu Tarih Seçici ile Nasıl Oluşturulur (Kolay Yol)

Tutarsız tarih girişleri, basit bir WordPress formunu sinir bozucu bir karmaşaya dönüştürebilir. Eğik çizgiler, tireler, tam ay adları – kullanıcılar tarihleri istedikleri gibi girdiğinde, temizlenmesi saatler süren dağınık bir veri kabusuyla uğraşmak kaçınılmazdır.

Bu nedenle formlarınıza tarih seçici eklemek akıllıca bir hamledir.

Biçimlendirmeyi kullanıcıya bırakmak yerine, bir tarih seçici onlara temiz bir takvim arayüzü sunar, böylece her giriş tekdüze ve yönetimi kolay olur.

Bu kılavuzda, tarih seçicili bir WordPress formu oluşturmanın en basit yolunu paylaşacağız. Rezervasyon formları, etkinlik kayıtları veya randevu planlayıcıları oluşturuyor olun, bu küçük yükseltme hem size hem de site ziyaretçilerinize yardımcı olabilir. 🙌

Neden Tarih Seçicili Bir WordPress Formu Oluşturulmalı?

Binlerce çevrimiçi WordPress formunu yönettikten sonra, tarihle ilgili form alanlarının genellikle işlerin ters gittiği yerler olduğunu fark ettik. Aslında, yanlış tarih biçimleri, form gönderimlerinin başarısız olmasının veya kafa karışıklığı yaratmasının en büyük nedenlerinden biridir.

Bir tarih seçici alanı bu yaygın hayal kırıklıklarını giderir ve kullanıcı deneyiminizi iyileştirir. Etkili bir şekilde çalıştığını gördük:

• Kullanıcılardan doğum tarihlerini girmelerini isteyen Kayıt formları.
• Bir sipariş için teslimat tarihi ve saati seçmek üzere Sipariş formları.
• Kiralık bir ürün için teslim alma veya teslim etme tarihini seçmek için kiralık ürün formları.
• Kullanıcıların ürünleriniz veya hizmetleriniz hakkında ne zaman aranmak istediklerini size bildirmelerine olanak tanımak için geri arama isteği formları.
• Çalışanların izin süreleri için başlangıç ve bitiş tarihlerini girebilmeleri için izin talep formları.
• Konaklama veya hizmet web siteleri için randevu veya rezervasyon formları.

En iyi yanı? Bir tarih seçici, tüm gönderilerde tutarlılık sağlar. 03/04/2024'ün 4 Mart mı yoksa 3 Nisan mı anlamına geldiğini çözmek artık yok, bu manuel veri girişiyle çok sık karşılaştığımız bir baş ağrısı.

Bunu söyledikten sonra, WordPress'te tarih seçici ile kolayca bir form oluşturacağınızı göstereceğiz. İşte ele alacağımız adımlar ve bunlarda gezinmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

• Adım 1: WPForms Eklentisini Yükleyin
• Adım 2: Bir Form Şablonu Seçin
• Adım 3: WordPress Formunuza Tarih Seçici Alanı Ekleme
• Adım 4: Tarih Saat Seçici Ayarlarını Yapılandırın
• Adım 5: WordPress Formunu Web Sitenize Yerleştirme
• 🎁 Bonus Adım: Randevu Hatırlatıcılarını Etkinleştirin
• SSS: Tarih Seçicili Bir WordPress Formu Nasıl Oluşturulur
• WordPress Formunuzu Optimize Etmek İçin En İyi İpuçları

Başlayalım.

Adım 1: WPForms Eklentisini Yükleyin

Yıllar boyunca, Ninja Forms ve Gravity Forms gibi popüler seçenekler de dahil olmak üzere onlarca form ve tarih seçici eklentisini test ettik.

Ancak tarih seçiciler eklemek için, özellikle kodlara dokunmadan profesyonel görünümlü formlar oluşturmak isteyen yeni başlayanlar için en kullanıcı dostu çözümün WPForms olduğunu gördük.

WPForms, tarih seçiciye ek olarak, kullanıcı seçimlerine göre alanları göstermek veya gizlemek için koşullu mantık ve fiyat tahminlerini otomatik olarak işlemek için akıllı hesaplayıcılar gibi premium özelliklerle birlikte gelir.

WPBeginner'da formlarımızın çoğunu oluşturmak için WPForms kullanıyoruz ve bunu yeterince tavsiye edemeyiz. Daha fazla ayrıntı için tam WPForms incelememizi görebilirsiniz.

Öncelikle web sitenize WPForms'u yüklemeniz gerekir. Ayrıntılı talimatlar için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakmak isteyebilirsiniz.

Adım 2: Bir Form Şablonu Seçin

Etkinleştirdikten sonra, WordPress kontrol panelinizden WPForms » Yeni Ekle sayfasına gidin.

Bu sizi 'Şablon Seç' sayfasına yönlendirecektir.

Bir şablon seçmeden önce, WordPress formunuza daha sonra kolayca tanımlayabilmeniz için bir ad vermek iyi bir fikirdir.

Ardından, formunuzu nasıl oluşturacağınızı seçeceksiniz – WPForms AI, önceden hazırlanmış bir şablon veya sıfırdan.

Yapay zeka form oluşturucusunu kullanmak istiyorsanız, tek yapmanız gereken basit bir komut istemi yazmaktır. Yapay zeka daha sonra formu anında sizin için oluşturacaktır.

Bu örnek için Basit İletişim Formu şablonunu kullanacağız ve ardından tarih seçici alanını ekleyeceğiz. Ancak size en uygun şablonu seçmekten çekinmeyin.

Kurulum sayfasında aşağı kaydırdığınızda, burada bulunan 2.000'den fazla hazır form şablonunu göreceksiniz. Seçimi daraltmak için arama çubuğunu kullanabilirsiniz.

Seçiminizi yaptıktan sonra 'Şablonu Kullan' düğmesine tıklamanız yeterlidir.

Adım 3: WordPress Formunuza Tarih Seçici Alanı Ekleme

Şimdi WPForms form oluşturucuya geleceksiniz. Alan seçeneklerini sol sütunda ve ekranın sağ tarafında bir form önizlemesini göreceksiniz.

Varsayılan olarak, Basit İletişim Formu şablonunda forma yalnızca ad, e-posta adresi ve yorum alanları eklenir.

Gösterim amacıyla, WordPress formunuza bir tarih alanı eklemeyi göstereceğiz. Ancak şablonunuzda zaten varsa, bu adımın düzenleme kısmına geçebilirsiniz.

Yapmanız gereken, sol sütundaki Süslü Alanlar bölümüne aşağı kaydırmak, burada 'Tarih / Saat' alanını göreceksiniz.

Bu alanı formunuzda istediğiniz yere sürükleyip bırakmanız yeterlidir. Bu eğitimde, bunu E-posta alanının hemen altına yerleştirdik.

Bunu yaptıktan sonra, düzenlemek için ‘Tarih/Saat’ alanına tıklayın. Bu, ekranınızın sol tarafında ‘Alan Seçenekleri’ sekmesini açacaktır.

Buradan, varsayılan olarak 'Tarih / Saat' olan alanın etiketini değiştirebilirsiniz. Alanımız için 'Telefon Görüşmesi İçin Tercih Edilen Saat' kullanacağız.

Alanın tarih biçimini Biçim açılır menüsünü kullanarak da değiştirebilirsiniz. Seçenekler Tarih ve Saat, Yalnızca Tarih veya Yalnızca Saat'tir. Bu, yalnızca bir tarih alanını kullanıcıların doğum tarihlerini toplamak için kullanmak istemeniz durumunda faydalı olabilir.

Bunun dışında, kullanıcının alana ne girmesi gerektiği konusunda daha fazla bağlam sağlamak için açıklama metnini doldurabilirsiniz.

Son olarak, bunun zorunlu bir alan olmasını istiyorsanız 'Gerekli' kutusunu işaretleyebilirsiniz. Bu, kullanıcının formu göndermeden önce bir tarih ve saat seçmesi gerekeceği anlamına gelir.

Bunu yaptıktan sonra, form ayarlarınızı kaydetmek için üstteki ‘Kaydet’ düğmesine tıklamanız yeterlidir.

Adım 4: Tarih Saat Seçici Ayarlarını Yapılandırın

Varsayılan olarak, WordPress formunuzdaki tarih aralığı seçici alanı, yanında bir zaman açılır menüsü olan bir takvim olacaktır.

Mevcut tarih seçili olacaktır, ancak kullanıcı farklı bir tarih seçmek için bunu değiştirebilir. Tarih biçimi ay/gün/yıldır.

Bu arada, saat açılır menüsü varsayılan olarak 30 dakikalık aralıklarla 12 saatlik bir saate ayarlanmıştır.

Kullanıcılar daha sonra kendileri için en uygun zaman dilimini seçebilirler.

Bazı durumlarda, tarih seçici ayarlarını değiştirmek isteyebilirsiniz. Örneğin, ülkeniz varsayılan biçimler yerine gün/ay/yıl veya 24 saatlik tarih ve saat biçimlerini takip ediyor olabilir.

Bunu yapmak için sol taraftaki panelin üst kısmındaki ‘Gelişmiş’ sekmesine geçmeniz gerekecektir.

Burada, tarih seçici alanının boyutunu ayarlayabilirsiniz. Ardından, Tarih bölümünde, tarih aralığını bir takvimden tarih açılır menüsüne değiştirebilirsiniz.

Formun alanı kısıtlıysa ve takvim oldukça küçük görünüyorsa, tarih takvim seçicisini bir tarih açılır menüsüne geçirmek iyi bir fikirdir.

Tarih açılır menüsü şu şekilde görünür:

Bunun altında, tarih biçimini ay/gün/yıl (1/31/2024) yerine gün/ay/yıl (31/1/2024) veya Ay Gün, Yıl (31 Ocak 2024) olarak değiştirebilirsiniz.

Takvim tarihi seçiciyi seçerseniz, 'Tarih' alanına yer tutucu metin de ekleyebilirsiniz. Kullanıcılara hangi formatı kullandığınızı bildirmek için tarih formatınızla doldurabilirsiniz, böylece kafaları karışmaz.

Ek olarak, seçilebilecek tarih aralığını ayarlamak için 'Günleri Sınırla' anahtarını etkinleştirebilirsiniz. Hizmetlerinizi yalnızca hafta içi yürütmek istiyorsanız bu faydalı olacaktır.

Geçmiş tarihleri devre dışı bırakarak önceki tarihlerden seçim yapılmasını da engelleyebilirsiniz.

Ardından, saat seçiciyi değiştirmek için 'Saat' bölümüne inelim.

Burada, aralığı 30 dakika yerine 15 dakika veya 1 saate değiştirebilirsiniz. Hangi zaman formatını kullandığınızı göstermek için yer tutucu metin girmek de iyi bir fikirdir.

Saat seçici varsayılan olarak 12 saatlik bir saat kullanır, ancak isterseniz bunu 24 saatlik bir saate geçirebilirsiniz.

Ayrıca, hizmetlerinizin başlangıç ve bitiş saatlerini belirtmek için 'Saatleri Sınırla' ayarını açmaktan çekinmeyin. Bu şekilde, kullanıcılar iş saatleriniz dışında randevu alamazlar.

Bunun dışında, tarih aralığı alanı için bir CSS sınıfı adı girebilirsiniz. Bu gelişmiş ve isteğe bağlı bir özelliktir, ancak bunu daha sonra kod kullanarak formun stilini geçersiz kılmak için kullanabilirsiniz.

Son olarak, gerekirse form alanı etiketini ve/veya alt etiketini gizleyebilirsiniz.

Yeni formunuzdan memnun kaldığınızda, ekranın sağ üst köşesindeki 'Kaydet' düğmesine tıklayarak kaydedebilirsiniz.

Adım 5: WordPress Formunu Web Sitenize Yerleştirme

Yeni formunuzu tarih seçici ile WordPress web sitenize eklemeye hazırsınız. Bunu yapmak için, form oluşturucunun üst kısmındaki ‘Göm’ düğmesine tıklamanız yeterlidir.

Formu eklemek istediğiniz mevcut bir sayfayı seçmenizi veya sıfırdan form için yeni bir sayfa oluşturmanızı isteyen bir açılır pencere görünecektir. Her iki seçenek de blok düzenleyiciyi kullanır, bu nedenle adımlar oldukça benzerdir.

WPForms Bloğunu Mevcut veya Yeni Bir Sayfaya Ekleme

Formu mevcut bir sayfaya eklemek için 'Mevcut Sayfayı Seç' düğmesine tıklayın. Ardından, WordPress blogunuzda veya web sitenizde zaten bulunan sayfalardan birini seçin ve 'Başlayalım!' düğmesine tıklayın.

Formu yeni bir sayfaya eklemek istiyorsanız, 'Yeni Sayfa Oluştur' düğmesine tıklamanız yeterlidir.

Ardından, yeni sayfanıza bir ad verin ve ‘Başlayalım!’ düğmesine tıklayın.

Bu yöntemlerin her ikisi de sizi, WPForms bloğunu nasıl ekleyeceğinize dair bazı talimatlar göreceğiniz blok düzenleyiciye götürecektir.

İlk olarak, '+ ' blok ekle düğmesine tıklayın.

Ardından, blok arama çubuğuna ‘WPForms’ yazın.

Bloğu en iyi göründüğü yere sürükleyip bırakın.

Şu anda yapmanız gereken tek şey açılır menüye tıklamak.

Ardından, az önce oluşturduğunuz formu seçin.

Blok ayarları kenar çubuğunda, WordPress temanızla daha güzel görünmelerini sağlamak için form alanı, etiket ve düğme stillerini özelleştirebilirsiniz.

Her öğenin boyutunu, kenarlık yarıçapını ve renklerini değiştirebilirsiniz.

Formu web sitenizde canlı hale getirmek için şimdi 'Güncelle' veya 'Yayınla' düğmesine tıklayabilirsiniz.

WordPress web sitenizde şuna benzer görünmelidir:

Form widget'ını bir sayfaya değil de bir yazıya eklemek istiyorsanız, yeni bir yazı oluşturabilir veya blok düzenleyicide mevcut bir yazıyı açabilirsiniz.

Bundan sonra, bu yöntemdeki gibi bir sayfaya WPForms bloğunu eklemek için aynı adımları izlemeniz yeterlidir.

WPForms Bloğunu Widget'a Hazır Bir Alana Ekleme

Klasik bir WordPress teması kullanıyorsanız, formunuzu widget'a hazır bir üst bilgi, alt bilgi veya kenar çubuğu alanında görüntülemek isteyebilirsiniz. Formunuz oldukça kısa ve çok fazla yer kaplamıyorsa bu iyi bir fikir olabilir.

Bunu yapmak için WordPress yönetici alanından Görünüm » Widget'lar'a gidin. Ardından, istediğiniz widget'a hazır alanı bulun ve içindeki beyaz ‘+’ blok ekle düğmesine tıklayın. Sonrasında, WPForms bloğunu arayabilirsiniz.

İki seçenek görürseniz, her ikisi de aynı şeyi yaptığı için herhangi birini seçebilirsiniz.

Önceki yöntemde olduğu gibi, az önce oluşturduğunuz formu seçin. Blok ayarları kenar çubuğunda, tasarımı WordPress temanıza daha iyi uyacak şekilde yapılandırabilirsiniz.

Düzenlemelerden memnun kaldığınızda, 'Güncelle' düğmesine tıklamanız yeterlidir.

İşte bu kadar!

Formumuzun bir WordPress blog yazısının altında nasıl göründüğü aşağıdadır:

WordPress Formunuzu Kısa Kod ile Gömün

WPForms bloğu veya widget'ı çalışmazsa, WordPress formunuzu bir kısa kod kullanarak da ekleyebilirsiniz.

'Bir Sayfaya Göm' açılır penceresinde, sadece 'kısa kod kullan' bağlantısına tıklayın. Ardından, bir sayfaya, gönderiye veya widget'a hazır alana kopyalayıp yapıştırabileceğiniz bir kısa kod göreceksiniz.

Kısa kodların nasıl kullanılacağı hakkında daha fazla bilgi için, WordPress'te kısa kod ekleme hakkındaki makalemizi okuyun: WordPress'te kısa kod ekleme.

🎁 Bonus Adım: Randevu Hatırlatıcılarını Etkinleştirin

Formunuzu randevu veya rezervasyon planlamak için kullanıyorsanız, otomatik hatırlatıcılar eklemek büyük fark yaratabilir.

Formunuzu e-posta pazarlama hizmetinize bağlamak, randevu hatırlatıcıları göndermenize olanak tanır, bu da randevulara gelmeme oranını azaltmaya ve işleri düzenli tutmaya yardımcı olur.

Ayrıca, gönderimlerinin başarılı olduğunu ve yerlerinin onaylandığını kullanıcıların bilmesini sağlar.

Bunu ayarlamak için, form gönderenlere onay e-postası gönderme konulu adım adım kılavuzumuzu takip edebilirsiniz. Birkaç tıklamayla, kullanıcıların seçtikleri tarih veya saat hakkında zamanında bir hatırlatma almalarını sağlayabilirsiniz. ⏰

SSS: Tarih Seçicili Bir WordPress Formu Nasıl Oluşturulur

WordPress formlarınıza bir tarih seçici eklemeyi mi düşünüyorsunuz? Başlamanıza yardımcı olacak bazı yaygın sorular şunlardır.

WordPress formlarında tarih seçici nedir?

Bir tarih seçici, kullanıcıların bir takvimden tarih seçmelerini sağlar. Tarihlerin tutarlı bir şekilde biçimlendirilmesini sağlamaya yardımcı olur ve giriş hatalarını azaltır.

WordPress'e zaman seçici nasıl eklerim?

WPForms gibi bir form oluşturucu kullanıyorsanız, 'Tarih / Saat' alanını formunuza sürüklemeniz yeterlidir. Ardından ayarlarda 'Saat' seçeneğini seçin.

WordPress sitemde tarihi nasıl gösteririm?

Tarihleri bir widget, kısa kod veya özel bir PHP kod parçacığı kullanarak görüntüleyebilirsiniz.

WPCode, WordPress için en iyi kod parçacığı eklentilerinden biridir. Bugünün tarihini göstermek için olanı da dahil olmak üzere özel kodu web sitenize eklemeyi son derece güvenli ve kolay hale getirir.

HTML kullanarak bir tarih seçici nasıl eklenir?

Düz HTML'de şunu kullanabilirsiniz: <input type="date">. Ancak WordPress'te, daha iyi uyumluluk ve kontrol için bir form eklentisi kullanmak daha kolaydır.

WordPress Formunuzu Optimize Etmek İçin En İyi İpuçları

Artık WordPress formlarına tarih seçiciyi nasıl ekleyeceğinizi bildiğinize göre, formlarınızı bir sonraki seviyeye taşımak için en iyi ipuçlarını ele alalım:

• Formlarınızda çevrimiçi ödeme kabul edin – WPForms, Stripe, PayPal, Square ve Authorize.net gibi popüler ödeme ağ geçitlerini destekler. Tek seferlik veya yinelenen ödemeler toplayabilirsiniz ve ek işlem ücreti yoktur.
• Daha uzun formlarınızı sohbet tarzı hale getirin – Çok fazla bilgi toplamanız gereken bir etkinlik veya kullanıcı kayıt formu varsa, bunu sohbet tarzı hale getirmek form tamamlama oranını artırabilir.
• İletişim formu spam'ini önleyin – Spam gönderen form girişlerini filtrelemek için WPForms'un yerleşik spam önleme korumasını ve reCAPTCHA onay kutusunu etkinleştirebilirsiniz.
• Çok dilli formlar oluşturun – Birden çok dilde görüntülenen formlarla çeşitli bir kitleye ulaşın ve web sitenizin erişilebilirliğini artırın.
• İletişim formu tasarımı en iyi uygulamaları listemizi takip edin – Bu kılavuz, sıradan ziyaretçileri potansiyel müşterilere veya müşterilere dönüştürmek için en iyi WordPress formunu tasarlama konusunda size yol gösterebilir.
• Etkileşimli formlar oluşturma konusunda uzman rehberimizi okuyun – WPForms'un kurucu ortağı Jared Atchison, koşullu mantık kullanmaktan zengin medya içeriği eklemeye kadar formları daha ilgi çekici hale getirme konusunda size ipuçları veriyor.

Umarım bu makale, tarih seçici ile bir WordPress formu oluşturmayı öğrenmenize yardımcı olmuştur. Ayrıca, WordPress'te çok sayfalı bir formun nasıl oluşturulacağına ilişkin makalemize ve en iyi WordPress anket eklentileri hakkındaki nihai listemize de göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.