What is the Web Widget?
By Webwidget we mean the widget that appears on your website and lets visitors choose how they want to contact your business (e.g. WhatsApp, Instagram, Live Chat, phone, email, links).
Who can create, edit or install Web Widgets?
Only Admins can create, edit and delete Web Widgets.
How to create or manage a Web Widget?
Create or edit Web Widgets
1. Go to Settings → Web Widget.
2. From here you can:
Create a new Web Widget
Edit or delete existing Web Widgets
Setup channels & links
1. Website URL: Enter the website where the widget will be installed (for internal documentation only).
2. Add channels: Add any channel you’ve connected to Superchat (WhatsApp, Instagram, SMS, Telegram, Live Chat, etc.).
3. Add custom links (only available in Professional plan onwards):
Website link (e.g. “Shop now” → www.shop.com)
Email (opens the user’s email client)
Phone (opens the user’s dialer to call directly)
Tip: With a phone link, you can place your phone number prominently in the Web Widget — visitors can call you directly with a single tap. If this number is forwarded to your AI Agent, callers will immediately reach your AI Agent on the phone.
4. Groups: Organise channels into groups (e.g. “London Office,” “Manchester Office”). Groups can be renamed, reordered, and assigned icons.
Customise the Webwidget Appearance
The appearance is divided into Launcher and Widget.
Launcher = the small button (usually in the bottom corner of your website) that visitors click to open the Widget.
Widget = the full panel and chat window that opens when someone clicks the launcher, showing all available channels and links.
Widget settings
Logo (optional)
Introduce team (optional): shows up to 3 team members with profile pictures or initials
Background color: solid or gradient (provide one color, gradient is generated automatically)
Font color: black or white
This is what the widget looks like
Launcher settings
Welcome message: always show, desktop only, mobile only, or hidden
Launcher icon: 3 presets or custom (custom only available in Professional plan onwards)
Shape: round or square
Background color: solid (pick any color)
Icon color: black or white
Position: left or right
Distance: define px from bottom and side
Avatar: shown in the welcome message bubble
This is what the launcher looks like
Advanced settings
Remove “Powered by Superchat” branding in widget (only available in Professional plan onwards)
Customise the Web Widget Copy & Localisation
1. Choose which languages the Web Widget should support (based on the visitor’s browser language).
2. Set a fallback language if the visitor’s language isn’t available.
3. Customise all text for each language.
Install the Web Widget on your website
Superchat generates a simple code snippet you must add to your website’s <head> section.
You can either:
Install it yourself
Send installation instructions by email (e.g. to your IT team or someone who has access to your website's code)
For Developers and tech-savvy people
You can fully control the Webwidget widget's behaviour on your website. For instance, you can show or hide the widget and launcher, open and close the widget with your own buttons, pre-fill WhatsApp or Live Chat messages and many more things. For this, please use the Superchat Webwidget SDK: developers.superchat.com/docs/widget-sdk
FAQ
When should I use groups in the Web Widget?
When should I use groups in the Web Widget?
Use groups to keep choices clear when you have more than one “entry point”. Examples:
Multiple locations (e.g., Manchester, London) with different channels for each, under one website for all locations
Different teams / departments (e.g., Sales, Support, Recruiting)
Distinct products / brands under one website
You can name each group, give it an icon, and reorder groups and channels with drag & drop.
If I change Web Widget settings later, do I have to reinstall the code?
If I change Web Widget settings later, do I have to reinstall the code?
No. Once the snippet is on your site, changes to the Web Widget update automatically. Re-installation is only needed if you move to a new website or replace the snippet entirely.
What features are included in which plans?
What features are included in which plans?
All plans include Web Widget. The Professional plan (and up) unlocks extras like:
Custom links (e.g., Website Link, Email, Call)
Custom launcher icon
Remove “Powered by Superchat” branding
What’s the difference between Web Widget and Live Chat?
What’s the difference between Web Widget and Live Chat?
Web Widget = the website widget.
Live Chat = one channel you can include inside a Webwidget (alongside WhatsApp, Instagram, SMS, phone, links, etc.)
Can I use Web Widget without Live Chat?
Can I use Web Widget without Live Chat?
Yes. You can build a Webwidget with only external channels (WhatsApp, Instagram, SMS, etc.) and/or links—Live Chat is optional.
Can I use Live Chat without Web Widget?
Can I use Live Chat without Web Widget?
No. Live Chat only works when it’s connected to a Web Widget. The Web Widget is the widget that makes Live Chat visible on your website.
How do languages work?
How do languages work?
You choose supported languages and a fallback. The widget uses the visitor’s browser language.
Will Web Widget slow down my site?
Will Web Widget slow down my site?
No, our Web Widget should not slow down your website. It’s designed to have minimal impact on your page and SEO performance.
What happens if I delete a Web Widget?
What happens if I delete a Web Widget?
The widget disappears from your website. Your channels and conversations remain in Superchat; only that Web Widget configuration is removed.