Yukarı

Creating WordPress Pop-up Contact Form

Creating WordPress Pop-up Contact Form

WordPress sitesi kullanıcıları için son derece kolay olarak hazırlanabilecek Popup İletişim Formu ile websitenizde farklı bir tasarım sağlayabilirsiniz. Pop-up olarak açılan iletişim formu oluşturmak için şu adımları izleyebilirsiniz;

  • Öncelikli olarak sitenize Easy FancyBox WordPress eklentisini kurmanız gerekiyor.
  • Daha sonra kullanmak istediğiniz “İletişim Formu” eklentisini seçmelisiniz. İkiside son derece kullanışlı olan Easy Contact Forms veya Contact Form 7 iletişim formu WordPress eklentilerinden birini seçip kurabilirsiniz.

1-) Easy Contact Forms eklentisi üzerinden devam edersek, eklentiyi yükleyip aktif hale getirdikten sonra, istediğiniz özelliklere sahip iletişim formunu oluşturup “Form Short Code” alanından formun kısayol kodunu alıyoruz.
Popup İletişim Formu Oluşturma
2-)Pop up iletişim formunun yer almasını istediğimiz sayfaya giderek aşağıdaki kodu ekliyoruz;

[contact-form-7 id=”(değiştirin)” title=”Contact form (değiştirin)”]

Sayfanıza eklediğiniz bu Fancy Box kodu ile belirlediğiniz yazının üzerine tıklandığı zaman iletişim formunuz aşağıdaki gibi popup olarak açılacaktır.

pop-up iletişim formu
Eğer ki iletişim formunun pop up olarak açılmasını yazı üzerine tıklama değil de bir resim veya ikon üzerine tıklayınca açılmasını istiyorsanız, aşağıdaki gibi “Bize Yazın” yazısının yerine resmin linkini koymanız yeterlidir.

<a href=”#contact_form_pop” class=”fancybox”>İletişim</a>
<div style=”display:none” class=”fancybox-hidden”>
<div id=”contact_form_pop”>
[shortcode buraya]</div>
</div>

5 Yorum
  • mustafa
    11 March 2014 at 06:45

    Çok Teşekkürler

  • Ramazan
    21 September 2014 at 23:20

    gerçekten çok işime yaradı Teşekkürler.

  • pop-up
    03 February 2015 at 11:11

    ilk pop-up’ı açıp kapattıktan sonra pop-up içerisinde siteyi açıyor 🙁

  • nahita
    14 May 2015 at 16:54

    Dostum Çok sağol. Bu contact 7 iletişim formunda mesaj gönderdikten sonra çıkan hatalı ve ya gönderildi gibi mesajları “fancybox da gösterebilir miyiz?

  • ilhan
    19 March 2016 at 00:53

    merhaba

    Easy FancyBox eklentisini kurdum ancak şu kodları nereye koyacağımı bilmiyorum,

    Bize Yazın

    FORM SHORT CODE BURAYA KOPYALAYIN!

    tema dosyaları içinde header.php içine eklemem uygun mudur? teşekkürler

Leave a Reply