Skip to content

overview.mdx

Latest commit

 

History

History
130 lines (96 loc) · 3.77 KB

overview.mdx

File metadata and controls

130 lines (96 loc) · 3.77 KB
Raw
title CometChat Widget Builder For Squarespace
sidebarTitle Overview
description CometChat Widget Builder for Squarespace is a no-code solution that lets you embed a fully functional chat interface into any Squarespace website using a simple code snippet.

It provides a ready-to-use chat widget backed by CometChat's real-time infrastructure — add the embed code via Code Injection and go live.

With CometChat Widget Builder, you can:

  • Embed chat and calling into any Squarespace 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.

<Card title="Ready to add chat to your Squarespace website?" icon="rocket" href="/widget/squarespace/integration"

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 Squarespace site via Code Injection.

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 Squarespace website and go live.

  1. Open Code Injection — Go to Settings → Advanced → Code Injection in your Squarespace dashboard
  2. Paste the code snippet into the Footer section of Code Injection
  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 — Save and the chat widget is live on your Squarespace site

<Card title="Follow the full Integration Guide" icon="book" href="/widget/squarespace/integration"

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

Try Live Demo

Experience the CometChat Widget Builder in action:

<iframe width="100%" height="400" src="https://www.youtube.com/embed/0mmX_3Ohnz8" title="YouTube video" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" ></iframe>

Need Help?

Connect with other developers and get answers Contact our support team for assistance

Related Resources

Build and customize chat UI with the UI Kit Builder