Quick Answer
How do you add a chat widget to a funnel or website?
Go to Sites → Chat Widgets, create and customize the widget, save it, then open the target funnel or website and select that widget under its Settings. After saving, preview the page to confirm the widget loads and behaves correctly.
Giving Visitors an Easy Way to Start a Conversation
Visitors may have questions while viewing your funnels or websites. A chat widget gives them a direct way to start a conversation without leaving the page.
BizStackPro chat widgets can be customized for different contact methods, branding styles, launcher behavior, greeting messages, and languages.
Once the widget is configured, you can assign it to a funnel or website and test the experience before relying on it for visitor conversations.
Chat Widget Setup at a Glance
Before You Begin
Decide what kind of conversation the widget should support and where you want it to appear.
- Know which funnel or website should use the widget.
- Decide which widget type best fits the way visitors should contact you.
- Have the basic branding and greeting message you want to use.
Step 1: Create a Chat Widget
Open Chat Widgets
Go to Sites → Chat Widgets.
Create a New Widget
Click New or + New Widget.
Choose the Widget Type
Select the widget type that fits the way you want visitors to contact you.
All-in-One Chat
Provide multiple contact options inside one widget.
SMS / Email Widget
Use the widget to collect contact details.
Live Chat
Provide real-time messaging with your team.
WhatsApp Chat
Send visitors into a WhatsApp conversation.
Name the Widget Clearly
Use a name such as Support - Website or Sales - Funnel so the correct widget is easy to identify when assigning it later.
Step 2: Customize Branding, Launcher, and Messages
Customize the widget so its appearance and messaging fit the page where visitors will use it.
Branding
Customize the style, theme, avatar images, icon, placement, dimensions, and other available appearance settings.
Chat Launcher
Customize the clickable button that opens the chat window. The launcher can be configured with or without a prompt.
Greeting Messages
Configure different greeting or initial messages for first-time visitors and returning visitors.
Language
Choose the widget language for the audience using the page.
“Powered By” Text
Replace the default “Powered By” wording with your own text when desired.
Keep the Launcher Clear
Keep the launcher text short and easy to understand. The greeting message can provide more explanation after the visitor opens the widget.
Step 3: Save and Get the Widget Code
Save the Widget
Click Save to store the widget settings.
Get the Code
Click Get Code and copy the widget snippet.
Regenerate the Code After a Language Change
If you change the widget language later, regenerate the widget code and replace the old snippet anywhere it is installed so the new language loads correctly.
Step 4: Add the Widget to Funnels and Websites
Open the Funnel or Website
Go to Sites → Funnels or Sites → Websites.
Select the Build
Open the funnel or website you want to edit.
Open Settings
Go to the funnel or website Settings.
Select the Chat Widget
Choose the chat widget from the available dropdown list.
Save
Click Save.
Check the Visitor View
After saving, open the page in a fresh tab or incognito window to confirm that the widget loads as a visitor would see it.
Step 5: Preview and Test
Desktop and Mobile
Check the widget spacing and launcher placement on both desktop and mobile.
New vs. Returning Visitors
Use an incognito window to test the new-visitor greeting and a normal browser window to review the returning-visitor experience.
Page Coverage
Confirm that the widget appears only on the funnels or pages where you intended it to appear.
Message Flow
Send a test message and confirm that it routes correctly to the intended inbox or team.
If the Widget Does Not Appear
Clear the browser cache, temporarily disable extensions, and confirm that the correct widget is selected in the funnel or website settings.
Frequently Asked Questions
What customization options are available for chat widgets?
You can customize the widget’s style, theme, avatar images, placement, dimensions, chat icon, greeting messages, static messages, widget language, and branding text like “Powered By.”
Can I personalize the “Powered By” text on my chat widget?
Yes. In the widget settings you can replace the default “Powered By” text with your own wording to match your brand.
What is a Chat Launcher and how do I customize it?
The Chat Launcher is the clickable button that opens the chat window. You can customize it with or without a prompt and style it to match your brand.
How do I update the chat widget code if I change language settings?
If you change the widget language, regenerate the widget code and replace the old snippet anywhere it’s installed so the new language loads correctly.
Can I set different messages for first-time visitors versus returning visitors?
Yes. You can configure different greeting or initial messages for first-time visitors and returning visitors.
Can I add multiple chat widgets across different pages?
Yes. Create multiple widgets and assign them to different funnels, websites, or specific pages depending on your setup.
How do I preview the chat widget before it goes live?
Save the widget settings, then preview or refresh your funnel/website page to see the widget as visitors will.
Continue Learning
Continue with related chat-widget guides for using different widgets across pages and reviewing the conversations visitors submit.
