Skip to main content

How to Set Up an Embedded Live Chat Widget

Embedded Live Chat Widget lets you place a Live Chat widget directly inside page content instead of floating in the corner of the screen.

What the Embedded Live Chat Widget Does

The Embedded Live Chat Widget is a Live Chat placement option. It renders the chat widget inline within the page content. The widget still uses the same Live Chat system, routing, lead capture, and conversation management. Changing the widget placement only changes where the chat appears on the page.


Where Embedded Live Chat Works Best

Embedded Live Chat can be used on:

  1. Funnels

  2. Websites

  3. Landing pages

  4. Custom HTML pages

  5. Other supported pages where Chat Widgets can be installed

The embedded widget is mobile responsive by default and adjusts to smaller screens while staying inside the page content.


Step 1: Open Chat Widgets

Go to Sites β†’ Chat Widget.

Click + New to create a new widget, or open an existing widget.


Step 2: Select Live Chat

In the chat type selector, choose Live Chat. Live Chat allows visitors to start a real-time website chat managed by your team or Conversation AI.


Step 3: Set Widget Placement to Embedded / Inline

Open the Style tab. Under Widget Placement, select Embedded / Inline.

This setting makes the widget render inside the page content instead of floating on the screen.


Step 4: Customize the Chat Window

Open the Chat Window tab.

You can configure:

  1. Intro message

  2. Contact form fields

  3. Mandatory fields

  4. Button text

  5. Live Chat assigned message

  6. Live Chat closed message

  7. Business hours

  8. Additional options


Step 5: Get the Embed Code

Click Get Code in the top-right corner. Copy the embed script shown in the Via Code tab.


Step 6: Add the Code to a Page

Paste the embed code where you want the widget to appear. For funnels, add a Custom Code element in the Funnel Builder and paste the code there. For websites or external pages, paste the code into the desired page section or HTML location.

The widget renders where the code is placed.


Common Use Cases

Embedded Live Chat is useful when visitors may need help before taking action.

Common use cases include:

  1. Capturing questions before form submission

  2. Supporting visitors during pricing comparisons

  3. Helping visitors on booking or consultation pages

  4. Answering objections during funnel steps

  5. Adding a visible chat option inside a contact section


Best Practices

Place the embedded widget near high-intent content. Match the widget branding to the page design. Test the page on desktop and mobile after publishing. Keep the intro message clear and action-oriented. Avoid placing multiple chat widgets on the same page unless there is a specific reason.


Important Behavior Notes

Embedded widgets do not float on the page. You can still use sticky widgets on other pages. Embedded placement does not change chat routing, automations, lead capture, or CRM data capture.


Common Issues and Fixes

The widget is not showing

Confirm the embed code is pasted correctly. Confirm the page is saved and published.

Widget layout looks incorrect

Check the width of the page section or container where the code was added. Review custom CSS that may affect embedded scripts or iframe elements.

Chat is not responding

Check Live Chat assignment settings. Confirm business hours and closed-message settings are configured correctly.

FAQ

Can I use both embedded and sticky widgets?

Yes. You can use embedded widgets on some pages and sticky widgets on other pages.

Does embedded placement affect chat performance?

No. Embedded placement changes where the widget appears, not how Live Chat works.

Can I embed multiple widgets on one page?

Embedding multiple widgets on one page is not recommended because it can create user experience and tracking conflicts.

Did this answer your question?