Seven embed modes
Inline, framed, popup, bubble, your own trigger, direct link and classic iframe.
By line of business
Feature · Embed anywhere
Copy one div and one script into your page and the calculator appears, styled your way and walled off from the rest of your site. Prefer a button, a popup, a floating bubble or a plain link? Each is a different embed mode of the same calculator.
The default embed is a single div plus a single script tag. The calculator renders inside an isolated shadow DOM, so your site's CSS cannot break it and it cannot break your site. It works on any website builder, on HighLevel funnels and websites, and on hand-coded HTML pages. Other modes cover popups, bubbles, iframes and direct links.
How it works, step by step
Choose a live calculator, set its theme, palette and disclaimer, and decide where its leads should go.
Inline, inline in a frame, popup button, floating bubble, your own link or button, direct link or classic iframe.
The dashboard gives you the exact code for the mode you picked; nothing else needs installing.
Use your builder's custom HTML or code block, a HighLevel funnel's custom code element, or the page template itself.
Run a calculation, submit the lead form and check that the email alert and webhook arrive.
What you get
Inline, framed, popup, bubble, your own trigger, direct link and classic iframe.
Shadow DOM keeps your site and the calculator from breaking each other.
Figures update as the visitor types, with no page reloads.
Any page that accepts custom HTML, including HighLevel funnels and websites.
Visitors can copy a link, send it to a friend or print their result.
Use inline on pages built around the calculator, such as a life insurance needs page. Use a popup button or your own link where the calculator supports other content, like a blog post. Use a floating bubble when you want it available site-wide. Keep the direct link for emails, texts and social bios.
Agency websites carry years of theme CSS, plugins and page-builder styles. Inside a shadow DOM, those styles cannot reach the calculator's fields, and the calculator's styles cannot leak out and restyle your menu or footer. The result looks the way you designed it in the dashboard, on whichever site it lands.
That isolation is also why marketers can drop the same calculator onto several client sites without testing each theme's quirks. Visual control stays in the branding and themes settings, including custom CSS when you need it.
Put it where the visitor is already asking the question the calculator answers. That means line-of-business pages, such as life or disability, blog posts about how much coverage someone needs, landing pages for paid campaigns, and post-enrollment or review reminders. A calculator buried on a generic tools page tends to be found by few people.
For a HighLevel funnel, the calculator often replaces a bare opt-in form on the first step, with the thank-you step carrying your booking calendar. Pair this with lead attribution so you can see which placement produces the leads.
All features
Every lead arrives with the inputs and results the visitor entered, so the first call starts at question five.
Each lead is posted as JSON to a webhook you paste in: HighLevel, Zapier, Make or any HTTPS endpoint.
Bundle several calculators into one embed: a floating launcher, tabs, popup buttons or a card grid.
Themes, colour palettes, custom fonts, light and dark modes and custom CSS make every calculator look like your agency.
FAQ
Answers first, details after.
Usually not. If your website builder lets you add a custom HTML or code block, you can paste the snippet yourself. A developer helps only if your site blocks third-party scripts, in which case the framed or iframe modes are the fallback.
It adds one script and one calculator to the page, much like any other embed. To keep pages light, place inline calculators only where they are relevant, and use the popup, bubble or link modes where the calculator is a secondary action.
Yes. Paste the snippet into a custom code element on the funnel or website step. Many agencies then send leads back into the same HighLevel account by webhook.
Yes. Paste the same snippet on each site, and leads from each placement carry the page URL and landing page, so you can tell which site produced them.
Your site's CSS cannot reach inside the calculator because it runs in a shadow DOM. Adjust its look through themes, palettes, fonts or custom CSS in the dashboard instead of your site's stylesheet.
Inline works best on a page dedicated to the question, where the calculator is the main content. A popup button suits pages where the calculator is a supporting action, such as a blog post about coverage needs.
Yes. The "your own link or button" mode lets any existing button or link on your site open the calculator, so it matches your design exactly.
Yes. Every calculator has a direct link you can drop into emails, texts, social profiles or a QR code. If you text it, follow the consent rules that apply to your messages.
Insurance calculators are part of the Enterprise plan, which also has unlimited widgets and embeds. General finance calculators are available on other plans; see pricing.
InsuranceQuoteWidget
/ Press / to search
Theme
Colour palette
Text size
Saved on this device