Configuring a widget

Most widgets carry sensible defaults, so the bare snippet works as-is. When you want to change the copy, colors, or behaviour, use the Configuration options on each widget card. They edit data-* attributes on the snippet, and the snippet updates live as you type.

How configuration works

1. Open Widgets or Settings → Widgets.
2. Set the Site ID at the top.
3. On a widget card, expand Configuration options.
4. Type values into the fields. The code block above updates in real time.
5. Click Copy snippet — the copied code is the configured version.

Empty fields fall back to the widget’s built-in default, so you only need to fill in what you want to change.

What’s configurable per widget

Widget	Options (data-*)
Lead Capture Form	Form ID (data-form)
Review Collector	Display mode — inline or popup (data-mode)
Notification Bar	Message, Link URL, Link text, Background color, Text color
Exit-Intent Popup	Trigger (exit / scroll / time), Delay (ms), Title, Body text, CTA text, CTA link
Analytics Pixel, Chat, Booking	No extra options — paste and go

Example: the Notification Bar

The Notification Bar is a fixed announcement bar with the most options:

<script src="https://api.vertaflow.io/v1/bar.js" data-site="yourdomain.com"
  data-message="Welcome! Check out our latest offers."
  data-link="/pricing" data-linktext="See pricing"
  data-bg="#1a1b2e" data-fg="#c9a96e" defer></script>

Set Message to your headline, Link URL + Link text to point at a page, and Background color / Text color to match your brand. Each field rewrites the matching data-* value in the snippet.

Example: the Exit-Intent Popup

<script src="https://api.vertaflow.io/v1/popup.js" data-site="yourdomain.com"
  data-trigger="exit" data-title="Wait! Before you go..."
  data-body="Sign up for exclusive offers." data-cta="Sign up" defer></script>

Set Trigger to exit, scroll, or time; Delay (ms) controls timer-based triggers. Captured emails route to Leads.