🥳 Celebrate Our Launch With a $200 LIFETIME Discount OFF The Premium Plan Use: BIRTHDAY2024
This offer expires 9/30/2024, at 11:59 PM EST
How to Create and Add a Chat Widget to Funnels and Websites
Create a branded chat widget, customize the launcher and greetings, then add it to your funnels or websites so visitors can start conversations and become leads.
Giving Visitors an Easy Way to Start a Conversation
You may have visitors on your funnels or websites, but without a clear way to ask questions, they may leave without taking action.
A chat widget creates a direct path for visitors to start a conversation, get answers, and move forward faster.
Without a simple communication option, potential leads may hesitate or drop off.
This guide will show you how to create and add a chat widget so your pages can capture conversations and convert more visitors into leads.
Once you understand how chat widgets work, follow the steps below to create, customize, and add them to your BizStackPro funnels and websites.
Step 1: Create a Chat Widget
- Go to Sites → Chat Widgets.
- Click New (or + New Widget).
- Select the widget type that fits your goal.
Common widget types:
- All-in-One Chat: Provide multiple contact options in one widget.
- SMS/Email Widget: Capture contact details fast.
- Live Chat: Real-time messaging with your team.
- WhatsApp Chat: Send visitors into a WhatsApp conversation.
Follow along: Name your widget clearly (example: Support - Website or Sales - Funnel) so it’s easy to assign later.
Step 2: Customize Branding, Launcher, and Messages
Customize the widget so it looks like it belongs on your site and guides visitors into the right conversation.
- Branding: Theme colors, avatar image, icon, and placement.
- Chat Launcher: Button that opens the chat (with or without a prompt).
- Greetings: Set one message for first-time visitors and another for returning visitors.
- Language: Pick the widget language for your audience.
- “Powered By” text: Replace it with custom wording if desired.
Pro tip: Keep the launcher short and clear. Your goal is to get the click—then your greeting can do the explaining.
Step 3: Save and Get the Widget Code
- Click Save to store your widget settings.
- Click Get Code and copy the snippet.
- If you change language later, regenerate the code and replace the snippet wherever it’s installed.
When to regenerate code: language changes, major widget type changes, or if BizStackPro updates the widget script format.
Step 4: Add the Widget to Funnels and Websites
- Open Sites → Funnels or Sites → Websites.
- Select the funnel/website you want to edit.
- Go to Settings.
- Choose your chat widget from the dropdown list.
- Click Save.
Follow along: After saving, open the page in a fresh tab (or incognito window) to confirm the widget loads like a visitor would see it.
Step 5: Preview and Test
- Desktop + Mobile: Check spacing and launcher placement on both.
- New vs Returning: Test greetings using incognito (new) and a normal window (returning).
- Page Coverage: Confirm the widget appears on the intended funnels/pages only.
- Message Flow: Send a test message and confirm it routes correctly to your inbox/team.
Pro tip: If the widget doesn’t appear, clear cache, disable extensions temporarily, and re-check that you selected the correct widget in Settings.
Want more leads from the pages you already have?
Add chat widgets to your highest-intent pages so visitors can ask questions, get answers fast, and convert with less friction.
Opens in a new tab.
Frequently Asked Questions
What customization options are available for chat widgets?
You can customize style, theme, avatar images, placement, dimensions, icon, greetings, static messages, language, and branding text.
Can I personalize the “Powered By” text on my chat widget?
Yes—replace the default wording inside the widget settings to match your brand.
What is a Chat Launcher and how do I customize it?
The launcher is the button that opens chat. You can style it, choose placement, and show it with or without a prompt.
How do I update the code if I change language settings?
Regenerate the widget code and replace the old snippet everywhere it’s installed.
Can I set different messages for first-time visitors vs returning visitors?
Yes—configure different greetings for new visitors and returning visitors in the widget settings.
Can I add multiple chat widgets across different pages?
Yes—create multiple widgets and assign them to different funnels, websites, or specific pages.
How do I preview the chat widget before it goes live?
Save your widget, then preview or refresh the page where it’s installed to verify appearance and behavior.
Turn Website Traffic Into Conversations
A chat widget gives visitors a simple next step. Add it to your most important pages, test your greetings, and start capturing leads without extra tools.
Faster replies. Better conversions.
Disclaimer: This site is NOT endorsed by Google, Facebook or YouTube in ANY WAY. All trademarks & Logo / branding are the property of their respective owners. Please Note: This site was created in BizStackPro by Ken George II (An Affiliate of BizStackPro) and may contain affiliate links.
Copyrights 2024 | AllAboutBizStackPro.Com | Pricing | About | Features | All Rights Reserved.