How to Add an AI Chatbot to Any Website in 30 Seconds
Adding an AI chatbot to a website used to mean weeks of development, API integrations, and conversation flow design. In 2026, it takes one script tag and about 30 seconds.
Here's exactly how to do it.
What you need
- A website (any platform - WordPress, Squarespace, Wix, custom HTML, or any other)
- The ability to add a script tag to your site (or ask your web developer to do it)
- A Google account (for signing in to the dashboard)
That's it. No API keys, no server setup, no npm packages.
Step-by-step guide
Create your hub
Go to clientrelay.tech/app and sign in with Google. Your hub (your agency/business account) is created automatically. Takes about 5 seconds.
Add a client
In the Clients section, enter a name (e.g., "My Business") and paste the website URL. The AI will crawl the site and learn the business - products, services, FAQs, contact info, everything on the public pages.
Copy the embed code
Go to the Widget section. You'll see a single script tag like this:
<script
src="https://clientrelay.tech/widget/chatbot.js"
data-client="your-client-slug"
></script>Paste it on your website
Add the script tag to your website, just before the closing </body> tag. Save and publish. The chatbot bubble appears in the bottom-right corner immediately.
That's it. Seriously.
The chatbot is now live on your website. It will:
- Answer visitor questions based on your actual website content
- Respond in whatever language the visitor uses
- Refuse to make up information it doesn't know
- Look native to your site (no "Powered by" branding clash)
Optional customization
You can customize the chatbot directly from the dashboard - no code changes needed:
- Colors - Match your brand colors
- Name - Give the bot a name ("Anna" or "Support Assistant" or whatever fits)
- Avatar - Upload a custom avatar image or use the built-in presets
- Greeting - Customize the first message visitors see
- Suggestions - Add quick-reply buttons for common questions
- Lead capture - Enable name/email/phone/message collection
All of this is configured in the dashboard. The embed code stays the same.
Works on any platform
The chatbot uses Shadow DOM technology, which means it's completely isolated from your website's CSS and JavaScript. It works on:
- WordPress (add via header/footer plugin or theme editor)
- Squarespace (paste in Code Injection settings)
- Wix (use Custom Code in site settings)
- Shopify (add to theme.liquid)
- Any custom HTML site
- Any website builder with script tag support
Zero CSS conflicts. Shadow DOM isolation means the chatbot won't break your website's layout, and your website's styles won't affect the chatbot. It just works.
What happens next
Once the chatbot is live, you can monitor everything from the dashboard:
- Chat logs - See what visitors are asking
- Leads - View and export captured contact information
- Analytics - Track popular topics and conversation volume
The chatbot also gets smarter over time. It learns which pages on your site get referenced most often and caches that knowledge for faster, more accurate responses.
If you manage multiple websites, check out how a white-label chatbot platform lets you handle all of them from one dashboard.