How to add a contact form popup window

You can either have a contact form static in your page or make it as a pop-up window once a user clicks a button.  You can use the HTML module and use the Bootstrap code for modals and place your subscription code there too.  http://getbootstrap.com/javascript/#modals

html_001.png

Or you can use the code below replacing some of the text and adding your contact form shortcode or subscription code.

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">How can we help?</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Contact Us</h4>
      </div>
      <div class="modal-body">
        <p>PASTE YOUR CONTACT FORM SHORTCODE HERE</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

 

Contact form 7 plugin is installed in the squeezefunnels.  Go to Addons to activate it so you can create your contact form. 

Addons.png

Once you have created your contact form simply copy the shortcode needed for your pop-up.  Example below

contactpop3.png

 

Here's an example of the contact form pop-up window. (1st image-button, 2nd image-popup window)

contactpopup.png                                 contactpopup1.png

 

 

 

 

 

Have more questions? Submit a request