Skip to main content
It provides a ready-to-use chat widget backed by CometChat’s real-time infrastructure — add the embed code to your Webflow project and go live. With CometChat Widget Builder, you can:
  • Embed chat and calling into any Webflow website
  • Customize themes, colors, and typography
  • Toggle features on and off
  • Go live with a simple embed code snippet
The widget connects to CometChat’s SDK and infrastructure, which manages message transport, sync, and backend scaling.

Ready to add chat to your Webflow website?

Go to the Integration Guide

​
Widget Builder Features

No-Code Visual Configuration — Widget Builder provides a visual configuration environment for designing your chat widget before embedding. Toggle-Based Feature Control — Messaging and calling features can be controlled through configuration settings in the Widget Builder dashboard. Ready-to-Embed Code — After configuration, Widget Builder generates a code snippet you can add to your Webflow project using a custom code embed.

​
How to Use Widget Builder

​
1. Design

Customize your chat widget using the visual Widget Builder:
  • Configure layout — Toggle all the required features in the dashboard.
  • Toggle features — Turn chat and calling features on and off from the builder interface.
  • Themes — Select between system, light, and dark themes. Choose custom colors and typography.

​
2. Get Embed Code

Once configured, get the embed code snippet for your widget.
  1. Click on Get Embedded Code
  2. Note your app credentials (App ID, Auth Key, Region, Variant ID)
  3. Copy the code snippet

​
3. Integrate

Add the embed code to your Webflow website and go live.
  1. Add a custom code embed — In the Webflow Designer, add an Embed element to your page
  2. Paste the code snippet into the Embed element
  3. Configure credentials — Set your App ID, Region, and Auth Key
  4. User Authentication — CometChat uses a UID (User ID) to identify each user. Authenticate users to enable chat functionality.
  5. Launch — Publish your Webflow site and the chat widget is live

Follow the full Integration Guide

Step-by-step instructions for embedding the Widget Builder into your Webflow website

​
Try Live Demo

Experience the CometChat Widget Builder in action:

Launch Live Demo

​
Need Help?

Developer Community

Connect with other developers and get answers

Support Portal

Contact our support team for assistance

JavaScript Chat SDK

Learn more about the CometChat JavaScript SDK

HTML Widget

Widget Builder for HTML websites

Shopify Widget

Widget Builder for Shopify stores

Squarespace Widget

Widget Builder for Squarespace websites