Skip to main content

Smart Triggers

Triggers watch what visitors do and react automatically — showing a popup, firing an offer, or revealing a sticky bar at exactly the right moment. Set them up once, and they run for every visitor who matches the condition.


What triggers can do​

A trigger watches for a behavior and fires an action.

Behaviors you can watch:

  • Visitor scrolls past 50%, 75%, or 90% of the page
  • Visitor has been on the page for 30 seconds, 1 minute, or 5 minutes
  • Visitor moves their mouse toward the top of the browser (exit intent)
  • Visitor clicks a specific element

Actions you can fire:

  • Show a hidden element (a popup, sticky bar, special offer)
  • Hide an element
  • Add a CSS class (trigger an animation or style change)

Use cases​

Exit intent — Rescue abandoning visitors​

Show a popup or offer just as someone is about to leave your site.

E-commerce: "Wait — here's 10% off if you complete your order now" SaaS: "Before you go — have you seen our free plan?" Blog: "Don't leave yet — get this post as a PDF"

Scroll depth — Engage your most engaged readers​

Readers who scroll past 75% of your page are your most interested visitors. Trigger something for them specifically.

Blog: Show a newsletter signup after 75% scroll — they've read enough to know they want more Product page: Show a "You've been reading for a while — have questions?" chat prompt after 75% Landing page: Trigger a sticky CTA bar after 50% scroll so it follows them down the page

Time on page — Identify the interested but undecided​

A visitor who has been on your pricing page for 2 minutes is thinking hard about it.

SaaS pricing: After 90 seconds, show "Any questions? Chat with us" or reveal a special offer E-commerce product: After 60 seconds on a product, show social proof like "47 people are viewing this" Consultation page: After 2 minutes, show a "Book a call" sticky footer

Scroll depth for form reveal (reduce friction)​

Don't show your email capture form immediately. Let visitors read first, then show the form when they're engaged.

Best practice: Hide your email form by default, then reveal it with a trigger at 60% scroll. Conversion rates on forms revealed after scroll consistently outperform immediate forms.


How to create a trigger​

  1. Go to Rules → Smart Triggers
  2. Click New trigger
  3. Choose the behavior to watch (scroll depth, time, exit intent, click)
  4. Choose the action (show/hide element, add class)
  5. Set the target element (the CSS selector of what to show/hide)
  6. Set how often it should fire per visitor (once ever, once per session, every visit)
  7. Set which pages it applies to
  8. Toggle it on

Frequency options​

OptionUse when
Once everExit intent popup, one-time offer
Once per sessionSoft reminders, "don't close" messages
Once per dayDaily promotions, recurring nudges
Every timeSticky bars, always-visible elements

Ideas for sticky elements with triggers​

A common pattern: create a sticky bar in your HTML (initially hidden with CSS display:none), then use a Datsnip trigger to show it after scroll.

This gives you a sticky bar that only appears after someone is already engaged — much less annoying than an instant sticky bar, and typically performs better.


Combining with A/B tests​

You can A/B test trigger behaviors too. Create two experiments — one where the exit intent popup shows at 50% and one at 75% — and measure which intercept moment converts better.