webbkompaniet

<p>A modern lightbox modal integration for Ninja Forms. Fully updated to work with the latest WordPress, PHP, and Ninja Forms versions.</p>
<h3>Features</h3>
<ul>
<li>Opens any Ninja Form inside a modern, animated modal.</li>
<li>Fully responsive with mobile-friendly behavior.</li>
<li>Accessible: focus trap, keyboard navigation, and ARIA roles.</li>
<li>Simple shortcode integration.</li>
</ul>
<h3>Usage</h3>
<p>Add the shortcode where you want your modal button to appear:</p>
<p>[nfmm_modal id=”1″ text_link=”Contact Us”]</p>
<p><strong>Attributes:</strong><br />
* <code>id</code> — Required. The ID of your Ninja Form.<br />
* <code>text_link</code> — Optional. The button text. Defaults to “Open Form”.</p>
<h3>Accessibility</h3>
<ul>
<li>Uses <code>role="dialog"</code> and <code>aria-modal="true"</code>.</li>
<li>Focus is trapped inside the modal while open.</li>
<li>ESC closes the modal.</li>
<li>Focus returns to the triggering button when closed.</li>
</ul>
<h3>Developer Notes</h3>
<ul>
<li>Styles are located in <code>/css/modal.css</code>.</li>
<li>Scripts are located in <code>/js/modal.js</code>.</li>
<li>Shortcode logic in <code>/includes/shortcodes.php</code>.</li>
</ul>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.<br />
You’re free to modify and redistribute it under the same license.</p>


Modern Modal for Ninja Forms

Adds a modern, fully updated lightbox modal integration for Ninja Forms.

WesternDeal

Abdullah Kaludi

GSheetConnector

<p>This plugin is a bridge between your <a href="https://wordpress.org/" rel="ugc">WordPress</a> <strong><a href="https://wordpress.org/plugins/ninja-forms/" rel="ugc">Ninja Forms</a> and <a href="https://www.google.com/sheets/about/" rel="nofollow ugc">Google Sheets</a>.</strong></p>
<p>When a visitor submits his/her data on your website via a Ninja Forms, upon form submission, such data are also sent to Google Sheets.</p>
<p><a href="https://www.gsheetconnector.com/docs" rel="nofollow ugc">Documentation</a> | <a href="https://www.gsheetconnector.com/support" rel="nofollow ugc">Support</a> | <a href="https://ninjagsheets.gsheetconnector.com/" rel="nofollow ugc">Demo</a> |<br />
<a href="https://www.gsheetconnector.com/ninja-forms-google-sheet-connector-pro?wp-repo" rel="nofollow ugc">Premium Version</a></p>
<p>Get rid of making mistakes while adding the sheet settings or adding the headers <a href="https://ninjaforms.com/docs/merge-tags/" rel="nofollow ugc">including Merge Tags</a> to the sheet column. We would be Launching soon the <a href="https://www.gsheetconnector.com/ninja-forms-google-sheet-connector-pro?wp-repo" rel="nofollow ugc">Ninja Forms Google Sheet Connector Pro</a> version with more automated features.</p>
<h4>Still haven’t purchased ? <a href="https://www.gsheetconnector.com/ninja-forms-google-sheet-connector-pro?wp-repo" rel="nofollow ugc">Ninja Forms Google Spreadsheet Addon</a></h4>
<h4>Check Live Demo</h4>
<p>Demo URL: <a href="https://ninjagsheets.gsheetconnector.com/" rel="nofollow ugc">https://ninjagsheets.gsheetconnector.com/</a></p>
<p>Google Sheet URL to Check submitted Data<br /><a href="https://docs.google.com/spreadsheets/d/1ooBdX0cgtk155ww9MmdMTw8kDavIy5J1m76VwSrcTSs/edit#gid=1602937341" rel="nofollow ugc">https://docs.google.com/spreadsheets/d/1ooBdX0cgtk155ww9MmdMTw8kDavIy5J1m76VwSrcTSs/edit#gid=1289172471</a></p>
<h4>How to Use this Plugin</h4>
<ul>
<li>
<p><strong>Step: 1 – <a href="https://sheets.google.com/" rel="nofollow ugc">In Google Sheets</a></strong><br />
➜ Log into your Google Sheets.<br />
➜ Create a new Sheet and name it or select the existing sheet.<br />
➜ Copy Sheet Name, Sheet ID, Tab Name and Tab ID (Refer Screenshots)</p>
</li>
<li>
<p><strong>Step: 2 – In WordPress Admin</strong><br />
➜ Navigate to Ninja Forms > Google Sheet > Integration Tab<br />
➜ Authenticate with Google using new “Google Access Code” while clicking on “Get Code”<br />
➜ Make Sure to ALLOW Google Permissions for Google Drive and Google Sheets and then copy the code and paste in Google Access Code field, and Hit Save & Authenticate.<br />
➜ Now Navigate to appropriate Ninja Forms > Edit Forms > Email & Actions and then Click on + icon to add Google Sheet Action and Enter Sheet Name, Sheet ID, Tab Name and Tab ID and Save and Publish.</p>
</li>
<li>
<p><strong>Step: 3 – Arranging Columns in Sheet</strong><br />
➜ In the selected Google sheet, enter column names in first row (as a header) as per the Label, Copy and Paste the form field label from the Ninja Forms  to Google Sheet (e.g. “Name”, “Email”, “Comment or Message”, “date” etc).<br />
➜ Lastly Test your Ninja Forms and verify that the data shows up in your Google Sheet.</p>
</li>
</ul>
<h4>🔥 Videos to help you get started with Ninja Forms Google Sheets Connector</h4>
<p>🚀Ninja Forms Google Sheet Connector Introduction Video</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/M1C3PpqKuK0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Important Notes</h4>
<p>➜ You must pay very careful attention to your naming. This plugin will have unpredictable results if names and spellings do not match between your Google Sheets and Ninja Forms settings.</p>


GSheetConnector For Ninja Forms

This plugin is a bridge between your WordPress Ninja Forms and Google Sheets.

Modern Modal for Ninja Forms vs GSheetConnector For Ninja Forms