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

Kullanmaya hazır bir HTML formunuz var, ancak bunu WordPress'e eklemek deneme yanılma haline geliyor.

Neden basit: WordPress formları normal bir HTML web sitesi 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, HTML formlarını WordPress'e 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 adlar, e-posta adresleri, geri bildirimler, siparişler ve daha fazlası gibi bilgileri girmelerine ve göndermelerine olanak tanır.

Onları farklı kılan şey, HTML formlarının bir form eklentisi gibi sürükle ve bırak görsel düzenleyicisi yerine kod kullanılarak oluşturulmasıdır. Bu, metin kutuları, onay kutuları, radyo düğmeleri ve açılır menüler 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ı daha hızlı yüklenir ve daha az bellek kullanır çünkü kod hafiftir.
• 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ştirmesi sunar.

Sıfırdan HTML formları oluşturmak kodlama öğrenmek ve pratik yapmak için harika bir yol olsa da, kendi zorlukları da 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ı testler gerektirir.

Bununla birlikte, bu karmaşıklıklar olmadan HTML formları eklemenin yolları vardır. Bu nedenle, bir WordPress blogu, iş sitesi veya online mağaza yönetiyor olmanız fark etmeksizin, 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)

Bir HTML formunu bir WordPress web sitesine eklemenin kolay bir yolu, HTML Forms gibi ücretsiz bir form eklentisi kullanmaktır. HTML formları oluşturmak ve yapılandırmak için harika bir araçtır, böylece sunucu tarafı yapılandırmasıyla uğraşmak zorunda kalmazsınız.

Bu kılavuzda, temel bir HTML formu oluşturmak için ihtiyacınız olan her şeyi içeren eklentinin ücretsiz sürümünü kullanacağız.

Başlamak için, eklentinin WordPress web sitenize yüklü olduğundan emin olalım. Yardıma ihtiyacınız olursa, bir WordPress eklentisi yükleme konusundaki adım adım kılavuzumuzu takip edebilirsiniz.

Etkinleştirdikten sonra, iletişim formunuzu oluşturmaya başlamak için WordPress yönetici kontrol panelinizde HTML Formları » Yeni Ekle yolunu izleyebilirsiniz.

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 en üstünde, form başlığı, slug ve kısa kod dahil olmak üzere formunuzun ayrıntılarını göreceksiniz. Bu ayrıntıları ezberlemenize gerek yok, çünkü ihtiyacınız olduğunda HTML Formları kontrol panelinde mevcut olacaktır.

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, bir e-posta bülteni aboneliği kaydı eklemek istediğinizi varsayalım. O zaman sadece ‘Form Kodu’nun üzerindeki alan düğmelerinden birine tıklayın.

Ö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 alanın 'E-posta' alanının hemen altında olmasını istersiniz.

Bu eklentide sürükle ve bırak oluşturucu bulunmadığından, kodu manuel olarak taşımanız gerekecektir. Açılır menü alan kodunu (açılış etiketinden kapanış
etiketine kadar) kesin.

Ardından, bu kod parçasını ‘E-posta’ alanının kapanış etiketinden 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, etiketini ilk <p>'den son </p>'ye kadar silerek yapabilirsiniz.

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

Bu bölümde, alanları herhangi bir şeyi bozmadan başarıyla taşıyıp silip silmediğinizi kontrol edebilirsiniz. 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, WordPress web sitenizden canlı bir web sayfasının URL'sini kopyalayıp yapıştırabilirsiniz. Veya, başarılı bir form gönderiminden sonra kullanıcıları sayfada tutmak için alana 0 yazın.

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.

Düzenleyicide, formu eklemek için bir alan seçmeye başlayabilirsiniz. Ardından, üzerine gelip HTML Formları bloğunu eklemek için '+' düğmesine tıklamanız yeterlidir.

Şimdi, bloğu hızlıca bulmak için arama çubuğuna 'HTML Formları' yazabilirsiniz. Arama sonucunu bulduğunuzda, üzerine 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

Başka bir yaklaşım, görsel bir iletişim formu oluşturucu kullanmaktır. Formu görsel olarak oluşturmak istiyorsanız ancak kod kullanarak belirli HTML öğeleri (bağlantı, metin biçimi veya araç ipucu gibi) eklemeniz gerekiyorsa bu en iyi seçenektir.

Örneğin, özel HTML'i kullanarak bir ödeme formunda iade ve iade politikanız sayfasına bir bağlantı ile kısa bir uyarı mesajı gösterebilirsiniz. Veya formun tamamlanmasına ne kadar kaldığını kullanıcılara bildirmek için bir ilerleme çubuğu ekleyebilirsiniz. Özel HTML, emoji eklemenize veya bir araç ipucu eklemenize bile olanak tanır.

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

WPBeginner sitemizde, iletişim formları, yıllık anketler ve site taşıma istekleri için ona güveniyoruz. Bu eklenti hakkında daha fazla bilgiyi detaylı WPForms incelememizde bulabilirsiniz.

WPForms, kapsamlı tek tıklamayla eklentiler ve üçüncü taraf entegrasyonları ile birlikte gelir. Örneğin, form terkini izlemek ve azaltmak ve çok daha fazlası için Form Terkini eklentisini yükleyebilirsiniz!

Bu nedenle, WPForms, WordPress formunuzu sıfırdan kodlamaktan daha kolay bir şekilde formunuzun işlevselliğini genişletmenizi sağlar.

Başlamadan önce, WPForms'un WordPress web sitenizde yüklü ve etkin olduğundan emin olalım. Yardıma ihtiyacınız olursa, lütfen WordPress eklentisi nasıl kurulur hakkındaki kılavuzumuza bakın.

Etkinleştirmenin ardından 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.

Tamamlandı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.

Araç ipucu, bir web öğesinin üzerine fareyle geldiğinizde görünen küçük bir açılır kutu gibidir. Kullanıcıların tıklamadan veya bulundukları sayfadan ayrılmadan 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şturucu, önceden hazırlanmış bir şablon veya sıfırdan başlayarak 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çilebilecek 2.000'den fazla form şablonu olduğundan, bunları hızlı bir şekilde filtrelemek için arama çubuğunu kullanabilirsiniz. Bunu yapmak için sadece 'İletişim Formu' yazın ve aramanın tamamlanmasını bekleyin.

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.

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ış durumda. Ancak, bunları özelleştirmek isterseniz, 'Ayarlar' ve ardından 'Bildirimler' veya 'Onaylar' bölümüne gidin.

‘Bildirimler’ bölümünde, iletişim formunuz için birden fazla alıcı ekleyebilirsiniz.

'E-posta Adresine Gönder' alanının yanındaki soru işareti düğmesinin üzerine gelirseniz kısa bir talimat göreceksiniz. Bildirimin doğru e-posta adreslerine gönderildiğinden emin olmak için onu takip etmek isteyeceksiniz.

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, yayına alma ve WordPress formunu gömmek zamanıdır.

Yayınlamaya başlamak için ‘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. Bundan sonra, sayfanın blok düzenleyicisine gitmek için ‘Başlayalım!’ düğmesine tıklayabilirsiniz.

Şimdi, formu yerleştirmek istediğiniz alanın üzerine gelin ve '+' düğmesine tıklayın. Devam edin ve 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.

Şimdi kullanıcılar formu doldurmaya başlayabilir ve muhtemelen e-posta bülteninize kaydolabilirler.

Tüm WPForms form gönderimlerinizi görmek için WPForms » Tüm Formlar'a gidin.

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.

Birincisi, kullanıcının formu nereden gönderdiğini izlemek için Konum eklentisidir. İ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.

'Spam' ve 'Çöp Kutusu' düğmeleri, sahte gönderimleri işaretlemek ve girişlerinizden kaldırmak için 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 hakkındaki rehberimizi 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 bir kural olarak, ayrı CSS veya resim dosyaları olmayan tek bir HTML sayfasını doğrudan 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 iç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 için, WordPress'e 404 hatası olmadan bir HTML sayfası yükleme konusundaki başlangıç 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, girdileri kaydetme, e-posta bildirimleri gönderme ve spam'i engelleme gibi 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 etmek
• Özel kodla doğrulama, hata mesajları veya koşullu mantık eklemek
• 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 Bir RSVP Formu Oluşturulur
• WordPress'te Çevrimiçi Rezervasyon Formu Nasıl Oluşturulur
• Tarih Seçicili Bir WordPress Formu Nasıl Oluşturulur
• WordPress'te Çok Dilli Formlar Nasıl Oluşturulur
• WordPress'te Konuşma Biçimleri Nasıl Oluşturulur
• WordPress Formlarınızı Nasıl Stilize Edebilir ve Özelleştirebilirsiniz
• 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.