Widget in your brand colors
Colors, icon, mascot, size and position. Tap a color — the widget follows your site.
Module 01
Widget in your brand colors
Chat looks like part of your site, not a third-party add-on. Colors, copy, logo and position are set in the dashboard — no developer needed.
The live example on the right is interactive.
Why it exists
What problem it solves
Match your brand
Choose chat colors, an icon, a mascot and greetings without changing your website code.
Keep styles separate
The widget uses Shadow DOM so the website and chat styles do not interfere.
Set clear expectations
Online status and off-shift greetings help visitors know when to expect a reply.
How it is used
Two sides of one module
Site visitor
- Open the chat button in either bottom corner.
- Read the greeting and send a message. On narrow mobile screens, the chat opens full screen.
Operator and owner
- Customize the widget and check the preview.
- Allow your website domains so the widget cannot be used on unrelated sites.
How to enable
Setup in the dashboard
-
Widgets→ New widget
Add the widget name and website domains.
-
Widgets→ Appearance
Choose colors, greetings, size, placement and social links, then save.
Install snippet — one line before </body>. The widget key is filled in the dashboard.
<script src="https://your-domain/widget.js" data-widget-key="wpk_live_…" async></script>In numbers
Limits and facts
320–520 pxchat width
420–720 pxchat height
5 linkssocial networks and email
5 MBicon and logo upload limit
Removing the Powered by Supportly link is available on the Company plan.
All modules
What else Supportly can do
Support chat
that greets your customers
Free plan with no time limit. Setup takes 5 minutes.
Start for free