Skip to Content
Lead Capture WidgetSetup & Embed

Setup & Embed

1. Open the widget settings

Navigate to Settings → Lead Widget (the gear icon in the top right of the app, then the Lead Widget tile under Analytics & Commerce).

If your plan doesn’t include the widget, you’ll see an upgrade card — the widget ships with Growth and Business plans plus the free trial.

2. Add allowed domains

The widget refuses submissions from any domain not on this list. Add each host where you’ll embed the snippet:

  • acme.com (apex)
  • www.acme.com (www subdomain — if you use both)
  • landing.acme.com (any subdomain you also want enabled)
  • acme.in (additional TLDs you own)

You can add or remove domains anytime; changes take effect immediately.

3. Connect a WhatsApp number

The bubble redirects visitors to chat with your connected WhatsApp Business number. If you haven’t set one up yet, head to Dashboard → WhatsApp Setup first — you’ll need:

  • A Meta Business account
  • A WhatsApp Business number (phone or virtual)
  • Embedded Signup completed

Until a number is connected, the widget won’t function — visitors clicking the bubble will see “Chat is currently unavailable”.

4. Copy the embed snippet

In the Embed section you’ll see a <script> tag like:

<script src="https://app.splashifypro.com/widget.js"
        data-widget="lw_a3f8z2k9wp" async></script>

Click Copy to grab it.

5. Paste into your site

Plain HTML / static site

Add the snippet just before the closing </body> tag of every page you want the widget on:

<!DOCTYPE html>
<html>
<head>...</head>
<body>
  <!-- your site content -->
 
  <script src="https://app.splashifypro.com/widget.js"
          data-widget="lw_a3f8z2k9wp" async></script>
</body>
</html>

WordPress

  • Header/Footer plugin — paste into the Footer Scripts box (Insert Headers and Footers, WPCode, or similar).
  • Theme functions — add to footer.php just before </body>.
  • Elementor — use a Custom Code element set to “Insert in body end”.

Shopify

Online Store → Themes → Edit code → theme.liquid → paste before </body>.

Wix / Squarespace / Webflow

Each platform has a “custom code” / “embed code” feature. Paste the snippet in the body end position so it loads after the rest of the page.

React / Next.js

// app/layout.tsx (Next.js 13+)
export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <script
          src="https://app.splashifypro.com/widget.js"
          data-widget="lw_a3f8z2k9wp"
          async
        />
      </body>
    </html>
  );
}

The widget initialises lazily — it doesn’t fetch any config until the visitor clicks the bubble — so the page-load impact is just one tiny async script (~10 KB).

6. Verify it works

  1. Open your site in an incognito window.
  2. The bubble appears at the bottom-right (or whatever position you picked).
  3. Click → form opens.
  4. Fill it in with a real phone number → click submit.
  5. Check Settings → Lead Widget → Captures — your submission should appear within a few seconds.
  6. Check Contacts — there’s a new entry tagged lead-widget.
  7. Send the WhatsApp message your visitor flow ends with — it lands in Messages linked to that contact.

If the bubble doesn’t appear, see Troubleshooting.

Multiple sites

You can embed the same snippet on as many sites as you want — just make sure every domain is in the allowlist. Each captured contact records its lead_page_url and widget_id so you can build segments per source.

Rotating the widget ID

If your snippet leaks publicly (e.g. you’ve published it in a code sample) and you start seeing abuse from unauthorized domains, click Regenerate widget ID on the settings page. This invalidates every deployed snippet and gives you a fresh one — you’ll need to update the embed on every site.

The old widget_id immediately starts returning 404 on both the config fetch and capture POST, so leaked snippets stop working without delay.

OverviewCustomize