Skip to main content

Float Button Mode via GTM

Deploy a floating button using Google Tag Manager. The button stays visible as users scroll and opens your form when clicked.

Implementation Steps​

Step 1: Get Your Form Configuration​

  1. Go to your form's Embed page
  2. Select GTag Manager
  3. Choose Float Button as the display mode
  4. Copy generated code for your form

Choose GTag Manager Step 1 Choose GTag Manager Step 2

Step 2: Create Custom HTML Tag​

  1. Log in to Google Tag Manager
  2. Select your container
  3. Go to Tags → New
  4. Define the tag name like "Interactive Form - Float Button"
  5. Click Tag Configuration
  6. Select Custom HTML

Setup Tag Configuration in GTM step 1 Setup Tag Configuration in GTM step 2 Setup Tag Configuration in GTM step 3

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: 'float-button'
   });
</script>

Paste code in HTML field

Step 4: Configure Triggering​

Set when the button should appear:

Choose trigger

Basic Trigger (All Pages)​

  1. Click Triggering
  2. Select All Pages

Choose trigger all pages

Specific Pages Only​

  1. Click Triggering → New
  2. Choose Page View
  3. This trigger fires on: Some Page Views
  4. Add conditions:
    • Page URL contains /products
    • OR Page Path equals /contact
  5. Define Trigger Name like "View /products pages"
  6. Click Save

Add new trigger Add new trigger - select type Add new trigger - config

Exclude Specific Pages​

  1. Create trigger with conditions:
    • Page URL does not contain /checkout
    • Page URL does not contain /thank-you

Step 5: Save​

  1. Click Save Click Save Tag

Step 6: Test and Publish​

  1. Click Preview to test
  2. Verify button appears correctly
  3. Click Submit → Publish

Preview and Publish GTag Manager

Troubleshooting​

Button doesn't appear​

  • Check GTM Preview mode to see if tag fires
  • Verify trigger conditions
  • Check browser console for errors
  • Ensure form ID is correct

Button appears multiple times​

  • Check for duplicate tags in GTM
  • Verify only one tag fires per page
  • Use tag sequencing if needed

Best Practices​

  1. Single Button Per Page: Avoid showing multiple float buttons simultaneously
  2. Clear Call-to-Action: Use descriptive button text
  3. Appropriate Timing: Don't show button immediately on page load
  4. Mobile Optimization: Test thoroughly on mobile devices
  5. Performance: Monitor page load impact
  6. Accessibility: Ensure button is keyboard accessible
  7. Testing: Use GTM Preview mode before publishing

Next Steps​