Ninja Forms - Modal

From GLMWiki
Jump to: navigation, search

How to use it

Download Ninja Forms Modal plugin.

this is an example of a link to the form:
<a class="nf-modal-link" rel="nf-modal:open" href="#ninja-forms-modal-3">
    <img src="<?php echo get_template_directory_uri();?>/assets/footer_blocks_enews.png">
    <div>
           <h2>Sign Up for Email News</h2>
    </div>
</a>


have this in the footer just before wp_footer: 
<div id="modal-placeholder">
    <?php $modal_link = do_shortcode('[ninja_forms_modal_form id=3 text_link="eNews Signup"]'); // Must stay above wp_footer() as it adds actions to it ?>
</div>

The number 3 in both instances above reflects the ID of the form made in the admin side. Make sure all three match!


Sites currently using Ninja Forms modal

Mackinaw Brigadoon
Mackinac Bayview
Gilmore car Museum
Tom's Mom's cookies
Emmet County Recycling
Emmet County Government