Skip to main content

Lead Widgets

Tools โ†’ Lead Widgets creates a floating or embedded widget on your website that visitors can click to submit their contact details โ€” captured directly as a lead in LeadHub.

The widget is different from a form embed: it appears as a floating button (chat bubble, "Contact Us" button) that opens a form in a slide-in panel, without requiring a dedicated form page.

Creating a Lead Widgetโ€‹

  1. Go to Tools โ†’ Lead Widgets.
  2. Click New Widget.
  3. Configure the widget:

Basic Settingsโ€‹

FieldDescription
NameInternal label
FormWhich LeadHub form to display when the widget is opened
Button LabelText on the floating button (e.g. "Get a Quote", "Contact Us")
Button PositionBottom-left or Bottom-right of the page
Primary ColorButton and widget accent color
Welcome MessageOptional headline shown at the top of the open widget panel

Behaviorโ€‹

FieldDescription
Auto-open DelaySeconds before the widget auto-opens (0 = manual only)
Show on MobileToggle to show/hide on mobile devices
DomainsDomains where this widget is allowed to load
  1. Click Save โ€” a JavaScript embed code is generated.

Installing the Widgetโ€‹

Copy the embed code and paste it before </body> on your website:

<script>
  window.LeadHubWidget = { token: 'YOUR_WIDGET_TOKEN' };
</script>
<script async src="https://yourdomain.com/widget.js"></script>

The floating button appears on all pages where the script is loaded.

How It Works for Visitorsโ€‹

  1. Visitor sees the floating button on the page.
  2. They click it โ€” a slide-in panel opens with your form.
  3. They fill in the form and submit.
  4. LeadHub creates a new lead instantly.
  5. Any automations with the Form Submitted trigger fire.
  6. The visitor sees a thank-you message.

Multiple Widgetsโ€‹

You can create different widgets for different pages or campaigns:

  • A "Book Demo" widget on your pricing page
  • A "Get Support" widget on your help page
  • A "Download Guide" widget on a blog post

Each widget can point to a different LeadHub form, use different colors, and have different button labels.