WordPress’te Pop-up İletişim Formu Oluşturma

WordPress’te Pop-up İletişim Formu Oluşturma

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. Contact Form 7 iletişim formu gibi kolay kullanışlı WordPress eklentilerinden birini seçip kurabilirsiniz.

1-) 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.

2-)Pop up iletişim formunun yer almasını istediğimiz sayfaya giderek aşağıdaki kodu ekliyoruz;

Hata: İletişim formu bulunamadı.

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.

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>