Embed a Voice AI Chat Widget Inline on Sparkforge Pages

By Sparkforge Support Team ·Last reviewed May 3, 2026

Sparkforge’s Embedded/Inline placement renders the Voice AI chat widget inside page content rather than as a floating bubble. Build the widget, set placement to Embedded, copy the code, and paste it into a Code element on your funnel or site.

Sparkforge’s Embedded/Inline placement renders the Voice AI chat widget inline within your page content. It sits in the layout instead of floating in the corner — better for landing pages, lead capture sections, and offer blocks where you want the conversation to feel like part of the page.

Where embedded widgets work

V2 Funnels
Sparkforge Websites
Landing pages
Custom HTML pages
Any other page that supports Sparkforge chat widgets

The embedded widget is mobile-responsive by default. You can mix multiple embedded widgets and a sticky widget on the same page if it fits the flow.

Build an embedded Voice AI chat widget

Step 1: Create a chat widget

Go to Sites → Chat Widget and click + New, or open an existing widget.

Step 2: Pick Voice AI Chat

Select Voice AI as the widget type.

Step 3: Set placement to Embedded

Open the Style tab.
Under Widget Placement, choose Embedded / Inline (Renders inside content).

Step 4: Customize the widget

In the Chat Window tab, edit the Button Text that appears below the avatar in inline layout. Examples: "Talk to our AI" or "Ask a Question." Open Additional Options to adjust business name and compliance footer. The right-side preview updates live.

Step 5: Generate the embed code

Click Get Code in the top right. Copy the embed snippet.

Step 6: Drop it into your page

To embed in a funnel:

Open the funnel page in Sites → Funnels and click Edit Page.
In the left sidebar, search for Code under Quick Add → Custom.
Drag the Code Element onto your page where the widget should appear.
Click Open Code Editor, paste the embed snippet, and click Save.
Publish the page.

Placement tips

Put the widget near high-intent content — forms, offers, booking sections, support prompts.
Match widget colors to the page so it reads as part of the layout.
Test spacing inside narrow sections so the widget doesn’t look cramped.
Confirm the mobile layout after publishing.
Keep intro and acknowledgment messages short and action-oriented.

Frequently Asked Questions

Where should I place the embedded widget?

Hero sections, offer blocks, lead capture areas, service pages — wherever visitors are most likely to engage. Avoid placing it where it competes with a primary CTA above the fold.

Why did some style settings disappear after I selected Embedded?

Some controls only apply to floating widgets. In Embedded/Inline mode, Sparkforge hides settings that don’t apply to inline placement.

Can I use Embedded/Inline for Live Chat too?

Yes. Embedded/Inline is supported for both Voice AI and Live Chat widgets.

Can I run multiple embedded widgets on one page?

Yes. Multiple inline widgets can point to the same Voice AI agent, and you can mix embedded and sticky placements on the same page.