sparrowdesk-logo-transparent-1.png
Go to sparrowdesk.com
Home
SparrowDesk Overview
  • Overview of SparrowDesk
  • Feature Overview in SparrowDesk
  • SparrowDesk Glossary
Getting Started
  • Setting Up Account Details
  • Default Business Hours
  • Understanding and Creating Teams
  • Inviting Team Members to the Platform
  • Roles and Permissions
  • Single Sign-On
  • Brands in SparrowDesk
  • Getting Started FAQs
  • Use a custom domain for your support portal
  • Customize Customer Email Notifications
Inbox
  • Understanding the Inbox in SparrowDesk
  • Managing Custom Views in Inbox
  • Live Chats in Inbox
  • Staying on Top of New Messages from Customers
  • Conversation Fields in SparrowDesk
  • Merging Conversations in SparrowDesk
  • Round Robin assignment explained
  • Export Conversations as CSV
  • Bulk update fields
  • Forward a Conversation to an External Contact
  • Common Email Delivery Errors
  • Add Watchers to a Conversation
Channels
  • Slack as a Channel
  • WhatsApp as a Channel
  • Facebook Messenger as a Channel
  • Setting Up Email as a Support ChannelConnect your custom email address How do I send and receive emails via SMTP and IMAP ? How do I find my SMTP/IMAP server address and port number? Common Errors while Connecting through SMTP/IMAPHow to Prevent Emails From Going to Spam Email Signatures
  • Installing Chat Widget Chat Widget Installation on WordPressInstall the Chat Widget on ShopifyCustomising Chat WidgetEmbedding and Configuring the SparrowDesk Chat WidgetChat Widget SettingsWhy End Users Don’t Always See Their Chat HistoryTrack page visits in SparrowDesk
Contacts
  • Contacts in SparrowDesk
  • How to manage contact segments
  • Deleting and Blocking Contacts in SparrowDesk
  • Contact Fields in SparrowDesk
Reports
  • Conversation Report
  • Team Performance Report
  • Understanding the AI Agent Report in SparrowDesk
  • Viewing CSAT reports in SparrowDesk
  • Reports FAQ
  • Exporting Reports as PDF
  • Help Center Reports
Automation
  • Macros
  • Business Hours
  • Service-Level Agreements (SLAs)
  • Setting up CSAT (Customer Satisfaction) in SparrowDesk
Zoona AI
  • AI Suggested replies in your Inbox
  • AI-Generated Chat Subjects
  • Zoona AI Knowledge Improvements
  • Introduction to AI AgentAI Agent - Configure PersonaTraining your AI AgentZoona AI Agent CommandsAI Agent - Deploying on chatAI Agent - Deploying on EmailHow to Create a Command Zoona AI Agent - FAQUnderstanding AI resolutions in SparrowDesk
Workflows
  • Automate repetitive tasks through Workflows
  • How to Create a Workflow
  • Workflow Blocks Library
  • Notify a Slack Channel from a Workflow
Help Centre
  • Write Knowledge Articles for your Help Centre and AI Agents
  • Setting Up and Customizing Your Help Center
  • Use a Custom Domain for Your Help Center
  • Make Your Help Centre Discoverable in Search results
  • Adding Google Tag Manager to your Help Center
  • Creating a Ticket Form Setting up Customer Portal
Billing
  • How does SparrowDesk pricing work?
  • What is Seat ?
  • Manage your Billing and Invoices
  • About Sales Tax
  • How to cancel your subscription
  • Frequently Asked Questions
  • AI Co-pilot and AI Resolution billing
  • SparrowDesk Startup Program
Apps and Integrations
  • Okta Integration
  • HubSpot Integration
  • SurveySparrow Integration
  • Zapier Integration
  • Attio Integration
  • Linear Integration
  • Jira Integration
  • Gmail Integration
  • Notion Integration
  • Shopify Integration
  • Migrating from Freshdesk
  • Zoho CRM integration

Installing Chat Widget

Timer2 min read
SebinSebin

To let customers chat with your team via SparrowDesk, you'll need to add a small code snippet to your website. This article walks you through how to install, test, and secure the widget.

Setting up chat widget can be little bit technical , connect with the technical person in your company if you need help.


1. Find and Copy Your Chat Widget Code

You can find your widget installation code in your SparrowDesk account:

  • Go to Settings → Chat Widget → Installation
  • Click “Copy Code” to copy the JavaScript snippet to your clipboard
  • The same code can be reused across different websites or domains.

SparrowDesk Chat Widget Settings Page.png


2. Embed the Code into Your Website

To show the chat widget on your website:

  • Paste the code just before the closing </body> tag on every page where you want the widget to appear.
  • If your website has a common header or footer place the snippet there so it appears across all pages.

💡 Need help? Ask your web developer to place the code in your site’s HTML correctly.


3. Verify the Installation

Once you've embedded the code:

  1. Return to Settings → Chat Widget → Installation

The system will check if the widget has been loaded. If successful: You’ll see “Widget Installed”

Chat Widget - Verify Installation (1).png


Allowlist (Trusted Domains)

To prevent others from misusing your widget code, restrict it to trusted domains:

How to Allowlist Domains:

  • Go to Settings → Chat Widget → Make your Chat Widget Secure
  • Add full domains (e.g., support.example.com, help.example.com)
  • Use wildcards to allow subdomains (e.g., *.example.com)
  • Separate multiple entries with commas

Example:

help.example.com,support.example.com,*.example.com

What to Know:

  • You don't have to include https:// or a trailing slash (/)
  • If no domain is added, your widget will be publicly usable on any website — we strongly recommend allowlisting
  • There is no limit to the number of domains you can allow

Chat Widget - Allowlist.png

Powered By SparrowDesk

Table of ContentsOn this page