Click to AI Chat WordPress Plugin: Add a Chat Button to Your Site (2026)
The Click to AI Chat plugin is a free WordPress plugin that adds a floating chat button to your site — and it opens a real chat window, not a link. Visitors click, type, and their message lands in your team inbox. The plugin is free, and pairing it with a free account on The Tech Pad platform — no credit card, no paid plan — unlocks everything: paste your publishable key into the plugin and you're live. In this 2026 guide: why a chat button beats a bare link, every option the plugin ships with, and the six-step setup.
Why a Chat Button Beats a Link
A plain WhatsApp button — the kind that opens wa.me in a new tab — sends the visitor away. A chat button keeps them on your page. They ask a question, get an answer, and keep browsing — no app switch, no tab juggling, no friction.
That difference matters because chat is where customers actually respond. WhatsApp messages have a 98% open rate compared with roughly 20% for email, and the median response time is under 90 seconds. When a visitor on your site has a question, capturing that moment in a chat window beats hoping they'll message you later.
A chat button also signals that help is available, turning a static page into a conversation — exactly what The Tech Pad platform is built around: shared team inbox, automations, campaigns, and AI copilot. Visitors never need an account; they just type.
Not sure whether you need this or a plain WhatsApp link? Our guide to the 3 ways to add a WhatsApp button to WordPress compares the approaches, and our best WordPress WhatsApp plugins for 2026 gives you the full landscape view.
What the Click to AI Chat Plugin Gives You
The plugin embeds The Tech Pad web chat widget with the built-in bubble hidden, then adds its own launcher button that opens the chat panel. In plain English: you control the button, The Tech Pad runs the chat. Here's the whole package at a glance:
| What you get | What it does |
|---|---|
| Floating chat button | Opens the Tech Pad chat window right on your page |
| Real chat window | Visitor types, message lands in your team inbox — no account needed |
| WhatsApp + web chat | One inbox for both, plus an optional green WhatsApp quick-launch icon |
| Dashboard-managed chat | Greeting, pre-chat form, handoffs, automations, campaigns |
| 8 ready-made icons | Plus custom image/GIF upload, color pickers, shapes, sizes |
| Precise placement | 7 positions, custom offsets, separate desktop and mobile settings |
| Display rules | Pages, post types, devices, visitors, delay, scroll, business hours |
| Shortcode | [techpad_ai_chat] for a button anywhere in your content |
Requirements are modest: WordPress 6.0+ and PHP 7.4+. It works with any theme and plays nicely alongside page builders.
How to Install and Set Up the Plugin
Six steps, a few minutes, no code.
- Download the plugin. Grab the zip from the Click to AI Chat plugin page — techpad-click-to-ai-chat.zip — or browse all The Tech Pad plugins.
- Get your publishable key. Sign up free at thetechpad.com (no credit card), open Web Chat settings, and copy your publishable (public) key.
- Install and activate. In WordPress go to Plugins → Add New → Upload Plugin, choose the zip file, click Install Now, then Activate.
- Connect the key. Open Settings → Click to AI Chat. Under Connection, paste your publishable key and save. Toggle the WhatsApp quick-launch icon if you want it (shown only when your Tech Pad number is connected), set your CTA text, and switch on GA dataLayer tracking if you use Google Analytics.
- Style the launcher. Pick one of the eight icons — or upload your own image or GIF — choose colors, shape, and size, then set a position.
- Save, preview, publish. Use the preview button to check your setup, then open your site and click the button — your chat window opens.
All the Options Explained
Connection. The publishable key is the only required setting. It comes from a free Tech Pad account — no credit card — and is safe to embed: it only lets visitors open a chat on your site. Advanced setups can override the API URL (useful for staging), toggle the "Powered by" link, set CTA text, and enable GA dataLayer tracking.
Launcher & style. Eight ready-made SVG icons cover every mood:
| Icon | Best for |
|---|---|
| Chat bubble | The all-purpose default |
| Bubble with dots | A "someone's typing" feel |
| Bubble with text lines | Messaging at a glance |
| WhatsApp logo | Signaling WhatsApp chat |
| WhatsApp bubble | WhatsApp + web chat hybrid |
| Headset | Support and service desks |
| Message square | Clean and minimal |
| Paper plane | Quick messages |
Prefer your own branding? Upload a custom image or GIF from the media library. Color pickers tune background and icon, shape is round, rounded-square, or square, and size runs from 32 to 120 px.
Label & animation. Show a tooltip on hover, an always-visible label, or nothing. Animations: none, pulse, bounce, shake, or ring — subtle ways to draw the eye.
Position. Seven presets: bottom-right, bottom-left, bottom-center, right-center, left-center, top-right, and top-left. Need pixel control? Set custom offsets and z-index. Position, offsets, and size are all set separately for desktop and mobile (under 782 px), so the button never covers your content on phones.
Display rules. Show the button on the entire site, only on listed pages, or everywhere except listed pages — page URLs or IDs, one per line. Hide it on specific post types, limit it to desktop or mobile, restrict it to logged-in users or guests, delay it by seconds or scroll percentage, and set business hours with days and times in your site's timezone.
Advanced. Drop in custom CSS for total control, and use the preview button before you commit. Need a button in a specific spot inside your content? The [techpad_ai_chat] shortcode accepts label, size, icon, and color attributes.
What the Chat Window Gives You
When a visitor clicks your button, the Tech Pad chat window opens right on the page. They type a message and it lands in your team inbox alongside your WhatsApp conversations — one inbox, one history, no copy-paste.
Everything visitors see in that window is managed from your dashboard, not from the plugin:
- Greeting. The first message visitors get, written once and used everywhere.
- Pre-chat form. Collect name, email, or anything else before the chat starts.
- Handoffs. Route conversations to the right teammate or department.
- Automations & campaigns. Welcome sequences, after-hours replies, and WhatsApp campaigns run on the same inbox.
That's why the plugin stays simple: the button is your job, the conversation engine is The Tech Pad's. Two message templates to get you started — the first as a greeting, the second as an after-hours auto-reply:
Hi {{1}}! Thanks for visiting {{2}} — how can we help you today? 👋
Thanks for your message, {{1}}! Our team is offline right now and will reply shortly. If it's urgent, tap the green WhatsApp icon to reach us there.
FAQ
Do I need a The Tech Pad account for the Click to AI Chat plugin? Yes — the chat runs on The Tech Pad platform. Sign up free at thetechpad.com, open Web Chat settings and copy your publishable (public) key into the plugin. Visitors never need an account.
Is the public key safe to put on my website? Yes. The publishable key is designed for embedding — it only lets visitors open a chat on your site. It is not a secret API key and cannot send messages on your behalf.
Can visitors chat on WhatsApp too? Yes. When your Tech Pad number is connected, the green WhatsApp quick-launch icon appears next to the chat button, and web chat and WhatsApp conversations all land in the same Tech Pad inbox.
Can I show the button only on some pages? Yes. Under Display rules choose "Only on the pages listed below" and enter page URLs or IDs, one per line. You can also hide it on specific post types, limit it to desktop or mobile, restrict it to logged-in users or guests, delay it by time or scroll, and set business hours.
What happens when a visitor clicks the button? The Tech Pad chat window opens right on your page. The visitor types a message and it lands in your team inbox — with the greeting, pre-chat form, agent handoffs and automations all managed from your dashboard.
Get the Free Plugin
The Click to AI Chat plugin is free, the Tech Pad account it connects to is free, and there's no credit card anywhere in the flow. Download techpad-click-to-ai-chat.zip, install it in a couple of minutes, and put a chat button on your site today. Create your free account at thetechpad.com/wa/ and grab your publishable key — everything else is point and click.
While you're here: learn the 3 ways to add a WhatsApp button to WordPress, or see how the Click to AI Chat plugin stacks up in our best WordPress WhatsApp plugins for 2026.