Wordpress - Contact Form 7 Kurulumu

Contact Form 7, wordpress için en çok kullanılan ve kullanımı basit bir iletişim formu eklentisidir. Aşağıdaki şekilde ayarlarını yaparak iletişim formunuzu oluşturabilirsiniz. Bu formun kısa kodunu da iletişim formunuz hangi sayfaya eklenecek ise o kısma eklemeniz yeterli olacaktır.

Öncelikle forma kısa bir ad verin: CF7 gibi.

Form Sekmesi:

<label> Adınız
    [text* your-name autocomplete:name] </label>

<label> E-posta adresiniz
    [email* your-email autocomplete:email] </label>

<label> Konu
    [text* your-subject] </label>

<label> İletiniz (tercihe bağlı)
    [textarea your-message] </label>

[submit "Gönder"]

Posta Sekmesi:

Posta

Kime:

info@websiteniz.com

Kimden:

info@websiteniz.com

Konu:

Web Site Adınız - İletişim Formu - [your-name]

Ek başlıklar:

Reply-To: [your-email]

İleti gövdesi:

Kimden: [your-name]
E-Posta: [your-email]

Mesaj:
[your-message]

-- 
Bu e-posta websiteniz.com iletişim formu doldurularak gönderildi.

Eğer iletişim formunu dolduran ziyaretçiye de aynı mailin gitmesini istiyorsanız "Posta (2) kullan" seçeneğini işaretleyip aşağıdaki ayarları uygulayın.

Posta (2)*

* Uyarı: Posta 2 kısmı ziyaretçinin yazdığı e-mail adresine mesaj göndereceği için [your-email] siteniz üzerinden spam mail göndermek isteyen kişilere bir açık nokta vermiş olursunuz. Eğer posta (2) yi açacaksanız Akismet reCAPTCHA veya benzeri spam koruması kullanmanızı öneririm!

Kime:

[your-email]

Kimden:

info@websiteniz.com

Konu:

Web Site Adınız - İletişim Formu - [your-name]

Ek başlıklar:

Reply-To: [_site_admin_email]

İleti gövdesi:

Kimden: [your-name]
E-Posta: [your-email]

Mesaj:
[your-message]

-- 
Bu e-posta websiteniz.com iletişim formu doldurularak gönderildi.

"HTML içerik türünü kullan" kutucuklarını her ikisini de işaretleyin.

Mesajlar Sekmesi:

Aşağıdaki mesajları sırayla girebilirsiniz.

Mesajınız gönderildi. Ekibimiz en kısa sürede size dönüş yapacaktır. Teşekkür ederiz.
Mesajınız gönderilirken bir hata oluştu. Lütfen daha sonra tekrar deneyin.
Bir veya daha fazla alanda hata bulundu. Lütfen kontrol edin ve tekrar deneyin.
Mesajınız gönderilirken bir hata oluştu. Lütfen daha sonra tekrar deneyin.
Mesajınızı göndermeden önce şartları ve koşulları kabul etmeniz gerekmektedir.
Boş bırakılamaz!
Çok uzun!
Çok kısa!
Dosya yüklenirken bilinmeyen bir hata oluştu.
Bu dosya türünü yükleme iznine sahip değilsiniz.
Dosya çok büyük.
Dosya yüklenirken hata meydana geldi.
Tarih formatı yanlış.
Tarih, izin verilen en erken tarihten önce olamaz.
Tarih, izin verilen son tarihi geçemez.
Sayı biçimi geçersiz.
İzin verilen minimum sayıdan daha küçük.
İzin verilen maksimum sayıdan daha büyük.
Cevap doğru değil.
E-posta adresi geçersiz.
URL geçersiz.
Telefon numarası geçersiz.

Bu ayarlar yeterlidir. Formu kaydedebilirsiniz. Üstte mavi bur kutu içinde bu formun kısa kodu yer almaktadır. Bu kodu kopyalayıp iletişim formunuz hangi sayfaya eklenecek ise o kısma eklemeniz yeterli olacaktır.

Eğer Elementor editörünü kullanıyorsanız:

Formu ekleyeceğiniz sayfayı Elementor ile açın.
Bileşenlerden Form Styler bileşenini sayfada formun görünmesini istediğiniz yere ekleyin.
Form Styler bileşeninin ayarlarında bulunan Form Source kutusundan Contact Form 7'yi seçin.
Select Template kutusundan da hangi formu ekleyecekseniz onun ismini seçin. Formunuz ekranda belirecektir. Artık varsa biçimsel ayarlarınızı yapıp yayınlayabilirsiniz.

* Formun biçim ayarlarını elementor veya css üzerinden değiştirebilirsiniz.

* Formu ekledik ve sıra geldi SMTP ayarlarını yani mail gönderimi yapılacak hesabın web sitesine eklenmesi ve mail ayarlarının yapılması işlemine. Bu iş için "Fluent SMTP" eklentisini öneririm. Geliştiricisi; "FluentSMTP & WPManageNinja Team" olan bu eklenti ile mail gönderim işlemlerinizi yapabilirsiniz. Bu ayarları yapmadan form eklentisi bir işe yaramayacaktır, çünkü mail bildirimi olmayacak. Fluent SMTP ayarlarını nasıl yapacağınızı bu yazımdan okuyabilirsiniz.