Free Chat Widget for Your Website
Let visitors reach you instantly via SMS, phone call, or WhatsApp. A floating contact button with built-in QR codes -- free forever, no account required.
Everything You Need in a Contact Widget
Multi-Channel
SMS, phone calls, and WhatsApp -- all from a single floating button. Your visitors choose how to reach you.
QR Codes
Auto-generated QR codes let desktop visitors scan and contact you directly from their phone.
Customizable Branding
Match your brand with custom colors, logo, welcome messages, and button text. Make it yours.
Zero CSS Conflicts
Renders inside an iframe so your existing styles are never affected. Drop it in and it just works.
How It Works
Add a contact widget to your site in three simple steps.
Configure Your Widget
Set your brand color, logo, welcome message, and add your phone numbers for SMS, call, and WhatsApp channels.
Add the Script to Your Site
Paste the configuration and script tag into your HTML. No build tools, no dependencies -- just two script tags.
Visitors Contact You
A floating button appears on your site. Visitors click it, choose their preferred channel, and reach you instantly via SMS, call, or WhatsApp.
Copy & Paste Setup
Add this snippet before your closing </body> tag.
<!-- Texting Blue Chat Widget -->
<script>
window.textingBlueWidgetConfig = {
primaryColor: '#2563eb',
logo: 'https://yoursite.com/logo.png',
welcomeMessage: 'Hi! How can we help?',
buttonText: 'Contact Us',
links: [
{
type: 'sms',
text: 'Text us',
phone: '+1234567890',
message: 'Hello, I need help with...',
headline: 'Send us a text',
infoText: 'We reply within 2-3 hours.',
helpCodeText: 'Scan to text us from your phone.'
},
{
type: 'call',
text: 'Call us',
phone: '+1234567890',
headline: 'Give us a call',
infoText: 'Mon-Fri, 9 AM - 6 PM EST'
},
{
type: 'whatsapp',
text: 'WhatsApp',
phone: '+1234567890',
message: 'Hi, I have a question',
headline: 'Chat on WhatsApp'
}
]
};
</script>
<script src="https://chat-widget.texting.blue/v1/widget.js"></script>Configuration Reference
All available options for customizing the widget.
| Option | Type | Description |
|---|---|---|
| primaryColor | string | Brand color in hex format (e.g. #2563eb) |
| logo | string | URL to your company logo image |
| welcomeHeader | string | Bold header text above the welcome message |
| welcomeMessage | string | Greeting message shown when the widget opens |
| buttonText | string | Text on the floating button (empty = icon only) |
| show | boolean | Show widget on load (default: true). Set to false to control visibility via API. |
| links | array | Array of contact channel objects (see below) |
Link Object Properties
| Property | Type | Description |
|---|---|---|
| type | string | 'sms', 'call', or 'whatsapp' |
| text | string | Label shown on the channel button |
| phone | string | Phone number with country code (e.g. +1234567890) |
| message | string | Pre-filled message (SMS & WhatsApp only) |
| headline | string | Headline shown in the QR code view |
| infoText | string | Description text below the headline |
| helpCodeText | string | Helper text shown below the QR code |
| buttonText | string | Custom CTA button text (defaults vary by type) |
| id | string | Unique ID for programmatic access via openLink(id) |
| show | boolean | Show/hide this channel (default: true) |
Why Use This Widget?
Free & Open Source
Completely free to use. Self-host the widget script on your own server with full control over the code.
No Account Needed
No sign-up, no API keys, no tracking. Just configure the widget with your phone numbers and you're live.
Works on Any Website
Static HTML, WordPress, Shopify, React, Next.js -- drop in two script tags and the widget works everywhere.
Mobile Responsive
Automatically adapts to any screen size. On mobile, action buttons open the native SMS, phone, or WhatsApp app directly.