Skip to main content

Popup Mode via GTM

Deploy your form as a popup using Google Tag Manager. This method allows you to manage popup triggers and settings through the GTM interface.

Implementation Steps​

Step 1: Get Your Form Configuration​

  1. Go to your form's Embed page
  2. Select Google Tag Manager
  3. Choose Popup as the display mode
  4. Setup delay option - time in seconds when pop-up will appear after page load
  5. Copy your Form ID and configuration settings

Step 2: Create Custom HTML Tag​

  1. Log in to Google Tag Manager
  2. Select your container
  3. Go to Tags → New
  4. Click Tag Configuration
  5. Select Custom HTML

Step 3: Add the Embed Code​

Paste the following code into the HTML field:

<script async src="https://widgets.interactiveform.com/embed.js"></script>

<script>
   window.ifLayer = window.ifLayer || [];
   window.ifLayer.push({
      id: 'YOUR_FORM_ID', type: 'pop-up', timeout: 5
   });
</script>

Step 4: Configure Triggering​

Choose when the tag should fire:

Option A: Page Load Trigger​

  1. Click Triggering
  2. Select All Pages or create a custom trigger
  3. For specific pages, create a new trigger:
    • Trigger Type: Page View
    • This trigger fires on: Some Page Views
    • Add condition: Page URL contains /your-page-path

Option B: Click Trigger​

  1. Click Triggering → New
  2. Choose Click - All Elements
  3. This trigger fires on: Some Clicks
  4. Add condition: Click Classes contains open-form-button

Option C: Time Delay Trigger​

  1. Click Triggering → New
  2. Choose Timer
  3. Set interval: 5000 (milliseconds)
  4. Limit: 1 (fire once)

Step 5: Name and Save​

  1. Name your tag: "Interactive Form - Popup"
  2. Click Save

Step 6: Test in Preview Mode​

  1. Click Preview in GTM
  2. Visit your website
  3. Verify the tag fires correctly
  4. Test the popup functionality

Step 7: Publish​

  1. Click Submit in GTM
  2. Add version name and description
  3. Click Publish

Troubleshooting​

Tag doesn't fire​

  • Check trigger configuration in GTM Preview mode
  • Verify trigger conditions match your page
  • Check for JavaScript errors in browser console
  • Ensure the embed script loads successfully
  • Verify form ID is correct

Multiple popups appear​

  • Check for duplicate tags in GTM
  • Verify trigger limits are set correctly
  • Use "fire once per page" option if needed

Best Practices​

  1. Use Preview Mode: Always test in GTM preview before publishing
  2. Version Control: Add descriptive version names when publishing
  3. Trigger Limits: Set appropriate limits to avoid annoying users
  4. Mobile Testing: Test on mobile devices before going live

Next Steps​