Skip to main content

Popup Mode

Display your form in a modal window that appears over your website content. This mode is perfect for capturing user attention without disrupting their browsing experience.

How It Works​

The popup appears as an overlay on your page, triggered by user actions such as:

  • Clicking a button or link
  • Time delay (e.g., after 5 seconds)
  • Scroll depth (e.g., after scrolling 50% of the page)
  • Exit intent

Implementation Steps​

Step 1: Get Your Embed Code​

  1. Go to your form's Embed page
  2. Select Manual Embedding
  3. Choose Popup as the display mode
  4. Copy the generated code

Step 2: Add Code to Your Website​

Paste the code before the closing </body> tag of your HTML:

<!-- Interactive Form Popup -->
<script src="https://cdn.interactiveform.com/embed.js"></script>

Troubleshooting​

  • Check that the script is loaded (view browser console)
  • Verify your form ID is correct
  • Ensure trigger selector matches your button ID

Popup appears behind content​

  • Add higher z-index to the popup container
  • Check for conflicting CSS styles

Next Steps​