WordPress'e HTML Formları Nasıl Eklenir (2 Yöntem)

Kullanıma hazır bir HTML formunuz var, ancak bunu WordPress'e eklemek zor olabilir ve çok fazla test gerektirir.

Nedeni basit: WordPress'e HTML formları eklemek, düzgün çalıştıklarından ve sitenizle sorunsuz bir şekilde entegre olduklarından emin olmak için doğru yaklaşımı gerektirir.

WordPress, formları normal bir HTML web sitesinin yaptığı gibi işlemez. Form kodunu kopyalayıp yapıştırırsanız, genellikle birkaç ek adım olmadan düzgün çalışmaz.

Kendi sitelerimizde WPForms eklentisini kullanıyoruz çünkü tüm kurulumu bizim için hallediyor. Bununla birlikte, birçok kullanıcının işleri hafif tutmak, kodları üzerinde tam kontrol sahibi olmak veya başka bir eklenti eklemekten kaçınmak için özel HTML formlarını kullanmayı tercih ettiğini biliyoruz.

Bu kılavuzda, WordPress'e HTML formları eklemenin 2 kolay yolunu göstereceğiz, böylece formunuz doğru görünür, beklendiği gibi çalışır ve sitenizi bozmaz. 💡

HTML Formları Nedir ve Neden Oluşturulur?

HTML formları diğer site formları gibi çalışır. Ziyaretçilerin isim, e-posta adresleri, geri bildirim, siparişler ve daha fazlası gibi bilgileri girmelerine ve göndermelerine izin verirler.

Onları farklı kılan şey, HTML formlarının sürükle-bırak görsel düzenleyici yerine kod kullanılarak oluşturulmasıdır, bir form eklentisi gibi. Bu, metin kutuları, onay kutuları, radyo düğmeleri ve açılır menü alanları gibi alanları kendiniz tanımlamanız gerektiği anlamına gelir.

HTML kullanarak sıfırdan form oluşturmanın bazı avantajları şunlardır:

• Optimize Edilmiş Performans. HTML formları, kod hafif olduğu için daha hızlı yüklenir ve daha az bellek kullanır.
• Kontrol. Bir form oluşturucunun özellikleriyle sınırlı olmadığınız için formun tasarımı ve işlevselliği üzerinde tam kontrole sahip olacaksınız.
• Özelleştirme. HTML formları tam olarak ihtiyaçlarınıza göre uyarlanabilir ve daha esnek form özelleştirme seçenekleri sunar.

Sıfırdan HTML formları oluşturmak kodlama pratiği yapmak ve öğrenmek için harika bir yol olsa da, kendi zorlukları vardır.

Formun farklı web tarayıcılarında farklı çalıştığı tarayıcılar arası uyumluluk sorunları yaşayabilirsiniz.

Ayrıca, deneyimlerimize dayanarak, form doğrulamasını JavaScript ile yönetmek zor olabilir. Tüm kullanıcı girişlerini doğru bir şekilde toplayıp işleyebildiğinizden emin olmak için kapsamlı test gerektirir.

Özetle, HTML formlarını elle kodlamanın temel avantajları ve zorlukları şunlardır:

✅ Faydalar	🛑 Zorluklar
Daha hızlı sayfa yükleme süreleri hafif kod ile	Farklı tarayıcılar arasında uyumluluğu sağlama
Tasarım ve işlevsellik üzerinde tam kontrol	Form doğrulama ve hata işleme oluşturma
Belirli gereksinimler için hassas özelleştirme	Spam korumasını manuel olarak ayarlama
Performans optimizasyonu için daha iyi fırsatlar	Sunucu tarafı yapılandırmasını ve işlemesini yönetme

Çoğu WordPress kullanıcısı, eklentilerin en iyi orta yolu sunduğunu düşünmektedir. Manuel sunucu yapılandırmasının karmaşıklığı olmadan size HTML özelleştirme seçenekleri sunar.

Bununla birlikte, bu karmaşıklıklar olmadan HTML formları eklemenin yolları vardır. Yani, bir WordPress blogunu, iş sitesini veya çevrimiçi mağazayı yönetiyor olsanız da, sıfırdan kodlama yapmadan sitenize kolayca HTML formları ekleyebilirsiniz.

Sonraki bölümlerde, WordPress'e HTML formlarının nasıl ekleneceğini göstereceğiz. İşte bu kılavuzda ele alacağımız 2 yöntemin hızlı bir özeti:

• Yöntem 1: HTML Formlarını WordPress'e HTML Forms Eklentisi Kullanarak Ekleme (Kolay)
• Yöntem 2: WPForms ile WordPress Formlarına Özel HTML Ekleme
• Bonus İpucu: Özel Bir HTML Sayfasını WordPress'e Yükleme
• SSS: WordPress'e HTML Formları Nasıl Eklenir
• Ek Kaynaklar: Daha Fazla WordPress Form Rehberi

Hazır mısınız? Başlayalım.

Yöntem 1: HTML Formlarını WordPress'e HTML Forms Eklentisi Kullanarak Ekleme (Kolay)

🎖️ En İyisi: Hafif, performansa odaklı bir çözümle tam HTML kontrolü isteyen geliştiriciler ve site yöneticileri. Eklenti, görsel oluşturucular yerine basitliği ve hızı vurgular.

WordPress'in varsayılan olarak ham HTML form gönderimlerini işlemediği için, bir WordPress web sitesine HTML formu eklemenin kolay bir yolu, HTML Forms gibi ücretsiz bir form eklentisi kullanmaktır. Bu, HTML'i kendiniz yazmanıza izin verirken, verileri toplamak ve size e-posta ile göndermek için gerekli arka uç kodu sağlar.

10.000'den fazla aktif kurulumu ve WordPress.org'da 5 üzerinden 4.9 yıldız derecelendirmesiyle, her şeyi tek bir yerde HTML formları oluşturmak ve yapılandırmak için güvenilir bir araçtır, böylece sunucu tarafı yapılandırmasıyla uğraşmak zorunda kalmazsınız.

Başlamak için, eklentinin WordPress web sitenize yüklendiğinden emin olalım.

Sol kenar çubuğundan WordPress kontrol panelinize gidin, Eklentiler » Yeni Ekle'ye gidin ve eklentiyi bulmak için arama kutusunu kullanın.

Arama sonucunda gördüğünüzde, 'Şimdi Yükle' ve ardından 'Etkinleştir'e tıklayın. Yardıma ihtiyacınız olursa, WordPress eklentisi yükleme hakkındaki adım adım kılavuzumuzu takip edebilirsiniz.

Etkinleştirdikten sonra, iletişim formunuzu oluşturmaya başlamak için WordPress yönetici kontrol panelinizdeki sol kenar çubuğundan HTML Forms » Yeni Ekle'ye gidebilirsiniz.

Bu sizi 'Yeni Form Ekle' sayfasına yönlendirecektir.

Buradan yapmanız gereken ilk şey, formu 'Form Başlığı' alanına yazarak adlandırmaktır. Örneğin, formumuza 'Bülten Kaydı' adını verdik.

Ardından, alanın altındaki ‘Form Oluştur’ düğmesine tıklayın.

Bunu yaptıktan sonra, ‘Formu Düzenle’ sayfası görünecek ve HTML iletişim formunuzu özelleştirmeye başlayabilirsiniz.

Sayfanın üst kısmında, form başlığınız, kısa kod ve kısa kod dahil olmak üzere formunuzun ayrıntılarını göreceksiniz. Bunlar, ihtiyaç duyduğunuzda HTML Forms kontrol panelinde mevcut olacağından, bu ayrıntıları ezberlemeniz gerekmez.

Bu ayrıntıların altında menü sekmelerini bulacaksınız. 'Alanlar' sekmesinde, formlarınıza ekleyebileceğiniz 'Metin', 'Tarihler', 'Onay Kutuları' ve 'Radyo Düğmeleri' gibi çeşitli alan düğmelerini görebilirsiniz.

Şimdi biraz daha aşağı kaydırın.

Bu sekmenin altında, önizleme ile birlikte önceden oluşturulmuş bir HTML formu bulacaksınız.

Bu iletişim formu oldukça basittir. Kullanıcıların adlarını, e-posta adreslerini, kısa bir konuyu ve bir mesajı yazmaları için 4 alanı vardır.

Şimdi, e-posta bülteni aboneliği kaydı ile yeni bir alan eklemek istediğinizi varsayalım. O zaman 'Form Kodu'nun üzerindeki alan düğmelerinden birine tıklamanız yeterlidir.

Örneğin, bir açılır menü alanı kullanacağız ve bülten kaydı için ‘Evet/Hayır’ seçeneği oluşturacağız.

Buradan, ‘Açılır Liste’ye tıklamak isteyeceksiniz ve bu, açılır liste alanının yapılandırma seçeneklerini açacaktır. Alanın etiketi ve seçenekleri gibi ayrıntıları doldurmaya başlayabilirsiniz.

Ayrıntıları girdikten sonra, ‘Alana Form Ekle’ye tıklayabilirsiniz.

Ardından, 'Form Kodu' bölümünde açılır alan etiketini görmelisiniz. Göz atmak için sekmeyi aşağı kaydırmanız yeterlidir.

Bir sonraki adım, iletişim formunu yeniden düzenlemek.

İyi bir akış sağlamak için, açılır alanların 'E-posta' alanının hemen altında olmasını istersiniz.

Bu eklentinin sürükle ve bırak oluşturucusu olmadığından, kodu manuel olarak taşımanız gerekecektir. Devam edin ve açılış <p> etiketinden kapanış </p> etiketine kadar açılır alan kodunu kesin.

Ardından, bu kod parçasını 'E-posta' alanının kapanış etiketinden (genellikle </p> veya </label> gibi görünür) hemen sonra yapıştırın.

Varsayılan 'Konu' alanı, bir bülten kayıt formu için gerekli olmayabilir. Bu nedenle, alanı kaldırmanızı öneririz.

Bunu, hem açılış <p> hem de kapanış </p> etiketlerini içeren, Konu alanı etiketini ve girişini barındıran paragraf bloğunun tamamını silerek yapabilirsiniz.

Etiketleri taşıdıktan ve sildikten sonra, sekmeyi ‘Form Önizleme’ bölümüne kaydırmak isteyeceksiniz.

Bu bölümde, alanları hiçbir şeyi bozmadan başarıyla taşıyıp silip silmediğinizi kontrol edebilirsiniz. Aşağıdaki Form Önizlemesi'nde, Konu alanının form düzenini bozmadan kaybolduğunu doğrulayabilirsiniz. Ayrıca açılır menünün düzgün çalışıp çalışmadığını da kontrol edebilirsiniz.

Sonuçlardan memnun kaldığınızda, ‘Form Kodu’ bölümünün altındaki mavi ‘Değişiklikleri Kaydet’ düğmesine tıklayın.

Kaydetme işlemi bittiğinde, bu sayfanın üst kısmında 'Form güncellendi.' bildirimi görmelisiniz.

Şimdi, formun yapılandırmasını kontrol etmek isteyebilirsiniz. HTML Forms'un form gönderim onay mesajlarını nasıl yapılandırdığını görmek için ‘Mesajlar’ sekmesine geçelim.

Sekmeyi açmak için ‘Mesajlar’a tıklamanız yeterlidir.

Bu sekme, bir kullanıcının form gönderimi başarılı olduğunda ve benzeri durumlar için önceden hazırlanmış metni düzenlemenize olanak tanır.

Her şey size iyi görünüyorsa, olduğu gibi bırakabilirsiniz. Herhangi bir değişiklik yaparsanız, ilerlemenizi kaybetmemek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

Ardından, ‘Ayarlar’ sekmesine gidelim.

Varsayılan olarak, HTML Formları her form gönderimini kaydetmek için ‘Evet’ ve başarılı bir gönderimden sonra formu gizlemek için ‘Hayır’ olarak ayarlayacaktır. Bunu gerektiği gibi özelleştirebilirsiniz.

Ardından, ‘Başarılı Kayıtlardan Sonra URL’ye Yönlendir’ bölümünde, canlı bir web sayfasının URL'sini WordPress web sitenizden kopyalayıp yapıştırabilirsiniz. Alternatif olarak, alanı boş bırakabilir veya başarılı bir form gönderiminden sonra kullanıcıları mevcut sayfada tutmak için 0 girebilirsiniz.

Her şey ayarlandığında geriye kalan tek şey HTML formunu bir WordPress sayfasına eklemektir.

WordPress kontrol panelinden Gönderiler veya Sayfa » Tüm Gönderiler veya Tüm Sayfalar bölümüne gidelim.

Bu kılavuz için HTML formunu ‘İletişim’ sayfamıza ekleyeceğiz.

Bu nedenle, listedeki 'İletişim' sayfasının üzerine geleceğiz ve göründüğünde 'Düzenle'ye tıklayacağız.

Bu, 'İletişim' sayfasının blok düzenleyicisini başlatacaktır.

Editörde, formu eklemek için bir alan seçmeye başlayabilirsiniz. Ardından, bloklar arasındaki bir alana fareyle gelip ‘+’ düğmesine tıklayarak HTML Formları bloğunu ekleyin veya sol üst araç çubuğundaki blok ekleyici simgesine tıklayın.

Şimdi, blok ekleyici panelinin üst kısmındaki arama çubuğuna ‘HTML Formları’ yazarak bloğu hızlıca bulabilirsiniz. Arama sonucunu bulduğunuzda, tıklayın.

Ardından 'HTML Formları' bloğunda bir açılır menü göreceksiniz. Basitçe genişletin ve görüntülemek istediğiniz formu seçin. Burada, az önce oluşturduğumuz 'Bülten Kaydı' formunu seçiyoruz.

Form, içeriğinizi yayınladığınızda görünecektir. Bu nedenle, açılır menüden formu seçtikten sonra ‘Güncelle’ düğmesine tıklayabilirsiniz.

Formunuz artık yayında ve kullanıcılar bülteninize kaydolabilir. Sitenizde şuna benzer görünebilir:

Form gönderimlerini görmek için öncelikle HTML Formları » Tüm Formlar bölümüne gidebilirsiniz. Bu sizi tüm HTML Formlarınızın listesine götürecektir.

Ardından, bir formun üzerine gelin ve göründüğünde 'Gönderimler' düğmesine tıklayın.

Buradan tüm form gönderimlerinizi görebilirsiniz.

‘Gönderimler’ tablosu, kullanıcıların formunuza doldurduğu tüm bilgileri detaylandırır. Ardından, formun ne zaman gönderildiğini belirten ‘Zaman Damgası’ sütunu bulunur.

Örneğin, burada ilk gönderim ‘Kullanıcı 1’ tarafından yapıldı.

Tablodan, kullanıcının formu 25 Haziran'da saat 13:00 civarında gönderdiğini görebiliriz. Ayrıca, ‘Kullanıcı 1’, ‘Bültenimize abone olmak ister misiniz’ sorusuna ‘Belki Daha Sonra’ yanıtını verdi. Bu durumda, e-posta adreslerini posta listenize eklememelisiniz.

Yöntem 2: WPForms ile WordPress Formlarına Özel HTML Ekleme

🎖️ En iyi: Kodlama gerektirmeden dakikalar içinde profesyonel formlar isteyen teknik olmayan kullanıcılar için. WPForms, sezgisel sürükle ve bırak arayüzü ile hızlı bir şekilde güzel formlar oluşturmayı mümkün kıldığı için kullanıcılar tarafından övülmektedir.

Başka bir yaklaşım da, 6 milyondan fazla aktif kurulumu ve 14.000'den fazla incelemeden 5 üzerinden 4,8 yıldız derecelendirmesiyle en üst düzey WordPress form eklentisi olan WPForms gibi görsel bir iletişim formu oluşturucu kullanmaktır.

Bu, formu görsel olarak oluşturmak istediğiniz ancak bir bağlantı, metin biçimi veya araç ipucu gibi belirli HTML öğelerini kod kullanarak eklemeniz gerektiği durumlarda en iyi seçenektir.

Örneğin, özel HTML'yi kullanarak bir ödeme formunda ‘İade ve İadeler Politikası’ sayfanıza bir bağlantı ile kısa bir uyarı mesajı gösterebilirsiniz.

Ya da kullanıcıların formu tamamlama durumlarını bilmeleri için bir ilerleme çubuğu ekleyebilirsiniz. Özel HTML, ifadeler eklemenize veya bir araç ipucu eklemenize bile olanak tanır.

Bu yöntemde, WordPress formlarınızı WPForms, yani WordPress için en iyi form oluşturucu ile özelleştirmek için HTML kod parçacıklarını nasıl ekleyeceğinizi göstereceğiz.

WPForms Hakkında Daha Fazla Bilgi

WPForms, 6 milyondan fazla aktif kurulumuyla en popüler WordPress form oluşturucudur.

Sürükle ve bırak oluşturucusunun ötesinde, özel geliştirme gerektirmeden formlarınızı genişletebilecek eklenti ve entegrasyonlardan oluşan büyük bir kütüphane içerir. Örneğin, şunları yapabilirsiniz:

• Form terkini izleyin ve kurtarın (Elite planı)
• Sohbet formları oluşturun (Pro planı)
• Anketler ve oylamalar yapın (Pro planı)
• Stripe, PayPal, Square ve Authorize.Net aracılığıyla ödeme kabul edin (Plus planı)
• Dijital imzalar toplayın (Pro planı)
• WordPress kullanıcılarını otomatik olarak kaydedin (Pro planı)

Ücretsiz WPForms Lite sürümü, temel form oluşturucuyu ve temel alanları içerir. Bu öğreticide kullanılan HTML alanı, premium bir lisans (Temel veya daha üstü) gerektirir. Planlara göre kullanılabilirlik değişir: HTML alanı Temel (49,50 $/yıl) ve çoğu gelişmiş eklenti Pro (199,50 $/yıl) veya Elite (299,50 $/yıl) gerektirir.

WPBeginner olarak, iletişim formları, yıllık anketler ve site taşıma istek formları için WPForms kullanıyoruz çünkü formları elle kodlamaktan çok daha kolay bir şekilde oluşturmamızı ve yönetmemizi sağlıyor.

Bu eklenti hakkında daha fazla bilgiyi detaylı WPForms incelememizde bulabilirsiniz.

Başlamadan önce, HTML alanını (Temel plan veya daha üstü) içeren premium lisanslı bir WPForms hesabınız olduğundan emin olalım.

WPForms web sitesinde, ‘Şimdi WPForms Al’ düğmesine tıklayın, HTML alanını içeren bir plan seçin (Temel veya daha üstü lisans 49,50 $/yıl veya daha fazla) ve ödemeyi tamamlayın.

Kaydolduktan sonra, kendi WPForms kontrol panelinize sahip olacaksınız, buradan WPForms zip dosyanızı indirebilir ve lisans anahtarınızı kopyalayabilirsiniz.

Şimdi, WPForms'u WordPress web sitenize yüklemeye ve etkinleştirmeye hazırsınız.

WordPress kontrol panelinizden Eklentiler » Yeni Ekle'ye gidin ve üstteki ‘Eklenti Yükle’ düğmesine tıklayın.

Şimdi dosya yükleyiciyi görmelisiniz.

Yerel bilgisayarınızdan WPForms zip dosyanızı yüklemek için ‘Dosya Seç’e tıklayın. Ardından, ‘Şimdi Yükle’ye ve sonra ‘Etkinleştir’e tıklayın.

Yardıma ihtiyacınız olursa, lütfen WordPress eklentisi nasıl kurulur hakkındaki kılavuzumuza bakın.

Etkinleştirdikten sonra, lisans kodunuzu girmek için WPForms » Ayarlar bölümüne gidebilirsiniz. Anahtarı girdikten sonra, doğrulamayı başlatmak için ‘Anahtarı Doğrula’ düğmesine tıklamanız yeterlidir.

Bunu yaptıktan sonra, formunuzu oluşturmaya ve özel HTML eklemeye başlayabilirsiniz.

Bu kılavuzda, iletişim formunuza basit bir araç ipucu eklemeyi göstereceğiz.

Bir araç ipucu, fareyi bir web öğesinin üzerine getirdiğinizde görünen küçük bir açılır kutu gibidir. Kullanıcıların bulundukları sayfadan ayrılmadan veya tıklamadan belirli bir web öğesi hakkında daha fazla bilgi edinmelerini sağladığı için kullanışlıdır.

Ancak önce iletişim formunu oluşturalım. Başlamak için WordPress yönetici alanınızdan WPForms » Yeni Ekle'ye gidin.

Bu, 'Kurulum' panelini açacaktır; burada önce formunuza bir ad vermeniz gerekecektir. Bu ad yalnızca dahili referans amaçlıdır, bu nedenle istediğiniz herhangi bir şeyi kullanabilirsiniz.

Bir sonraki adım, formunuzu nasıl oluşturmak istediğinizi seçmektir.

WPForms ile yapay zeka form oluşturucuyu (Temel plan veya üstü), önceden hazırlanmış bir şablonu kullanarak veya sıfırdan formlar oluşturabilirsiniz.

Yapay zeka destekli oluşturucuyu kullanmak istiyorsanız, tek yapmanız gereken basit bir komut istemi girmektir. Yapay zeka daha sonra birkaç saniye içinde sizin için formu oluşturacaktır.

Ancak bu eğitim için önceden oluşturulmuş bir şablon kullanacağız.

Seçenekler arasında 2.100'den fazla form şablonu olduğundan, bunları hızlı bir şekilde filtrelemek için arama çubuğunu kullanabilirsiniz. Bunu yapmak için 'İletişim Formu' yazmanız ve aramanın tamamlanmasını beklemeniz yeterlidir.

Formun nasıl göründüğünü görmek için her arama sonucunu keşfetmek istiyorsanız, önizleme özelliğinden yararlanabilirsiniz. Form şablonunun üzerine gelin ve ‘Demo Görüntüle’ye tıklayın.

İhtiyaçlarınız için mükemmel iletişim formunu bulduğunuzda, tekrar üzerine gelin ve 'Şablonu Kullan'a tıklayın.

Bu, form oluşturucuyu başlatacaktır.

Artık tüm özelleştirme araçları sol panelde ve formun canlı önizlemesi ekranınızın sağ tarafında.

Bu sayfada, sol paneldeki öğeleri canlı önizlemeye eklemek için sürükle ve bırak özelliğini kullanabilirsiniz. Alanları canlı önizlemede taşımak için de bu özelliği kullanabilirsiniz.

HTML alanını forma eklemeyi deneyelim. Tek yapmanız gereken sol panelde aşağı kaydırıp ‘HTML’i forma sürükleyip bırakmak.

HTML alanını ekledikten sonra, özelleştirme seçeneklerini açmak için üzerine tıklayabilirsiniz. Burada yapılacak ilk şey, alanın 'Etiket'ini doldurmaktır. Boş da bırakabilirsiniz.

Ardından, özel HTML kodunu ‘Kod’ alanına yapıştıracaksınız.

Bir araç ipucu oluşturmak için <span> etiketini kullanabilir veya aşağıdaki kodu kopyalayıp 'Kod' alanına yapıştırabilirsiniz:

<span title="We have cool stuff to share every week. :)">Hi there! We have an email newsletter you might want to subscribe to. Let us know in the Comment or Message field, and we'll sign you up.</span>

Bu sadece örnek bir koddur, bu nedenle metni ihtiyaçlarınıza uyacak şekilde düzenlemekten çekinmeyin. Kodun title="" kısmı, web tarayıcısına fareyle üzerine gelindiğinde açılan kutu efektini oluşturmasını söyleyen kısımdır!

WPForms'un HTML kodunu form oluşturucu önizlemesinde göstermediğini unutmayın. Alanı önizlemek ve her şeyin doğru olduğundan emin olmak için önce değişiklikleri kaydedebilir ve 'Önizleme'ye tıklayabilirsiniz.

Bu sizi yeni bir sekmeye götürecektir.

Şimdi, ipucunuz için HTML kod parçacığının düzgün çalışıp çalışmadığını test edelim. Basitçe metnin üzerine gelin ve ipucunun birkaç saniye görünmesini bekleyin.

Sonuçtan memnun kaldığınızda, formunuzu sonlandırmak için form oluşturucuya geri dönebilirsiniz.

Form bildirim ve onay ayarlarınız WPForms'ta zaten ayarlanmıştır. Ancak, bunları özelleştirmek istiyorsanız, 'Ayarlar' ve ardından 'Bildirimler' veya 'Onaylar' bölümüne gidin.

'Bildirimler' bölümünde, iletişim formu gönderiminiz için birden fazla alıcı ekleyebilirsiniz.

Birden fazla alıcı eklemek için e-posta adreslerini virgülle ayırın: email1@example.com, email2@example.com, email3@example.com. Ek talimatlar için 'E-posta Adresine Gönder' alanının yanındaki soru işareti düğmesinin üzerine de gelebilirsiniz.

E-posta konu satırınız için önceden hazırlanmış metni de düzenleyebilirsiniz.

Örneğin, bizinkini 'Yeni Giriş: İletişim Formu'ndan 'Postanız var: Yeni iletişim.' olarak değiştirdik.

Bildirimlerinizi özelleştirdikten sonra, ‘Onay’ paneline geçmek isteyeceksiniz.

Varsayılan olarak WPForms, onay türünüzü 'Mesaj' olarak ayarlar ve sizin için hazır önceden hazırlanmış kopyaya sahiptir. İstiyorsanız bu ayarları kesinlikle değiştirebilirsiniz.

Bir onay mesajı göstermenin yanı sıra, kullanıcıları yeni bir sayfaya veya belirli bir URL'ye yönlendirebilirsiniz.

Her şey ayarlandıktan sonra, WordPress formunu yayınlama ve gömmek zamanı.

Yayınlamaya başlamak için form oluşturucunun sağ üst köşesindeki turuncu 'Göm' düğmesine tıklayın.

WPForms daha sonra formu mevcut bir sayfaya mı yoksa yeni bir sayfaya mı eklemek istediğinizi soracaktır. Bu kılavuzda 'Mevcut Sayfayı Seç' seçeneğini seçeceğiz.

Bir sonraki açılır pencerede, mevcut sayfalar listesinden bir sayfa seçeceksiniz. Ardından, sayfanın blok düzenleyicisine gitmek için 'Hadi gidelim!' düğmesine tıklayabilirsiniz.

Şimdi, bloklar arasındaki bir alana fareyle gelip '+' düğmesine tıklayabilir veya sol üst araç çubuğundaki blok ekleyici simgesine tıklayabilirsiniz. WPForms bloğunu seçin.

Ardından, WPForms bloğunun açılır menüsünden bir form seçebilirsiniz.

Bir form seçtiğinizde, WPForms onu seçilen içerik alanına yükleyecektir. Formun başlığını göstermek istiyorsanız, sağ paneldeki 'Blok' sekmesine gidebilir ve 'Başlığı Göster' kaydırıcısını açabilirsiniz.

Her şeyden memnun kaldığınızda, 'Güncelle' düğmesine basın.

Ve tamamlandı! WPForms iletişim formunuza özel HTML eklediniz ve WordPress web sitenizde yayına aldınız.

Artık kullanıcılar formu doldurmaya başlayabilir ve muhtemelen e-posta bülteninize kaydolabilir.

Tüm WPForms form gönderimlerinizi görmek için WPForms » Tüm Formlar yolunu izleyin.

Ardından, ‘İletişim Formu’ veya listedeki herhangi bir formun üzerine gelip düğme göründüğünde ‘Girdiler’e tıklayabilirsiniz.

Bir sonraki ekranda, tüm form gönderimlerinizi görebilmelisiniz.

Tablo, kullanıcıların formla birlikte gönderdiği tüm bilgileri ve gönderim zamanını ayrıntılı olarak listeler.

Örneğin, 2 Temmuz'da saat 08:00 civarında, 'Kullanıcı 3', e-posta bültenine abone olmak istediğini söyledi ve müşteri destek ekibimize nasıl ulaşılacağı konusunda bir soru bıraktı.

Ayrıca ‘Eylemler’ sütununu da görebiliriz. Bu sütunda ‘Görüntüle,’ ‘Düzenle,’ ‘Spam’ ve ‘Çöp’ gibi çeşitli düğmeler bulunur.

'Görüntüle'ye tıklarsanız, WPForms sizi bir girdinin özel genel bakış sayfasına götürecektir. Bu sayfada eklenti, iki eklentiyi etkinleştirmenizi teşvik eder.

İlk olarak, kullanıcının formu nereden gönderdiğini izlemek için Coğrafi Konum eklentisi bulunur. İkincisi ise, kullanıcının 'Gönder' düğmesine tıklayana kadar sitenizdeki yolunu analiz etmenize yardımcı olabilecek Kullanıcı Yolculuğu eklentisidir.

Daha optimize edilmiş form performansı için bu eklentileri yüklemenizi ve etkinleştirmenizi öneririz. Her iki eklentinin de Pro lisans (199,50 $/yıl) veya daha yüksek sürümlerde mevcut olduğunu unutmayın.

Sahte gönderimleri işaretlemek ve girişlerinizden kaldırmak için 'Spam' ve 'Çöp' düğmeleri kullanışlıdır. Sahte form gönderimlerini azaltma hakkında daha fazla bilgi edinmek için iletişim formu spam'ini nasıl engelleyeceğiniz konusundaki kılavuzumuzu okuyabilirsiniz.

Bonus İpucu: Özel Bir HTML Sayfasını WordPress'e Yükleme

WordPress sitenize özel bir HTML sayfası yüklemenin bir yolunu da arıyor olabilirsiniz. Bu, kullanmak istediğiniz statik bir şablonunuz veya eski bir web sitesinden bir HTML sayfanız varsa kullanışlı olabilir.

Genel olarak, bir Dosya Yöneticisi eklentisi veya bir FTP istemcisi kullanarak ayrı CSS veya resim dosyaları olmayan tek bir HTML sayfasını yükleyebilirsiniz.

Ancak, yüklemek istediğiniz sayfa ayrı CSS dosyaları ve resimler içeriyorsa, bunları HTML dosyanızda kullanılanla aynı dizin yapısını koruyarak bir klasöre yüklemeniz gerekir.

WordPress'in en iyi SEO eklentisi olan AIOSEO, özel HTML sayfanızı XML site haritalarınıza ekleyerek arama motorlarının bulmasına yardımcı olabilir.

Daha fazla bilgi edinmek için, yeni başlayanlar için hazırladığımız WordPress'e 404 hatası olmadan HTML sayfası nasıl yüklenir kılavuzumuza bakın.

SSS: WordPress'e HTML Formları Nasıl Eklenir

HTML formlarını WordPress'e kolayca eklemenize yardımcı olmak için bazı yaygın soruları yanıtladık.

WordPress'te HTML formum neden çalışmıyor?

Bu yaygın bir sorundur. WordPress'te, bir HTML formu yapıştırmak genellikle çalışması için yeterli değildir.

Form doğru görüntüleniyor olsa da, WordPress form gönderimlerini otomatik olarak işlemez. Temel bir HTML sitesinin aksine, birisi Gönder'e tıkladığında verileri işleyecek yerleşik bir betik yoktur.

Formu işlevsel hale getirmek için gönderimleri işlemek üzere özel PHP kodu eklemeniz veya bu işlemi sizin için yapan bir eklenti kullanmanız gerekecektir.

Form gönderimlerimin iletildiğinden nasıl emin olabilirim?

En kolay seçenek, WPForms veya Formidable Forms gibi bir iletişim formu eklentisi kullanmaktır. Bu eklentiler, girişleri kaydetme, e-posta bildirimleri gönderme ve spam'i engelleme dahil olmak üzere her şeyi arka planda halleder, böylece her şeyi kendiniz ayarlamak zorunda kalmazsınız.

HTML kullanırsam formlarımı yine de özelleştirebilir miyim?

Evet, kesinlikle. HTML kullanmak, formunuzun nasıl göründüğü ve çalıştığı üzerinde tam kontrol sahibi olmanızı sağlar. Yalnızca şunlar gibi diğer her şeyden de sorumlu olacağınızı unutmayın:

• Formu kendi CSS'nizle stilize etme
• Özel kodla doğrulama, hata mesajları veya koşullu mantık ekleme
• Formun farklı cihazlarda ve tarayıcılarda düzgün çalıştığından emin olmak

Yani evet, tam esnekliğe sahipsiniz, ancak aynı zamanda tam sorumluluğa da sahipsiniz.

Ek Kaynaklar: Daha Fazla WordPress Form Rehberi

Umuyoruz ki bu makale, WordPress'te HTML formlarının nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Sonra, aşağıdaki kılavuzlarımıza göz atmak isteyebilirsiniz:

• WordPress'te Nasıl Rezervasyon Formu Oluşturulur (Kolay Yöntemler)
• WordPress'te Çok Dilli Formlar Nasıl Oluşturulur
• WordPress'te Konuşma Biçimleri Nasıl Oluşturulur
• WordPress Form Girişlerini CSV ve Excel'e Aktarma
• WordPress Formlarını Kullanma Kılavuzu

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.