Tarih seçicili bir WordPress formu mu oluşturmak istiyorsunuz?
Tarih seçici alanı, WordPress formlarınızda tarihle ilgili bilgileri yakalamak için kullanışlı bir yoldur. Örneğin, kullanıcılarınızın doğum tarihlerini bilmeniz gerekebilir veya formlarınız aracılığıyla hizmetleriniz için kolayca randevu almalarını isteyebilirsiniz.
Bu makalede, tarih seçicili bir WordPress formunu nasıl kolayca oluşturacağınızı göstereceğiz.
Neden Tarih Seçicili Bir WordPress Formu Oluşturmalısınız?
Bir WordPress formundaki tarih seçici alanı, kullanıcıların tarih girmesini istediğinizde kullanışlıdır. Yaygın örnekler şunlardır:
- Kullanıcılardan doğum tarihlerini girmelerini isteyenkayıt formları.
- Bir sipariş için teslimat tarihi ve saati seçmek içinsipariş formları.
- Kiralık bir öğe için teslim alma veya bırakma tarihi seçmek için kiralık öğe formları.
- Geri arama talep formları, kullanıcıların ürünleriniz veya hizmetleriniz hakkında ne zaman iletişime geçmek istediklerini size bildirmelerini sağlar.
- Çalışanların izinleri için başlangıç ve bitiş tarihlerini girmelerine olanak tanıyan izin talep formları.
- Konaklama veya hizmet web siteleri için randevu veya rezervasyon formları.
Tarih giriş alanı, kullanıcıların tarihleri manuel olarak yazmalarına kıyasla çok daha kolay bir şekilde eklemelerini sağlar. Tarih formatının tüm form gönderimlerinde tutarlı kalmasını sağlayarak hataları azaltır ve kullanıcı deneyimini iyileştirir.
Bunu söyledikten sonra, tarih seçicili bir WordPress formunun nasıl kolayca oluşturulacağını görelim. Bu makalede gezinmek için bu hızlı bağlantıları kullanabilirsiniz:
Adım 1: WPForms Eklentisini Kurun ve Bir Şablon Seçin
İlk adım WPForms‘u yüklemektir. Piyasadaki en iyi WordPress iletişim formu eklentisidir ve tarih seçici alanlara sahip formlar da dahil olmak üzere WordPress sitenizde her türlü formu oluşturmayı çok kolaylaştırır.
Ayrıntılı talimatlar için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza göz atmak isteyebilirsiniz.
Not: Bu kılavuz için WPForms’un premium sürümünü kullanmanız gerekir, çünkü tarih seçici alanı burada mevcuttur. Bununla birlikte, WPForms kuponumuzu kullanırsanız, normal fiyattan %50 indirim alabilirsiniz.
Daha fazla ayrıntı için WPForms incelememizin tamamını görebilirsiniz.
Etkinleştirmenin ardından, WordPress panonuzdan WPForms ” Yeni Ekle sayfasına gidin.
Bu sizi ‘Bir Şablon Seçin’ sayfasına yönlendirecektir.
Bir şablon seçmeden önce, daha sonra kolayca tanımlayabilmeniz için WordPress formunuzu adlandırmak iyi bir fikirdir.
Aşağı kaydırdığınızda, burada birçoğunda tarih aralığı alanı bulunan bir dizi önceden hazırlanmış form şablonu göreceksiniz.
Örnek olması açısından, Basit İletişim Formu şablonunu kullanacağız ve ardından tarih seçici alanını buna ekleyeceğiz. Ancak size en uygun şablonu seçmekten çekinmeyin.
Seçiminizi yaptıktan sonra ‘Şablonu Kullan’ düğmesine tıklamanız yeterlidir.
Adım 2: WordPress Formunuza Tarih Seçici Alanı Ekleyin
Şimdi, WPForms form oluşturucusuna ulaşacaksınız. Sol sütunda alan seçeneklerini 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 yorumlar alanı eklenir.
Gösterim amacıyla, WordPress formunuza nasıl tarih alanı ekleyeceğinizi göstereceğiz. Ancak şablonunuzda zaten varsa, bu adımın düzenleme bölümüne geçebilirsiniz.
Yapmanız gereken, sol sütundaki Süslü Alanlar bölümüne ilerlemek ve burada ‘Tarih / Saat’ alanını görmektir.
Bu alanı formunuzda istediğiniz yere sürükleyip bırakmanız yeterlidir. Bu eğitimde, 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ındaki ‘Alan Seçenekleri’ sekmesini açacaktır.
Buradan, varsayılan olarak ‘Tarih / Saat’ olan alanın etiketini değiştirebilirsiniz. Biz alanımız için ‘Telefon Görüşmesi için Tercih Edilen Zaman’ ifadesini kullanacağız.
Biçim açılır menüsünü kullanarak alanın tarih biçimini de değiştirebilirsiniz. Seçenekler Tarih ve Saat, Tarih veya Yalnızca Saat şeklindedir. Kullanıcıların doğum tarihlerini toplamak için zaman alanı olmadan sadece tarih kullanmak istiyorsanız bu yararlı 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, bunu zorunlu bir alan yapmak istiyorsanız ‘Gerekli’ kutusunu işaretleyebilirsiniz. Bu, kullanıcının formu göndermeden önce bir tarih ve saat seçmesi gerektiği anlamına gelir.
Bunu yaptıktan sonra, form ayarlarınızı saklamak için üstteki ‘Kaydet’ düğmesine tıklayın.
Profesyonel İpucu: Bir konaklama sitesi işletiyorsanız ve kullanıcıların konaklamaları için belirli tarihler girmelerini istiyorsanız, Otel Rezervasyon Formu şablonunu kullanabilirsiniz. İki tarih seçici alan içerir: biri varış tarihi ve diğeri ayrılış tarihi için.
Adım 3: Tarih Saat Seçici için Gelişmiş Seçenekleri Yapılandırma
Varsayılan olarak, WordPress formunuzdaki tarih aralığı seçici alanı, yanında bir zaman açılır menüsü olan bir takvim olacaktır.
Geçerli tarih seçilecektir, ancak kullanıcı farklı bir tarih seçmek için bunu değiştirebilir. Tarih formatı ay/gün/yıl şeklindedir.
Bu arada, saat açılır menüsü varsayılan olarak 30 dakikalık aralıklarla 12 saatlik bir saate ayarlanır.
Kullanıcılar daha sonra kendileri için en uygun zaman aralığını seçebilirler.
Bazı durumlarda, tarih seçici ayarlarını değiştirmek isteyebilirsiniz. Örneğin, ülkeniz varsayılanlar 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 bir tarih açılır menüsüne değiştirebilirsiniz.
Formda sınırlı alan varsa ve takvim oldukça küçük görünüyorsa, tarih takvimi seçicisini tarih açılır menüsüne dönüştürmek 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 tarih seçicisini seçerseniz, ‘Tarih’ alanına yer tutucu metin de ekleyebilirsiniz. Kullanıcıların kafalarının karışmaması için hangi formatı kullandığınızı bilmelerini sağlamak amacıyla bu alanı tarih formatınızla doldurabilirsiniz.
Ayrıca, seçilebilecek tarih aralığını ayarlamak için ‘Günleri Sınırla’ anahtarını etkinleştirebilirsiniz. Hizmetlerinizi yalnızca hafta içi çalıştırıyorsanız bu yararlı olacaktır.
Önceki tarihlerin seçilmesini önlemek için geçmiş tarihleri devre dışı bırakmaktan da çekinmeyin.
Ardından, zaman seçiciyi değiştirmek için ‘Zaman’ bölümüne geçelim.
Burada, aralığı 30 dakika yerine 15 dakika veya 1 saat olarak değiştirebilirsiniz. Hangi saat biçimini kullandığınızı göstermek için buraya yer tutucu metin girmeniz de iyi olur.
Saat seçici varsayılan olarak 12 saatlik bir saate ayarlıdır, ancak tercih ederseniz bunu 24 saatlik bir saate değiştirebilirsiniz.
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 çalışma 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 daha sonra kod kullanarak formun stilini geçersiz kılmak için bunu kullanabilirsiniz.
Son olarak, gerekirse form alanı etiketini ve/veya alt etiketini gizleyebilirsiniz.
Yeni formunuzdan memnun olduğunuzda, ekranın sağ üst köşesindeki ‘Kaydet’ düğmesine tıklayarak formu kaydedebilirsiniz.
Adım 4: WordPress Formunu Web Sitenize Yerleştirin
Artık tarih seçicili yeni formunuzu WordPress web sitenize eklemeye hazırsınız. Bunu yapmak için form oluşturucunun üst kısmındaki ‘Yerleştir’ düğmesine tıklamanız yeterlidir.
Formu eklemek için mevcut bir sayfayı seçmenizi veya form için sıfırdan 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. Bundan sonra, WordPress blogunuzda veya web sitenizde zaten var olan sayfalardan birini seçin ve ‘Hadi Gidelim!
Formu yeni bir sayfaya eklemek istiyorsanız, ‘Yeni Sayfa Oluştur’ düğmesine tıklamanız yeterlidir.
Ardından, yeni sayfanıza bir isim verin ve ‘Hadi Gidelim!
Bu yöntemlerin her ikisi de sizi WPForms bloğunun nasıl ekleneceğine ilişkin bazı talimatlar göreceğiniz blok düzenleyicisine götürecektir.
İlk olarak, ‘+’ blok ekle düğmesine tıklayın.
Ardından, blok arama çubuğuna ‘WPForms’ yazın.
Bloğu sayfada en iyi görünen yere sürükleyip bırakmanız yeterlidir.
Şimdi tek yapmanız gereken açılır menüye tıklamak.
Ardından, yeni oluşturduğunuz formu seçin.
Blok ayarları kenar çubuğunda, form alanını, etiketi ve düğme stillerini WordPress temanızla daha güzel görünecek şekilde özelleştirebilirsiniz.
Her bir öğenin boyutunu, kenarlık yarıçapını ve renklerini değiştirebilirsiniz.
Artık formu web sitenizde canlı hale getirmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayabilirsiniz.
WordPress web sitenizde buna benzer bir şey görünmelidir:
Form widget’ını bir sayfa yerine bir gönderiye eklemek istiyorsanız, blok düzenleyicide yeni bir gönderi oluşturabilir veya mevcut bir gönderiyi açabilirsiniz.
Bundan sonra, WPForms bloğunu bu yöntemdeki gibi bir sayfaya eklemek için aynı adımları izleyin.
WPForms Bloğunu Widget’a Hazır Bir Alana Ekleme
Klasik bir WordPress teması kullanıyorsanız, formunuzu widget’a hazır bir üstbilgi, altbilgi veya kenar çubuğu alanında görüntülemek isteyebilirsiniz. Formunuz oldukça kısaysa ve çok fazla yer kaplamıyorsa bu iyi bir fikir olabilir.
Not: Bir blok tema kullanıyorsanız, bu yöntem web siteniz için çalışmayacaktır.
Bunu yapmak için WordPress yönetici alanından Görünüm “ Widget ‘lar bölümüne gidin. Ardından, istediğiniz widget’a hazır alana gidin ve içindeki beyaz ‘+’ blok ekle düğmesine tıklayın. Bundan sonra WPForms bloğunu arayabilirsiniz.
İki seçenek görürseniz, her ikisi de aynı şeyi yaptığından birini seçebilirsiniz.
Önceki yöntemde olduğu gibi, daha önce oluşturduğunuz formu seçmeniz yeterlidir. Blok ayarları kenar çubuğunda, tasarımı WordPress temanıza daha iyi uyacak şekilde yapılandırabilirsiniz.
Düzenlemelerden memnun olduğunuzda, ‘Güncelle’ düğmesine tıklayın.
Bu kadar!
İşte formumuzun bir WordPress blog yazısının altında nasıl göründüğü:
WordPress Formunuzu Bir Kısa Kodla Yerleştirin
WPForms bloğu veya widget ‘ı çalışmazsa, WordPress formunuzu bir kısa kod kullanarak da ekleyebilirsiniz.
‘Sayfaya Yerleştir’ açılır penceresinde, ‘kısa kod kullan’ bağlantısını tıklamanız yeterlidir. Ardından kopyalayıp bir sayfaya, gönderiye veya widget’a hazır alana 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 Formunuzu Optimize Etmek İçin Nihai İpuçları
Artık formlarınıza nasıl tarih seçici alan ekleyeceğinizi bildiğinize göre, formlarınızı bir sonraki seviyeye taşımak için en iyi ipuçlarını ele alalım:
- Form gönderenlerinizeonay e-postaları gönderin – Bu şekilde, kullanıcılar girişlerini başarıyla aldığınıza dair bir bildirim alacak ve hangi tarih veya saati seçtiklerini unutmayacaklardır.
- Formlarınızda çevrimiçi ödemeleri kabul edin – WPForms, Stripe, PayPal, Square ve Authorize.net gibi popüler ödeme ağ geçitlerini destekler. Tek seferlik veya yinelenen ödemeleri toplayabilirsiniz ve ek işlem ücreti yoktur.
- Uzun formlarınızı etkileşimli hale getirin – Çok sayıda bilgi yakalamanız gereken bir etkinlik veya kullanıcı kayıt formunuz varsa, bunu etkileşimli hale getirmek form tamamlama oranını artırabilir.
- İletişim formu spam’ini önleyin – Spam içeren form girişlerimizi filtrelemek için WPForms’un yerleşik anti-spam korumasını ve reCAPTCHA onay kutusunu etkinleştirebilirsiniz.
- İletişim formu tasarımı en iyi uygulamalar listemizi takip edin – Bu kılavuz, düzenli 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 konusundaki uzman kılavuzumuzu okuyun – WPForms kurucu ortağı Jared Atchison, koşullu mantık kullanmaktan zengin medya içeriği eklemeye kadar formları nasıl daha ilgi çekici hale getireceğiniz konusunda size ipuçları veriyor.
Umarız bu makale tarih seçicili bir WordPress formunun nasıl oluşturulacağını öğrenmenize yardımcı olmuştur. WordPress’te çok sayfalı bir formun nasıl oluşturulacağına ilişkin makalemize ve en iyi WordPress anket eklentileri listemize de göz atmak isteyebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Alessandra Del Puglia says
hi, how can i do to disable certain days of the week?
Thanks
WPBeginner Support says
Reach out to WPForms’ support for the current methods of limiting the days of the week
Yönetici