Easy FancyBox
[resolved] Pop-up contact page with link to button on homepage (2 posts)

  1. Novice1
    Posted 3 years ago #

    I am new to WP and want to create a contact form for my website which pops up when I click on a button on the homepage. Can you please assist in how to do this and also provide the code. Thanks.


  2. RavanH
    Plugin Author

    Posted 3 years ago #

    Hi Novice1, there is an example code snippet for how to display Inline content with FancyBox on http://wordpress.org/plugins/easy-fancybox/faq/ under "Can I display INLINE content in a FancyBox overlay ?" but you'll have to adapt this to show a contact form instead of the example text. It all depends on how you are creating a contact form on your website but let's say you are using Jetpack and the Contact Form module and you have added a contact form the normal way, then just open the page in question for editing and switch to the HTML view tab. Now find the shortcode that represents the contact form, it shouls start with [contact-form ... and put this before it:

    <a href="#fancyboxID-1" class="fancybox">Read my inline content</a>
    <div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" style="width:460px;height:380px;">

    and this after:


    Hope you can work with these instructions :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic