What is the Webwidget?
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 Webwidgets?
Only Admins can create, edit and delete Webwidgets.
How to create or manage a Webwidget?
Create or edit Webwidgets
1. Go to Settings → Webwidget.
2. From here you can:
Create a new Webwidget
Edit or delete existing Webwidgets
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)
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 Webwidget Copy & Localisation
1. Choose which languages the Webwidget 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 Webwidget 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 Webwidget?
When should I use groups in the Webwidget?
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 Webwidget settings later, do I have to reinstall the code?
If I change Webwidget settings later, do I have to reinstall the code?
No. Once the snippet is on your site, changes to the Webwidget 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 Webwidget. 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 Webwidget and Live Chat?
What’s the difference between Webwidget and Live Chat?
Webwidget = the website widget.
Live Chat = one channel you can include inside a Webwidget (alongside WhatsApp, Instagram, SMS, phone, links, etc.)
Can I use Webwidget without Live Chat?
Can I use Webwidget 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 Webwidget?
Can I use Live Chat without Webwidget?
No. Live Chat only works when it’s connected to a Webwidget. The Webwidget 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 Webwidget slow down my site?
Will Webwidget slow down my site?
No our Webwidget should not slow down you website. It’s designed to have minimal impact on your page and SEO performance.
What happens if I delete a Webwidget?
What happens if I delete a Webwidget?
The widget disappears from your website. Your channels and conversations remain in Superchat; only that Webwidget configuration is removed.