This guide walks through building your first exit-intent widget end-to-end. The builder has four steps: Content, Design, Targeting, and Frequency. Most first widgets are live in under 10 minutes.
Before You Start
You will need:
- A Pro or higher plan
- The Zenovay tracking script already installed on your site
- A clear idea of what you want to say (a draft is fine)
If the tracker isn't installed yet, see Install Tracking Script first.
Open the Widget Builder
Open the app
Sign in at app.zenovay.com
Open Widgets
Open the website you want to add a widget to and select the Widgets tab, or go straight to Widgets in the sidebar. If your team has more than one website, pick the right one from the selector at the top.
Start a new widget
Click New Widget.
The four-step builder opens as a dialog, starting on Content.
Step 1 — Content
This is what your visitor will read.
Fields
| Field | Required | Description |
|---|---|---|
| Title | Yes | Short attention-grabber (max 100 characters) |
| Body | Yes | Supporting text or offer detail, Markdown supported (max 1,000 characters) |
| Button text | No | The main call-to-action label (max 60 characters) |
| Button link | No | Where the click goes. Must be a full https:// URL |
A live preview of the widget appears beside the fields and updates as you type.
Tips
- Lead with the value, not "wait!" — "Save 10% on your first order" beats "Don't go!"
- Keep the body to two short sentences
- The button label should match what the link does — "Get the coupon" if the link reveals a code, "Email it to me" if you collect an email
Click Next when content looks right.
Step 2 — Design
Design choices control how the widget looks. A live preview on the right reflects every change.
Position
Pick where the widget appears: a center modal (full overlay, highest impact), one of the four corners (top-left, top-right, bottom-left, bottom-right), or a top banner / bottom banner spanning the edge of the viewport.
Width
Choose the widget width: SM, MD, LG, or XL.
Colors
Set the background, text, button, and button text colors. Each takes a swatch picker or an exact hex value.
Corners
Pick the corner radius, from square through to a fully rounded pill.
Image (optional)
Add a hero image by pasting an https:// image URL. When set, you can position it top, left, right, or as a background.
Secondary button (optional)
Add a second action (for example "No thanks"). It can either dismiss the widget or open a link (an https:// URL).
Click Next.
Step 3 — Targeting
This is where you decide who sees the widget. Targeting rules are covered in depth in Targeting Rules; the quick version is below.
Page patterns
Define which URL paths the widget can fire on:
- Leave blank → fires on all pages of the website
- Enter
/pricing→ matches every URL containing/pricing - Enter
/blog/*→ use*as a wildcard for everything under/blog/ - Multiple patterns are OR'd together (any match counts)
Devices
Check any combination of Desktop, Mobile, and Tablet. At least one must stay selected.
Countries
- Leave blank → all countries
- Add one or more two-letter ISO codes (e.g.
US,DE,FR)
Minimum visit count
Optionally only show the widget after a visitor has been on your site at least N times. Useful for "loyalty" offers. See Targeting Rules for caveats when running in cookieless mode.
Click Next to move on.
Step 4 — Frequency
The final step controls how often the same visitor sees the widget, and whether it goes live right away.
Frequency cap
A single slider sets the cap, in days:
| Value | Behavior |
|---|---|
| 0 | No cap — every exit-intent trigger fires (use sparingly) |
| 1 | At most once per day per visitor |
| N | At most once every N days per visitor |
Status
Choose the status the widget saves with:
- Draft — saved but not shown to visitors yet
- Active — goes live immediately
When everything looks right, finish the builder. Saving as Active launches the widget right away; saving as Draft keeps it private until you activate it from the Widgets list. You can return to the Widgets list to edit, pause, activate, or delete it at any time.
After You Publish
Test on Your Site
The fastest way to confirm it's working:
- Open your live site in a private/incognito browser window
- Move your cursor up to the top edge of the window (or scroll up on mobile)
- The widget should appear
If it doesn't, the most common causes are:
- The page URL doesn't match your targeting rule
- You already saw the widget recently (frequency cap)
- The tracker hasn't loaded yet (refresh and wait a second)
- The widget is still a draft or paused
Watch the Numbers
Open the widget from the Widgets list — the detail view shows CTR, impressions, unique impressions, clicks, and dismissals, plus a per-day chart, a Shown → Clicked funnel, and your top pages. Today's numbers update in near real time; older days are aggregated overnight. See Understanding Analytics for what each number means.
First-Widget Tips
- Start narrow. Target one page (your highest-value one) and one device for the first version. Broaden later.
- Set a reasonable cap. Once per day (a cap of 1) is a good default; no cap is almost always too much.
- Give it a week. Conversion rates need volume to be reliable. Don't kill a widget after 50 impressions.
- Match the offer to the page. A pricing-page exit deserves a different message than a blog-post exit.
- Use a goal. Linking the widget's button to a Zenovay goal lets you measure full conversions, not just clicks. See Creating Goals.