Theme
What is Webfon?
Webfon is a live-support widget you add to your website with a single snippet of code. Your visitors can chat live with you through the widget, and they can also start a voice/video call.
The widget runs completely isolated from your page: its own styles and scripts do not clash with your site's design, and your site's CSS cannot break the widget's appearance. This isolation comes from the browser's Shadow DOM technology — you do not have to do anything for it.
How does it work?
- The only thing you pass to the code you add to your site is a
providerId. - The widget's appearance and behaviour (color, corner position, working hours, which channels are enabled) live in the admin panel, not in the embed code. A change you make in the panel reaches the widget without any code change.
Distribution channels
There are two ways to add the widget to your site:
| Channel | Usage | Best for |
|---|---|---|
| CDN | Embedded directly with a <script> tag | Static sites, WordPress, any HTML page |
| npm | The @webfon/client package (ESM) | React / Vue / Svelte or any project using a bundler |
One-widget rule
One widget per page is supported. If you call the init function a second time, no new widget is created; the existing widget instance is returned.
What's next?
- To try it right away → Getting Started
- For the installation path that fits your project → Installation
- To identify your signed-in members → Authentication