Gately Embeddable Chat Widget
Kayode Okedigba
Jan 18, 2026
We’ve completely rebuilt the Gately Chat Widget from the ground up—with a strong focus on performance, reliability, and developer experience.
The result? A lighter, faster, and easier-to-install widget that delivers AI-powered support directly connected to your Help Center.
Whether you’re embedding Gately on a marketing website, product dashboard, SaaS app, or documentation portal, the new widget provides a seamless chat and AI answer experience with minimal setup.
Built for Speed, Simplicity, and Scale
The new Gately Chat Widget is designed to work everywhere—without slowing your site down or locking you into a specific framework.
What’s New?
Faster loading and smaller bundle size
A modern installation method using native web components
Automatic Help Center integration
AI answers powered by your own content
Global CDN delivery for consistent performance worldwide
Automatic Help Center Integration
Once enabled, the chat widget is automatically injected into your Gately Help Center—no additional configuration required.
This ensures a consistent support experience across:
Your Help Center
Your website or app
Any external pages where the widget is embedded
You configure it once, and Gately handles the rest.
AI Answers Powered by Your Content
The widget is powered by Gately AI, which generates answers directly from your Help Center articles.
This means:
AI responses are grounded in your existing documentation
Answers stay accurate, up to date, and on-brand
Customers get instant, self-serve support without opening tickets
As you update your Help Center, the AI automatically adapts—no retraining, syncing, or manual work required.
A New, Simpler Installation Method
Getting started now takes just two lines of code.
Simple Embed Code
Add the widget to any website using:
A lightweight script
A custom HTML element
Global CDN Delivery
The widget is served from our global CDN at:
static-widget-v1.usegately.com
This ensures fast, reliable loading anywhere in the world.
Deferred Loading for Better Performance
The script uses the defer attribute, so it never blocks page rendering or affects your site’s performance.
Modern Web Component Architecture
The widget is built as a native custom element:
This guarantees:
Compatibility across frameworks
No extra SDKs
No framework lock-in
It works seamlessly with plain HTML, React, WordPress, Shopify, and more.
Installation Example
Once added, the widget automatically initializes and connects to your Gately project.
Key Improvements
Faster Loading
40% smaller bundle size with an optimized React build
Better Performance
Deferred loading ensures the widget doesn’t block initial page render
Automatic Updates
Always runs the latest version with new features and fixes
Improved Stability
Fixed icon rendering issues, browser edge cases, and layout inconsistencies
Smarter Configuration
Widget settings are fetched directly from the Gately API and stay in sync with your dashboard
Powerful Customization Options
The chat widget is fully configurable—without touching code.
You can customize:
Appearance
Colors and branding
Widget position
Light or dark themes
Branding
Portal name
Toggle “Powered by Gately” branding
Custom brand colors
Messages & Content
Welcome messages
Offline messages
AI response behavior
Linked Help Center content
Behavior
Auto-open rules
Display conditions
Mobile behavior
Features
AI agent enablement
Help Center search
Ticket creation options
Configuration Attributes
You can also customize the widget directly using HTML attributes:
project-id (required): Your Gately project ID
primary-color: Set a custom brand color
portal-name: Define the widget title
show-branding: Toggle Gately branding
ai-agent-enabled: Enable AI-powered answers
Platform Support
The new Gately Chat Widget works seamlessly on:
HTML websites
React applications
WordPress sites
Shopify stores
Any platform that supports custom HTML
No framework lock-in. No additional SDKs.
How to Enable and Install the Chat Widget
To enable and configure the chat widget:
Go to your Gately dashboard
Navigate to Help Center → Chat Widget
Customize appearance, branding, messages, behavior, and features
Copy the installation code provided
Paste it into your website or app
You can access the widget settings directly here:
Get Started Today
With automatic Help Center injection and AI answers powered by your own content, the new Gately Chat Widget makes support faster—for both your team and your users.
Enable it today and start delivering smarter, self-serve support everywhere your customers are.
Next
