Smart Triggers & Targeting
Master the art of showing the right form to the right user at the perfect moment.
TryBoostack's Smart Snippet allows you to automate form delivery based on user behavior and page context. By placing the snippet once, you gain granular control over when and where your forms appear.
Page Targeting
Control which pages show specific forms to ensure relevance and high conversion rates.
Targeting Types:
- All Pages: The default setting. The form will load on every page where the snippet is installed.
- Specific Path: Match an exact URL or relative path (e.g.,
/pricingorhttps://yoursite.com/checkout). - Path Contains: Show the form on any page that includes a specific keyword in the URL (e.g.,
blogwill match/blog/article-1and/blog/category/updates).
Behavior Triggers
Triggers define the specific moment a form appears after the page targeting rules are met.
Available Triggers:
- Immediate: Shows the form as soon as the page loads.
- Time Delay: Wait for a specific number of seconds (e.g., 5s) before appearing.
- Scroll Percentage: Trigger when the user scrolls down a certain percentage of the page (e.g., 50%).
- Exit Intent: Detects when a user's mouse moves toward the browser's close button or address bar.
- Inactivity: Show the form after the user has been idle for a set period.
- CSS Selector (Click): The most powerful trigger. Attach your form to any existing button or link on your site by providing its ID or Class (e.g.,
#open-feedback-btn). - Copy Trigger: Trigger the form when a user copies text from your page—perfect for capturing "How can we improve this?" feedback on technical docs.
Re-display Logic
To prevent annoying your users, you can set a Re-display Delay. This ensures that once a user closes a form, it won't appear again for that same user for a set number of days (e.g., 7 days).
Pro Tip: Using the Click Trigger
If you want a button on your landing page to open a Boostack form, set your trigger to Click and enter the button's ID in the Selector field.
<!-- In your HTML -->
<button id="my-custom-btn">Give Feedback</button>
<!-- In Boostack Builder -->
Trigger: Click
Selector: #my-custom-btn