Blog Açmak İstiyorum Nereden Başlamalıyım ?
BLOG NASIL AÇILIR

  • Blog İpuçları
  • Blog ve Para
  • SEO
  • WordPress
    • WordPress Başlangıç
    • WordPress Dersleri
    • WordPress Eklentileri / Plugins
    • WordPress Genel Bilgi
    • WordPress Başlangıç Rehberi
  • WordPress Temaları
    • En Hızlı WordPress Temaları
    • SEO Uyumlu WordPress Temaları
    • Kurumsal Temalar
    • E-Ticaret Temaları
    • Blog Temaları
    • Haber Temaları
    • İlan Temaları
    • Emlak Temaları
    • Forum Temaları
    • Sosyal Medya Teması
    • Video Temaları
    • Adsense Uyumlu Temalar
    • Teknoloji Temaları
    • Kadın Temaları
    • Fotoğrafçılık Temaları
    • Spor Salonu Teması
    • Ücretsiz Temalar
  • Yazarlık
    • Misafir Yazarlık
    • Ücretli Yazarlık
  • İletisim
  • Hizmetlerim
  • Diger
    • WPMAVI Arka Plan
    • Duyuru
    • SEO Hizmeti (Analiz)
    • Kuponlar
    • Reklam
  • Blog İpuçları
  • Blog ve Para
  • SEO
  • WordPress
    • WordPress Başlangıç
    • WordPress Dersleri
    • WordPress Eklentileri / Plugins
    • WordPress Genel Bilgi
    • WordPress Başlangıç Rehberi
  • WordPress Temaları
    • En Hızlı WordPress Temaları
    • SEO Uyumlu WordPress Temaları
    • Kurumsal Temalar
    • E-Ticaret Temaları
    • Blog Temaları
    • Haber Temaları
    • İlan Temaları
    • Emlak Temaları
    • Forum Temaları
    • Sosyal Medya Teması
    • Video Temaları
    • Adsense Uyumlu Temalar
    • Teknoloji Temaları
    • Kadın Temaları
    • Fotoğrafçılık Temaları
    • Spor Salonu Teması
    • Ücretsiz Temalar
  • Yazarlık
    • Misafir Yazarlık
    • Ücretli Yazarlık
  • İletisim
  • Hizmetlerim
  • Diger
    • WPMAVI Arka Plan
    • Duyuru
    • SEO Hizmeti (Analiz)
    • Kuponlar
    • Reklam
Ana SayfaWordPress İletişim Formu Ekleme: İletişim Formu Ol ...

WordPress İletişim Formu Ekleme: İletişim Formu Oluşturma

Yazar: Burak Oran , Aralık 13, 2016
  • Total14
  • 6
  • 8
  • 0
Wordpress İletişim Formu Ekleme
WordPress İletişim Formu Ekleme

WordPress iletişim formu ekleme veya wordpress iletişim formu oluşturma işlemi için başka yere bakmanıza gerek yok çünkü kesinlikle doğru adrestesiniz !

Bu yazımda sizlere 4 farklı yöntem ile wordpress iletişim formu oluşturma yöntemi anlattım.

1- Hazır şablon olarak wordpress iletişim formu ekleme
2- Kendi / bireysel wordpress iletişim formu yapımı
3- WordPress ücretsiz eklenti ile wordpress iletişim formu oluşturma
4- WordPress ücretli eklenti ile wordpress iletişim formu oluşturma

WordPress İletişim Formu Oluşturma ( Mythemeshop Temaları İçin )

Eğer en hızlı temalar başlıklı yazımda ve bir çok wordpress temaları yazımda yer alan bir çok temanın kodlayıcısı olan MyThemeShop firmasından bir tema aldıysanız, ( Ayrıca bkz: Mythemeshop’tan tema nasıl satın alınır )

Bu firmanın temaları için wordpress iletişim formu oluşturma işlemi oldukça basit. Çünkü bu firmanın temalarında iletişim formaları temanın kodlaması ile birlikte geliyor.

1-Öncelikle Admin Paneli >> Sayfalar >> Yeni Ekle sekmesine gidip iletişim isminde bir sayfa oluşturun. Bu sayfası oluştururken, sayfanın sağ kısmında yayımla kısmın hemen altında Sayfa özellikleri kısmını göreceksiniz.

Wordpress İletişim Formu Ekleme - Sayfa Özellikleri
WordPress İletişim Formu Ekleme – Sayfa Özellikleri

2-Bu kısımdan Şablon olarak Contact Page kısmını seçip, yazıyı yayımla dediğinizde iletişim sayfanız iletişim formu eklenmiş bir şekilde oluşacaktır. ( Sayfa içeriğine herhangi bir şey eklemenize gerek yok )

Wordpress İletişim Formu Ekleme - İletişim Sayfası Görünümü
WordPress İletişim Formu Ekleme – İletişim Sayfası Görünümü

WordPress Eklentisiz İletişim Formu Ekleme

WordPress iletişim formu yapımı eklentisiz de pek tabii mümkün. Hem de aşağıda anlattığım yöntem ile bu işlem inanın bana oldukça basit.

# Site hızı google’da üst sıralarda çıkmak adına olmazsa olmaz en önemli kriterler arasında. Keza google sıralama kriterleri başlıklı yazımda da bu kriterin ne kadar önemli olduğundan bahsettim.

WordPress’te site hızına etki eden en önemli etkenlerden birsi de kullanılan eklenti sayısıdır. WordPress sitenizde ne kadar çok eklenti kullanırsanız, site hızına da etkisi doğru orantılı bir şekilde o kadar olumsuz olacaktır.

Dolayısı ile, wordpress iletişim formu oluşturma işlemini kodlama ile yapmak iyi bir opsyion olarak düşünülebilir.

Tabii bu oluştrmak istediğiniz iletişim formuna göre sizin karar vermeniz gereken bir durum. Eğer oldukça basit bir iletişim formu oluşturmak istiyorsanız hemen altta paylaştığım wordpress eklentisiz iletişim formu ekleme yöntemini uygulayabilir,

Eğer daha üst seviyede bir iletişim formu olutşrmak istiyorsanız da bunun için bir eklenti kullanabilirsiniz.

1- Öncelikle FTP ile site sunucunuza bağlanın ve Wp-Content >> Plugins dizinine gidin ve bu dizin altında wpmavi-iletisim-formu.phpisminde bir dosya oluşturup, alttaki kodu bu dosyanın içerisine ekleyin.


<?php
/*
Plugin Name: WPMAVI İletişim Formu Eklentisi
Plugin URI: https://wpmavi.com
Description: Oldukça Basit ve Hafif WordPress İletşim Formu Eklentisi
Version: 1.0
Author: Burak Oran
Author URI: https://wpmavi.com
*/

function html_form_code() {
 echo '<form action="' . esc_url( $_SERVER['REQUEST_URI'] ) . '" method="post">';
 echo '<p>';
 echo 'İsminiz (Gerekli) <br/>';
 echo '<input type="text" name="if-name" value="' . ( isset( $_POST["if-name"] ) ? esc_attr( $_POST["if-name"] ) : '' ) . '" size="40" />';
 echo '</p>';
 echo '<p>';
 echo 'Email Adresiniz (Gerekli) <br/>';
 echo '<input type="email" name="if-email" value="' . ( isset( $_POST["if-email"] ) ? esc_attr( $_POST["if-email"] ) : '' ) . '" size="40" />';
 echo '</p>';
 echo '<p>';
 echo 'Konu (Gerekli) <br/>';
 echo '<input type="text" name="if-subject" value="' . ( isset( $_POST["if-subject"] ) ? esc_attr( $_POST["if-subject"] ) : '' ) . '" size="40" />';
 echo '</p>';
 echo '<p>';
 echo 'Mesajınız (Gerekli) <br/>';
 echo '<textarea rows="10" cols="35" name="if-message">' . ( isset( $_POST["if-message"] ) ? esc_attr( $_POST["if-message"] ) : '' ) . '</textarea>';
 echo '</p>';
 echo '<p><input type="submit" name="if-submitted" value="Gönder"></p>';
 echo '</form>';
}

function deliver_mail() {

 
 if ( isset( $_POST['if-submitted'] ) ) {

 
 $name = sanitize_text_field( $_POST["if-name"] );
 $email = sanitize_email( $_POST["if-email"] );
 $subject = sanitize_text_field( $_POST["if-subject"] );
 $message = esc_textarea( $_POST["if-message"] );

 
 $to = get_option( 'admin_email' );

 $headers = "From: $name <$email>" . "\r\n";

 
 if ( wp_mail( $to, $subject, $message, $headers ) ) {
 echo '<div>';
 echo '<p>Teşekkürler! Mesajınız iletilmiştir.</p>';
 echo '</div>';
 } else {
 echo 'Ops! Bir problem oluştu.';
 }
 }
}

function if_shortcode() {
 ob_start();
 deliver_mail();
 html_form_code();

 return ob_get_clean();
}

add_shortcode( 'wpmavi-iletisim-formu', 'if_shortcode' );

?>


2-Ardından Admin Paneli >> Eklentiler kısmına gelin ve WPMAVI iletişim formu eklentisini etkinleştir deyin.

3-Ve sitenizde iletişim formunu eklemek istediğiniz yere [wpmavi-iletisim-formu] kısa kodunu yazarak, wordpress iletişim formu ekleme işlemini yapabilirsiniz.

Örnek: Admin Paneli >> Sayfalar >> Yeni Ekle deyip, sayfa ismini iletişim koyup, içerik kısmına ise [wpmavi-iletisim-formu] kısa kodunu yazıp, sayfayı yayımladığınızda o sayfada hemen alttaki resimde olduğu gibi iletişim formu yer alacaktır ve gönderilen mailler admin mail adresine düşecektir.

Wordpress Eklentisiz İletişim Formu Ekleme
WordPress Eklentisiz İletişim Formu Ekleme

WordPress İletişim Formu Ekleme ( Ücretsiz Eklenti İle )

Tabii daha fonsiyonel bir wordpress iletişim formu eklemek istiyorsanız, ya da kod ekleme bana zor geldi, daha kolay wordpress iletşim formu nasıl eklenir diye soruyorsanız, bu yöntemi uygulayabilirsiniz.

1-Öncelikle Contact Form 7 eklentisini kurup, etkinleştirin. ( Bkz: Eklenti nasıl kurulur ) Ve ardıdan Admin Paneli >> İletşim >> İletişim Formaları sekmesine gidin.

Eklenti kurulduğunda varsayılan ayarlarında hali hazırda oluşturulmuş bir wordpress iletişim formu ile birlikte gelir zaten. İletşim Formları sekmesine gittiğinizde de bu iletşim formunu göreceksiniz.

Mouse ile İletşim Formu 1 kısmının üzerine geldiğinizde Düzenle seçeneği çıkacatır. İşte bu Düzenle şeçeneğine tıklayarak wordpress sitenize eklemek istediğiniz iletişim formunu istediğiniz şekilde özelleştirebilirsiniz.

Düzenleme ekranında karşınıza şu şekilde bir bölüm çıkacaktır;

Wordpress İletişim Formu Ekleme Contact Form 7
WordPress İletişim Formu Ekleme Contact Form 7

Bu kısım oluşturmak istediğiniz iletişim formunun içeriğini temsil eder. Bu kısma üst kısımda bulunan seçeneklerden telefon numarası, tarih, güvenlik önlemi için reCAPTCHA gibi özellikler ekleyebilirsiniz.

Eğer oluşturduğunuz iletişim formuna telefon numarası kısmı da eklemek istiyorsanız, üst kısımda yer alan Tel butonuna tıklayıp, gerekli kısımları doldurdıktan sonra

#Alttaki formda istediğiniz yere başında <label> ve sonunda </label> kodu ile ekleme yapabilirsiniz.

Wordpress İletişim Formu Ekleme - Telefon Numarası Kısmı
WordPress İletişim Formu Ekleme – Telefon Numarası Kısmı

Ardından iletişim formunu eklemek istediğiniz sayfaya formun en üst kısmında mavi şerif içerisinde yazılmış kısa kodu eklemeniz gerekiyor.

Wordpress İletişim Formu Ekleme Kısa Kod Kullanımı

Örnek: Admin Paneli >> Sayfalar >> Yeni Ekle deyip, sayfa ismini iletişim koyup, içerik kısmına ise [contact-form-7 id="300" title="İletişim formu 1"] kısa kodunu yazıp, sayfayı yayımladığınızda o sayfada  iletişim formu yer alacaktır ve gönderilen mailler ise iletişim formu düzenleme kısmında bulunan Posta sekmesinde belirttiğiniz mail adresine düşecektir.

WordPress İletişim Formu Oluşturma ( Ücretli Eklenti İle )

Wordpress İletişim Formu Oluşturma - Ücretli
WordPress İletişim Formu Oluşturma – Ücretli

Detaylı Incele Canlı Demo


Eğer ben daha profesyonel bir wordpress iletişim formu eklemek istiyordum diyorsanız, o zaman W8 Contact Forum iletişim formu eklentisine ya da en iyi iletişim formu eklentileri başlıklı yazımda belirttiğim diğer eklentilere mutlaka bir göz atın derim.

Eğer ilk defa ücretli bir eklenti satın alacaksanız, Codecanyon’dan eklenti satın alma başlıklı yazıma mutlaka bir göz atın derim.

Eklenti özelliklerinden bahsedecek olursam;

  • İletişim formuna profile resmi ekleyebilme
  • İletişim formuna sosyal medya iconları ekleyebilme ve link verme
  • 4 Farklı captcha modeli
  • İletişim formuna mesaj gönderen kişiye otomatik mail geri dönüşü yapma özelliği
  • İletşim formuna mesaj girenin departman seçebilme 
  • İletişim mesajlarını admin panelinde de okuyabilme özelliği
  • İletişim formuna mesaj gönderenin göndereceği kategoriyi / departmanı ya da konuyu seçebilme özelliği

Gibi onlarca özelliği olan oldukça şık ve profesyonel bir iletişim formu eklentisi. Dediğim gibi eğer kurumsal bir wordpress siteniz varsa, bu siteye wordpress iletişim formu ekleme işlemi için kesinlikle böyle bir eklenti kullanabilirsiniz.


Umarım WordPress İletişim Formu Ekleme: İletişim Formu Oluşturma başlıklı yazımı yararlı bulmuşsunuzdur. Teşekkürlerinizi, yazımı sosyal mecralarda paylaşarak gösterebilirsiniz. Bu benim için fazlasıyla yeterli olacaktır.

Burak Oran

Yazar Hakkında
Burak Oran

Türkiye'deki tüm blog sahiplerine - yazarlarına wordpress ve blogculuk hakkında yararlı olacağımı düşünerek, kaliteli içerikler üretip, fark yaratmayı hedefleyerek wpmavi.com'u kurdum.

15 Yorum “WordPress İletişim Formu Ekleme: İletişim Formu Oluşturma”

  1. Avatar
    Yorum Yap
    yakup
    13 Şubat 2017 at 10:28 am

    tebrikler güzel yazı abone ol butonunun altında google +1 butonu var kırmızı ve geniş bunu nasıl yaptınız

  2. Avatar
    Yorum Yap
    uğur
    29 Nisan 2017 at 10:24 am

    Kodlarla hazırladığınız iletişim formunda sorun var Ops! Bir problem oluştu. uyarısı alıyorum..

    • Burak Oran
      Yorum Yap
      Burak Oran
      29 Nisan 2017 at 10:48 am

      Hayır. Şimdi test ettim. Kodlar sorunsuz çalışıyor. Siz yapamamışsınız. Adımları tek tek takip edin hocam.

  3. Avatar
    Yorum Yap
    Doğan
    1 Haziran 2017 at 8:26 pm

    Bu contact form eklentisinde telefon numarası alanı oluşturuyorum, form sayfasında çıkıyor, formu dolduruyorum maile forma yazdıklarım geliyor ancak telefon numarası mailde yazmıyor.
    Bunun sebebi ne olabilir acaba?

  4. Avatar
    Yorum Yap
    Hidragram
    28 Haziran 2017 at 6:39 pm

    Merhaba, yazınız güzel olmuş. Fakat Türkçe karakterleri � şeklinde gösteriyor e-posta göndererek yardımcı olur musun?

  5. Avatar
    Yorum Yap
    burcu
    7 Ağustos 2017 at 11:56 pm

    henüz yayına almadğım sitemde ayarlarımı yapıyorum.contact 7 kurdum herşey tamam fakat gönder butonu ile recaptcha butonu üst üste çıkıyor.Aşağıya kodları yazıyorum. nerede hata var yardımcı olabilir misiniz?

    Adınız (gerekli)
    [text* your-name]

    Epostanız (gerekli)
    [email* your-email]

    Konu
    [text your-subject]

    İletiniz
    [textarea your-message]
    [recaptcha]

    [submit “Gönder”]

  6. Avatar
    Yorum Yap
    kadinvari.com
    16 Ağustos 2017 at 2:05 pm

    Contact form 7 eklentisini dediğiniz gibi kurdum. Ancak deneme mesajlar atmamda “Mesajınız gönderilirken bir hata oluştu. Tekrar denemenizi tavsiye ederim.
    uyarısı veriyor.

    Çok eskiden de böyle hata veriyordu. Sebebi nedir acaba?

  7. Avatar
    Yorum Yap
    kadinvari.com
    16 Ağustos 2017 at 2:26 pm

    Sorunu çözdüm. Belki lazım olur diye burayada yazayım. Hostingle alakalı bir sorun olabileceğinden WP-Mail-SMTP eklentisinide indirmek gerekiyor. Böylelikle iletişim eklentisi güncelleniyor.

  8. Avatar
    Yorum Yap
    furkan
    4 Ekim 2017 at 8:47 pm

    merhaba,

    manuel yazdığınız kodlarda gönderici mailini nereye yazacağız?

    • Burak Oran
      Yorum Yap
      Burak Oran
      4 Ekim 2017 at 8:49 pm

      Nasıl yani tam anlayamadım hocam ? Eğer sormak istediğiniz gönderici mailini yazdıktan sonra mesajın hangi mail adresine düşeceğini soruyorsanız, yazıda da belirttiğim gibi wordpress sitenizin admin mail adresi ne ise ona düşecektir.

  9. Avatar
    Yorum Yap
    Buğra
    26 Ocak 2018 at 2:41 pm

    Türkçe karakter desteklemiyor

    https://i.hizliresim.com/lO9nAJ.png

  10. Avatar
    Yorum Yap
    Kadir
    27 Ocak 2018 at 2:51 am

    Contact form 7 eklentisini dediğiniz gibi kurdum. Ancak deneme mesajlar atmamda “Mesajınız gönderilirken bir hata oluştu.
    sürekli aynı hata çok farklı şeyler denedim

  11. Avatar
    Yorum Yap
    abdullah
    5 Şubat 2018 at 8:17 am

    Merhaba, anlaşılır ve detaylı yazılarınız için teşekkürler.
    Sitemde Contact Form 7 eklentisi kullanıyorum. Fakat bir türlü çalışmıyor, mesaj gönderilemedi hatası veriyor. Daha önce farklı sitelerde kullandım bu eklentiyi böyle sorunla karşılaşmadım.
    Yaygın olarak kullanılan SMTP eklentilerinin hepsini denedim. SMTP eklentileri test mailini gönderiyor, sanırım bu ayarların vs. doğru yapıldığını gösteriyor. Hosting olarak biz.nf sitesinin free paketini kullanıyorum, acaba sebebi free host olması mı? Bu sorunun sebebi başka ne olabilir?
    İyi çalışmalar…

  12. Avatar
    Yorum Yap
    ali
    13 Nisan 2019 at 2:46 pm

    merhabalar dediklerinizin hepsini aynen uyguladım contact form 7 eklentisini kurdum siteme ekledim lakin sitem üzerinde gerekli alanları doldurup göndere tıkladığımda gönderilirken bir hata alındı mesajı alıyorum nedenini anlayamadım yardımcı olur musunuz

  13. Avatar
    Yorum Yap
    Emrullah
    13 Nisan 2019 at 3:40 pm

    Sürekli olarak Ops! Bir problem oluştu. hatası alıyorum. Kontrol ettiğimde bir sorun olmadığını gördüm. Sebebi nedir?

Bir Yorum Yap Cevabı iptal et

WPMAVI'de kullanılan hosting, CDN, günvelik önlemlerini ve eklentileri görmek için WPMAVI Arkaplan sayfasını ziyaret edebilirsiniz.


Beni işe alın !!! Host Değiştirme, Anahtar Teslim Blog Kurulumu, Adsense Gelir Optimizasyonu, Tema Değiştirme Gibi Ücretli Wordpress Hizmetleri

Burak Oran



WPMAVI Kurucusu ve Profesyonel Blogcu. Sosyal Medya Üzerinden Beni Takip Edebilir ve Blogculuk Adına En Son Gelişmelerden Haberdar Olabilirsiniz!

EN İYİ HOSTİNG

En İyi ve En Hızlı Hosting Firması Türkiye ››

1

EN HIZLI TEMALAR

En Hızlı ve SEO Uyumlu Wordpress Temaları ››

2

BLOG KURMAK

Blog Nasıl Açılır ? Adım Adım Anlatım ››

3

GOOGLE'DA İLK SAYFADA ÇIKMAK

Gerçekten 1. Sayfa Garantili ››

4

CDN KULLANIMI

WordPress CDN Kullanımı ve SEO Ayarları ››

5
Blog Naıl Açılır RehberiEn Hızlı Hosting Fİrmaları - Türkiye
Copyright © 2014 - 2020 | wpmavi.com hosting olarak Turhost kullanmaktadır. Sitede yer alan tüm içerikler wpmavi.com'a aittir. wpmavi.com'da yer alan hiçbir içerik (yazı, fotoğraf, video vb.) izinsiz olarak kopyalanamaz, alıntı yapılamaz, başka hiç bir yerde yayınlanamaz. I love Google!
  • WordPress Başlangıç Rehberi
  • WPMAVI Arka Plan
  • Duyuru
  • Hizmetlerim