Contact Form 7 Eklentisi Kurulum ve Ayarları

Contact Form 7 Eklentisi Kurulum ve Ayarları

Contact Form 7, WordPress tabanlı sitelerde iletişim formu oluşturmak için kullanılan, ücretsiz ve açık kaynaklı bir eklentidir. Bu eklenti sayesinde kullanıcıların sizinle doğrudan iletişime geçmesini sağlayabilir, farklı form alanları tanımlayarak geri bildirim, teklif formu, destek formu gibi formlar oluşturabilirsiniz. Kurulumdan ayarlarına kadar tüm işlemler aşağıda adım adım açıklanmıştır.

1. Contact Form 7 Eklentisinin Kurulumu

• WordPress admin panelinize giriş yapın.
• Sol menüden “Eklentiler > Yeni Ekle” sekmesine tıklayın.
• Arama çubuğuna “Contact Form 7” yazın.
• Yayıncısı “Takayuki Miyoshi” olan eklentiyi bulun.
• “Şimdi Kur” butonuna tıklayın.
• Kurulum tamamlandıktan sonra “Etkinleştir” butonuna basarak eklentiyi aktif hale getirin.

2. Yeni Form Oluşturma ve Yönetim Paneli

• Eklenti aktif edildikten sonra sol menüde “İletişim” adında bir menü oluşur.
• Varsayılan olarak bir form oluşturulmuştur. Bu formu düzenleyebilir veya “Yeni Ekle” diyerek sıfırdan bir form oluşturabilirsiniz.
• Form adı belirleyin (örneğin: İletişim Formu).

3. Form Alanlarını Oluşturma

Contact Form 7, kısa kod mantığıyla çalışır. Form alanlarını oluşturmak için aşağıdaki örnekleri kullanabilirsiniz:

• [text* your-name] → Ad Soyad (zorunlu)
• [email* your-email] → E-posta adresi (zorunlu)
• [text your-subject] → Konu
• [textarea your-message] → Mesaj
• [submit "Gönder"] → Gönder butonu

[submit "Gönder"]

Zorunlu alanlar için yıldız (*) karakteri kullanılır. Her alanın adı, formun e-posta iletisinde kullanılacağı için dikkatli belirlenmelidir.

4. Formu Sayfaya veya Yazıya Ekleme

• Oluşturduğunuz formun üst kısmında bir kısa kod bulunur. Örneğin:

[contact-form-7 id="123" title="İletişim Formu"]

• Bu kısa kodu kopyalayın.
• Yeni bir sayfa oluşturun (örneğin: İletişim Sayfası).
• Kısa kod bloğunu kullanarak formu yapıştırın.
• Sayfayı yayınladığınızda form aktif olarak çalışacaktır.

5. E-Posta Gönderim Ayarları

Form aracılığıyla gönderilen verilerin hangi e-posta adresine ulaşacağını belirlemek için “Posta” sekmesine tıklayın.

• “Kime”: Mailin gönderileceği e-posta adresiniz (örn: info@siteniz.com)
• “Konu”: [your-subject]
• “Gönderen”: [your-name] <[your-email]>
• “Mesaj Gövdesi”: Kullanıcının girdiği tüm alanları burada listelersiniz:

Ad Soyad: [your-name] E-posta: [your-email] Konu: [your-subject] Mesaj: [your-message]

Eğer bu alanlardan biri eksikse ya da yanlış yazılmışsa form çalışmaz. Kısa kod isimleri ile posta sekmesindeki alanlar birebir uyumlu olmalıdır.

6. reCAPTCHA Entegrasyonu

Botlardan gelen spam mesajları engellemek için Google reCAPTCHA sistemini kullanabilirsiniz. Aşağıdaki adımları izleyin:

• Google reCAPTCHA sitesine gidin.
• Yeni site oluşturun ve reCAPTCHA v3’ü seçin.
• Site adını ve alan adınızı yazın.
• Size verilen Site Anahtarı ve Gizli Anahtarı kopyalayın.
• WordPress panelinizde “İletişim > Entegrasyon” kısmına gidin.
• API anahtarlarını ilgili alanlara yapıştırın.

Bu işlemler tamamlandığında formlarınız otomatik olarak spam korumasına sahip olur. Kullanıcı deneyimi bozulmaz çünkü v3 sürümünde görünür bir onay kutusu yoktur.

7. WP Mail SMTP ile E-posta Teslimatı Sorunlarını Giderme

Bazı sunucularda PHP mail fonksiyonu düzgün çalışmadığı için form mesajları gelen kutunuza ulaşmayabilir. Bu durumda aşağıdaki yöntemi uygulayın:

• WP Mail SMTP eklentisini kurun ve etkinleştirin.
• Gmail, Outlook, Yandex gibi servislerden SMTP bilgilerinizi alın.
• SMTP sunucusu, bağlantı noktası (port), kullanıcı adı ve şifre gibi bilgileri girin.
• Test maili göndererek sistemin çalışıp çalışmadığını kontrol edin.

SMTP üzerinden yapılandırma, iletim güvenliği ve spam klasörüne düşmemesi açısından önemlidir.

8. Dosya Yükleme Alanı Ekleme

Kullanıcılardan belge, resim veya dosya almak istiyorsanız aşağıdaki kodu kullanın:

[file your-file limit:10mb filetypes:pdf|doc|jpg]

• limit:10mb parametresi maksimum dosya boyutunu tanımlar.
• filetypes ile izin verilen dosya türlerini belirleyebilirsiniz.

Bu dosyalar, form ile birlikte sizin e-posta adresinize iletilir ya da sunucuya yüklenebilir.

9. CSS ile Form Stili Düzenleme

Contact Form 7, tema ile uyumlu olarak çalışır. Ancak daha özel bir görünüm istiyorsanız CSS ile form alanlarını özelleştirebilirsiniz.

.wpcf7 input, .wpcf7 textarea { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; } .wpcf7-submit { background-color: #0073aa; color: #fff; padding: 10px 20px; border: none; cursor: pointer; }

Bu kodları temanıza ait stil dosyasına veya “Görünüm > Özelleştir > Ek CSS” alanına yapıştırabilirsiniz.

10. Formu Farklı Sayfalarda Kullanma

• Oluşturduğunuz bir formu birden fazla sayfa ya da yazıda kullanabilirsiniz.
• Kısa kodu istediğiniz her alana yapıştırarak aynı formu gösterebilirsiniz.

11. Eklentiyi Güncel Tutma

• WordPress güncellemeleriyle uyumlu çalışması için eklentinin güncel kalması gerekir.
• Güncelleme geldiğinde kontrol panelinizde bildirim görürsünüz.
• “Eklentiler” bölümünden güncellemeyi tek tıkla gerçekleştirebilirsiniz.

Contact Form 7 Eklentisini Güvenli Şekilde İndirin

Güvenlik açısından eklentileri yalnızca orijinal kaynaklardan indirmeniz önerilir. Contact Form 7, WordPress eklenti deposunda ücretsiz olarak sunulmaktadır. Aşağıdaki bağlantıdan doğrudan erişebilirsiniz:

📥 Contact Form 7 eklentisini WordPress.org üzerinden güvenle indirmek için buraya tıklayın