How to add WhatsApp Widget to Squarespace CMS

This guide shows you how to add Tochat.be widget to a Squarespace site. The process is simple and takes only a few steps.

View demo in YouTube https://youtu.be/PyX2OLPXSu0

Step-by-Step Installation

  1. Log in to your Squarespace account and open the website you want to edit.
  2. Go to Websites → Pages (the basic site structure area).
  3. Scroll down and select Custom Code → Code Injection.
  4. In the Header section, paste the Chatwith widget code.
    (You can find and copy this code from your Chatwith dashboard when you create or install the widget.)
  5. Save the changes.

That’s it — the widget is now installed. You can preview the site to confirm it appears correctly.

What You Can Do with the WidgetOnce installed, the Chatwith widget lets you:

  • Capture basic lead information (name, phone number, etc.).
  • Ask qualifying questions (for example, for a plumber: “What do you need? Change pipes, review the heater, replace the toilet…?”).
  • Generate leads that appear in your Chatwith control panel.
  • Create and edit budgets/quotes: assign the job, set hours, update totals, and track requests.
  • View all budgets, requests, and customer activity in one place.
  • Change the status of orders so you can track progress.

Tip for simpler forms:
You can edit the agent/form settings so certain options (like pricing calculators) are visible only to the admin. On the public website, visitors will only see the basic fields you choose (e.g., name + phone number). After the conversation or phone call, you can update the full details (service type, technician, hours, budget) yourself in the dashboard.

Why This Is Useful with Squarespace

Squarespace is a strong platform for building websites, selling products, managing content, scheduling, and accepting donations. However, it does not natively include advanced tools specifically designed for service businesses — such as a lead-to-quote sales flow, budget calculator, and CRM for managing service requests.

Chatwith fills that gap: it helps you capture leads, turn them into opportunities, create quotes, get approvals, and track payments — all while integrating smoothly with your Squarespace site.If you need help or have questions, just send a message to the Chatwith team.

Leave a comment