How to Add an AI Chatbot to Your Website: 8 Ways Compared (2026)

How to add an AI chatbot to your website: five questions matched to a chatbot

To add an AI chatbot to your website, train a chatbot tool on your website and help docs. Then copy the embed snippet it gives you, usually a single script tag (one line of code). Paste it into your platform’s footer-code setting, or just before the closing </body> tag, and test it as a visitor. Pasting the snippet takes minutes and needs no coding, and most chatbots are ready for customers within a few hours (the four steps are just below).

Which chatbot to add is the bigger decision. It depends on your platform, whether you already use a CRM or live chat, and what you want the AI to do (customer support, lead capture, or a marketing assistant). If you’re working out how to add an AI chatbot to your website for customer support, a chatbot trained on your own content is usually the best pick (Option 5). For lighter use cases, simpler options work fine.

This guide covers eight ways to do it in 2026, costing anywhere from $0 to several thousand dollars a month. Five questions about your set-up point you to the options that fit, and most options say when to avoid them.

Disclosure: we make Resolve247, an AI support chatbot. We’ve included it in the comparison alongside its direct competitors, and we’ll tell you plainly when one of them is the better choice. If your goal isn’t customer support, we’ll route you elsewhere too.


How to Add an AI Chatbot to Your Website in 4 Steps

Use these steps to install or integrate any chatbot that loads with a script tag (Options 5 and 7). Built-in AI, plugins, and CRM or live chat add-ons (Options 1 to 4) switch on inside a tool you already use.

  1. Train it on your content: give the chatbot your website address, help centre, or files (PDFs included). Most tools read them in minutes.
  2. Copy the embed snippet: usually a one-line <script> tag with a key that is unique to your chatbot.
  3. Install it on every page: paste it into your CMS or site builder’s footer-code setting (see the table below). On a custom-coded site, paste it just before the closing </body> tag in the footer that every page shares. Save and publish.
  4. Test it as a visitor: open your site in a private window and on your phone. Ask the three questions your customers ask most, then one your content doesn’t cover. For that last one, check that the chatbot says it doesn’t know and offers a way to reach a person. If it can’t answer one of the first three, check that your content covers that question.

Where to paste the snippet

Platform and plan Where the snippet goes
WordPress (self-hosted)
Any host
The free WPCode plugin: Code Snippets > Header & Footer > Footer (full steps to add an AI chatbot to WordPress)
WordPress.com
Personal plan or above (not Free)
The same WPCode steps (installing the plugin turns on WordPress.com’s hosting features, which custom code needs)
Shopify
Any plan except Starter
Online Store > Themes > Edit code > layout/theme.liquid, just above </body> (duplicate your theme first, as a backup)
Squarespace
Core, Plus, or Advanced plan
Pages > Custom Code > Code Injection > Footer
Wix
Premium or Studio plan, with a connected domain
Settings > Custom Code > Add Custom Code, then choose All pages and place the code at the end of the body (it only runs on your published site, so check it there)
Webflow
A paid Site or Workspace plan
Site settings > Custom code > Footer code, then publish
Google Tag Manager
Free, if GTM is already on your site
A new Custom HTML tag with an All Pages trigger, then publish the container

If the chat bubble doesn’t appear

  • Clear your site’s cache (and your host’s, if it keeps one), then reload the page in a private window.
  • Check the snippet sits inside the <body> section and that you published the change.
  • Check your plan allows custom code (see the table above).
  • A cookie-consent tool or a speed plugin may be holding the chatbot’s script back until a visitor accepts cookies or interacts with the page. On WordPress, our WordPress guide has the fixes.

For step-by-step documentation with screenshots, see How to Add Resolve247 to Your Website.


Part 1: Find Your Path in 5 Questions

Most readers will match more than one situation below.

Q1. What platform is your website built on?

Q2. Are you already using a CRM or help-desk?

Q3. Are you using a live chat widget?

Q4. What’s the AI for?

Q5. How much developer time do you have?

Decision tree: five questions matched to eight ways to add an AI chatbot to your website

Part 2: 8 Ways to Add an AI Chatbot to Your Website

Each option shows what it is, who it’s best for, when to avoid it, the effort involved, and how to set it up.

Option 1: Use Your Website Platform’s Built-in AI

What it is: The AI chat your website builder offers as its own tool, such as Wix Smart Chat (previously Wix AI Site Chat) or the AI agent in Shopify Inbox. Not every builder has one. Most of the AI in Squarespace, Webflow, and WordPress.com helps you build and edit your site rather than chat with visitors, so on those platforms start with Option 2 or Option 5.

Best for: Low accuracy requirements, marketing sites, portfolios, where the chatbot’s job is light. Answering basic questions about hours or shipping, helping visitors find a page.

Avoid if: Accuracy is important, you want to add knowledge from various sources, you want advanced features, you want fine control over what it says, or you handle real support volume. These tools are designed to be quick and easy to get going to a basic level rather than be precise.

Effort: Setup is usually a single toggle. Maintenance is usually minimal. Cost can be free or included in plans you already pay for. Training data is sometimes limited to your site’s pages, with no way to add other knowledge. Time to deploy: minutes.

How to set it up: Each platform has its own path. Check the Wix Smart Chat listing or Shopify Inbox for the current setup steps.

Verdict: Fine for small marketing pages and simple FAQs. Not trained on your detailed support content. Customisation is limited. If a customer asks something the platform’s AI doesn’t recognise, it can be unreliable in its response, which can frustrate visitors expecting real help.

The distinction between this and Option 2 matters: Option 1 is what your platform ships itself. Option 2 is the third-party specialist tools you install on top.

Option 2: Install a Plugin, App, or Marketplace Extension

What it is: Any AI tool distributed through your platform’s marketplace, including AI-specific plugins and general SaaS tools that ship a platform-specific install package.

Best for: People who want a guided install path inside their platform’s dashboard rather than fiddling with a script tag. Marketplaces typically offer free trials and one-click activation, which lowers the risk of trying something.

Avoid if: Your shortlist tool isn’t in your platform’s marketplace. That isn’t a problem (see the script-tag route in Option 5), but if you specifically want the marketplace install, your choice is constrained to what’s listed.

Effort: Install, activate, configure inside your platform’s dashboard. No script-tag fiddling. Costs vary from free to enterprise pricing depending on the tool.

How to set it up: Search your platform’s marketplace for “AI chatbot” or the specific tool name. Most install in one click and walk you through configuration.

Verdict: WordPress has the deepest free and DIY tier. Shopify has the deepest e-commerce-specialised tier. The others are narrower but improving.

Note: not every good AI chatbot is distributed via marketplaces. Many tools (Resolve247 included) install via a copy/paste script tag that works on any platform. If you find a tool you like that isn’t in your marketplace, use the four steps at the top of this guide. The script-tag route is just as easy. If you’re on WordPress, our step-by-step guide shows how to add an AI chatbot to WordPress, with or without a plugin.

Option 3: Add AI Using Your CRM or Help-Desk

There are two different paths here. Either use your CRM’s built-in AI features (3a), or use a third-party AI tool that integrates with your CRM (3b). Most readers should consider both before deciding.

3a. Use Your CRM’s Built-in AI Features

What it is: AI features bundled into the CRM or help-desk you already pay for. HubSpot Breeze Customer Agent, Zendesk AI, Intercom Fin, Salesforce Agentforce, and Freshdesk Freddy are the main ones.

Best for: Companies whose CRM tier already includes the AI features, where budget is no issue, and where the quality is good enough for the use case.

Avoid if: The built-in AI is locked behind an expensive tier upgrade you wouldn’t otherwise need, and you are cost sensitive. HubSpot’s Breeze Customer Agent, for example, costs $0.50 per resolution, which adds up quickly. We’ve broken down the maths here: HubSpot AI Agent Pricing Explained.

Effort: Usually low. Your CRM already has your data, so training is mostly about pointing the AI at your knowledge base. Time to go live: hours to days.

Verdict: Convenient if it comes free with what you already pay for. Painful if it forces a plan upgrade or runs hot on usage charges. Quality varies widely between providers and over time.

3b. Use a Third-Party AI That Integrates With Your CRM

What it is: AI tools built specifically to connect into existing CRM and help-desk platforms. They read from your help content or your CRM’s knowledge base, generate answers, and push responses back through your CRM’s chat or tickets. Your team’s day-to-day workflow stays the same. Just the AI brain changes.

Best for: Companies whose CRM’s built-in AI is too expensive, too limited, or not accurate enough, but who want to keep their existing CRM workflow.

Avoid if: You’re happy with built-in (don’t over-complicate things), or you’d rather replace the CRM’s chat experience entirely with a standalone tool (jump to Option 5).

Examples (HubSpot, alphabetical):

  • Chatbase: General-purpose AI chatbot that hands conversations to HubSpot by opening a ticket.
  • CustomGPT: RAG-focused tool (RAG means the AI looks up your own content before it answers) with HubSpot integration for support content.
  • Resolve247: AI inside your existing HubSpot chat widget. Disclosure: we make this. More at Resolve247 for HubSpot.

For a deeper comparison: Top AI Chatbots for HubSpot.

Option 4: Add AI to Your Existing Live Chat Widget

Same two-paths story as Option 3, but for live chat widgets. Use the live chat tool’s built-in AI features (4a), or plug a third-party AI provider into your existing widget (4b).

4a. Use Your Live Chat Tool’s Built-in AI

What it is: AI features bundled into your existing live chat. Crisp’s Hugo, Tidio’s Lyro, and LiveChat’s AI Agent are the most common.

Best for: Companies happy with their live chat tool whose built-in AI handles their support questions adequately.

Avoid if: The built-in AI often makes up answers (hallucinates), can’t be trained on your full knowledge base, or its pricing scales poorly with volume.

Effort: Low setup friction. Often a toggle inside your live chat dashboard. Cost is whatever your live chat provider charges, sometimes as an add-on.

Verdict: Often good enough for SMB workloads. Locked into the live chat provider’s roadmap and pricing. If the built-in AI is mediocre, you’re stuck waiting for them to improve it.

4b. Use a Third-Party AI That Plugs Into Your Live Chat

What it is: AI tools that operate inside your existing chat widget. You keep your existing widget (Crisp, HubSpot, or Zendesk chat, for example) and its conversation history. The AI provides the brain.

Best for: Companies who like their live chat widget but want better AI quality, better training on their own content, or a different pricing model.

Avoid if: You want a fully different chat widget (Option 5 is the standalone alternative), or built-in AI is already working for you.

Examples (alphabetical):

  • Chatbase: General-purpose AI bot that runs in Zendesk Messaging and can hand live chats to Freshchat or Zendesk agents.
  • Resolve247: AI inside your existing Crisp or HubSpot widget. Disclosure: we make this. More at Resolve247 for Crisp and Resolve247 for HubSpot.
  • SiteGPT: Installs from the Crisp Marketplace and answers in your Crisp chatbox first, then your team takes over in Crisp.

Option 5: Use a Standalone Dedicated AI Support Chatbot

What it is: For customer support, the simplest way to add an AI chatbot to your website is a standalone tool. It’s a purpose-built AI chatbot that ingests your help docs, website, and knowledge base, then runs as its own chat widget on your site. Independent of any CRM or live chat tool you may also use.

Distinction from 3b and 4b: Options 3b and 4b keep your existing widget and slot AI inside it. Option 5 is its own widget. Pick this if you aren’t committed to an existing CRM or live chat widget, or if you’d rather keep the AI chat separate from those tools.

Best for: Anyone whose goal is “answer customer questions correctly without hiring more support staff”, and who doesn’t need to keep an existing widget.

Avoid if: You’re already paying for a live chat tool that your team is happy with (consider 4b instead), or your CRM is already the centre of gravity for customer conversations (consider 3b instead).

Effort: Setup is usually a copy/paste script tag plus pointing the AI at your website or help centre. Most tools train themselves on your content in minutes. Paid SMB plans range from about $30 to several hundred dollars a month.

Installation: Most install via a copy/paste script tag that works on any platform: Wix, Squarespace, Shopify, Webflow, WordPress, and custom-coded sites.

Comparison of standalone options (alphabetical)

  • Botpress: Strong visual builder for branching flows. More effort to set up than the pure-RAG tools, but more flexible if your support workflow has logic in it. Free plan available; paid plans scale with conversations.
  • Chatbase: Trains on your website or documents you upload. Connects to a wide range of messaging apps and help desks. Per-message pricing model.
  • CustomGPT: Focuses on retrieval-augmented generation (RAG) quality. Plans start at $99 a month, each with a set allowance of queries and documents.
  • Pickaxe: No-code AI tool builder, broader than just chatbots. Useful if you want to ship several different AI tools on your site (a chatbot, a recommender, a generator), not just one.
  • Resolve247: AI support chatbot with a money-backed guarantee: if it ever hallucinates, that month is free. Trains on your website, help site, and files. Integrates with HubSpot and Crisp if you later want the AI inside your CRM or live chat too. Resolve247’s ResponseAssistant can draft replies directly in your Front or Help Scout inbox. Easy customisation options to adjust the AI to suit your needs. Built for small and medium support teams. If you need the bot to issue refunds or change orders without a developer, a no-code builder (Option 7) is the better fit. Disclosure: we make this. See the Resolve247 AIChatbot for websites. For a deeper buyer’s framework: How to Choose an AI Customer Support Chatbot.
  • SiteGPT: Trains on your website out of the box. Pricing scales with messages and bots.

Standalone Dedicated AI Support Chatbot is the right pick if the job is customer support and you want a dedicated chat experience. If you want the same AI quality but inside your existing CRM or live chat widget, Options 3b and 4b are the better starting points.
To install it, follow the four steps at the top of this guide.

Option 6: Build It Yourself With Code

What it is: The hand-coded route. An OpenAI or Anthropic API key, a backend endpoint that calls the API, and a frontend chat UI on your site.

Best for: Companies with engineering capacity and a specific bespoke workflow that off-the-shelf tools can’t handle. Internal tools, complex bookings, conversational interfaces tied to proprietary systems.

Avoid if: Your goal is customer support that answers questions from a help centre. A SaaS product (Options 3b, 4b, or 5) will cost less and answer better than anything you can build in a few months of focused work.

Effort:

  • Upfront dev time: 1 to 4 weeks for a basic working version. Considerably more for production-grade with auth, rate limiting, RAG, evaluation, and monitoring.
  • Ongoing maintenance: continuous. Model updates, prompt drift, security patches, and edge-case handling.
  • Accuracy: depends entirely on your prompt engineering and whether you implement retrieval-augmented generation properly.
  • Cost at scale: API costs add up. A single complex conversation can cost several cents. At volume, that’s meaningful, and it can spike unexpectedly if usage jumps.

Minimal example (Node.js): A typical setup has an Express endpoint that takes a user message, retrieves relevant content from your knowledge base (vector search), passes it to the OpenAI API with a system prompt, and returns the response to your frontend. See the OpenAI API docs for current syntax and pricing.

Verdict: Powerful and totally customisable. Also a maintenance burden that has killed more side-projects than launch-week traffic spikes. Build only if the bespoke value justifies the lifetime cost.

Option 7: Build It Yourself With No-Code Tools

What it is: Visual-builder tools that let you wire together AI, branching logic, integrations, and a chat UI without writing code. The main players are n8n, Zapier (for orchestration), Voiceflow, Make.com, and Botpress in its visual-builder mode.

Best for: Lead qualification flows, multi-step conversations with branching logic, anything that needs to call out to other systems (Calendly, your CRM, Stripe) as part of the conversation.

Avoid if: Your need is “answer support questions from my help docs”. A purpose-built RAG tool (Option 5) will outperform a no-code builder on that specific job, with less effort.

Effort: Less than code but still significant. A first version comes together quickly, but new edge cases keep turning up once it’s live, so plan for ongoing fiddling.

Setup: Pick a tool, build the flow, embed via script tag. Most tools have templates that get you much of the way for common use cases.

Verdict: The right pick when your workflow has branching logic in it. Without that logic, you’d be paying for complexity you don’t need.

Option 8: Hire a Developer or Agency

What it is: The fallback option. Pay a freelancer or agency to build, integrate, and maintain an AI chatbot for you.

Best for: Businesses with budget but no in-house engineering, with a bespoke need that off-the-shelf tools can’t cover. Also fine if you’ve tried other options and found the hassle (or the limits) outweighed the money you saved.

Brief them on: the exact business outcome (deflect tickets, capture leads, automate booking, and so on), where the content lives, your existing tool stack, your data and privacy requirements, and what success looks like in numbers.

Red flags: anyone who promises a fixed price without a discovery phase, anyone who recommends building from scratch when an off-the-shelf tool would do the job, and anyone who can’t show you a working example they’ve built before.

Cost: Wide range. A simple chatbot built on top of an existing AI platform can cost $2,000 to $8,000. A bespoke RAG implementation with custom integrations usually costs about $24,000 to $80,000 to build, plus $400 to $6,000 a month to run (RaftLabs’ published estimates, June 2026).


How to add an AI Chatbot to your Website: Side-by-Side comparison

The table below summarises the eight ways to add an AI chatbot to a website, with setup effort, cost ranges, and best-fit use case for each.

Option Setup effort Maintenance Cost
(entry → scale)
Time to go live Best for
1. Platform built-in AI Very low None Free / included Minutes Marketing sites, basic FAQs
2. Marketplace plugin Low Low Free → ~$50/mo Hours Quick install on your CMS
3a. CRM built-in AI Low Low Often expensive at scale Hours Already on Pro tier with budget
3b. Third-party AI in CRM Low Low $35 → $235/mo (Resolve247 range) Hours Keep CRM workflow, swap brain
4a. Live chat built-in AI Very low Low Provider pricing Minutes Happy with current live chat
4b. Third-party AI in live chat Low Low $35 → $235/mo (Resolve247 range) Hours Keep your widget, better AI
5. Standalone AI chatbot Low Low $0 → $750/mo Minutes to hours Dedicated support widget
6. Custom code Very high Very high API + dev cost 1 to 4+ weeks Bespoke workflow with engineering
7. No-code builder High High $0 → $750/mo + your time Days to weeks Branching flows, lead capture
8. Developer / agency Low Low $2,000 → $80,000 build Weeks Bespoke needs, no in-house dev

How to Decide: The 30-Second Version

If you’re choosing how to add an AI chatbot to your website and want the short answer, here it is:

  • Want it live today and your use case is light? Use your platform’s built-in AI (Option 1) or a marketplace plugin (Option 2).
  • Already on a CRM or live chat? If your plan already includes AI, try it first (3a or 4a). If it doesn’t, or if the price or quality disappoints, swap the brain via 3b or 4b without changing your team’s workflow.
  • Customer support is the main goal and you don’t need to keep an existing widget? A standalone AI support chatbot (Option 5) is usually the best fit.
  • You have a bespoke conversation (booking, qualification, internal tool)? A no-code builder (Option 7) or custom code (Option 6).
  • Budget but no developer? Hire one (Option 8).

If you’re still unsure whether you need a chatbot at all, this might help: Chatbot vs Live Chat: Pros, Cons and Which to Choose


Frequently Asked Questions

Do I need to know how to code to add AI to my website?

No. Options 1 through 5 all install without writing code. The simplest path is your website platform’s built-in AI (Option 1) or a marketplace plugin (Option 2), which involve a toggle or a one-click install. A standalone AI chatbot (Option 5) installs via a copy/paste script tag. Custom code (Option 6) is only necessary for bespoke workflows.

How do I add a chatbot to my website using HTML?

Most AI chatbot tools give you a one-line <script> tag to paste into your site’s HTML. For Resolve247, for example, it looks like this:

<!-- Start chatbot Snippet -->
<script type="text/javascript" src="https://app.resolve247.ai/embed_widget/[your-unique-key]"></script>
<!-- End chatbot Snippet -->

Paste it just before the closing </body> tag on every page, or use your platform’s footer-code setting (see the table near the top). For a full walkthrough with screenshots, see How to Add Resolve247 to Your Website.

How much does it cost to add an AI chatbot to a website?

Anywhere from free to several thousand dollars a month. Built-in AI from your website platform is often included in plans you already pay for. SaaS AI chatbots for SMBs typically start at around $30 to $40 per month. CRM-bundled AI like HubSpot Breeze can run to thousands per month at scale due to per-resolution pricing. Custom-built solutions cost $2,000 to $80,000 upfront, plus ongoing running costs.

Can I add an AI chatbot to my website for free?

Yes, within limits. Your website platform’s own AI chat is often free to install, like Wix Smart Chat and Shopify Inbox. Some chatbot tools also have free plans with a small, fixed cap on conversations (Botpress’s free plan covers 100).

Many support chatbots, Resolve247 included, offer a free trial instead: ours is 30 days with no card. Check the cap before you rely on a free plan for real support volume.

What’s the difference between an AI chatbot trained on my content and a generic AI assistant?

A trained chatbot uses your help docs, website, and knowledge base to answer questions. It cites your information and stays on-topic. A generic assistant (raw ChatGPT, for instance) uses its model’s general training and will happily answer questions it has no business answering, including making up details about your business. For customer support, a trained chatbot is the only safe choice. For more on the trust risks of generic AI on a customer-facing surface, see our ChatGPT embed guide.

Will an AI chatbot take work off my support team?

Yes. It answers the repetitive questions (refund policy, shipping, account access, basic product queries) while your team handles the complex ones. Resolve247 answers 82% of customer questions without a human (from 71% to 94%, depending on the business). That frees your team to spend time where it matters. We dig into the maths in our guide to how AI chatbots reduce customer support costs.

How long does it take to add AI to a website?

Minutes to weeks, depending on the option. Built-in AI: minutes. Marketplace plugin: minutes to an hour. Standalone AI chatbot trained on your help centre: live in minutes, then usually a few hours of testing before it’s ready for customers. CRM or live chat integration: hours to a day. Custom code: weeks. The training step (pointing the AI at your content) is often automatic.

Will adding an AI chatbot affect my website’s page speed?

A well-built chatbot widget loads asynchronously, so your main content appears just as quickly. We measured our own: it adds about 56 KB, plus some processing on slower phones once the page has loaded. If your mobile PageSpeed score matters, you can delay the chatbot until the visitor’s first scroll or tap (our WordPress guide has the full figures).

If you notice a real slowdown, check whether the widget is loading synchronously and switch to async loading.

Can I use the same AI chatbot across my website, CRM, and live chat?

Yes, with the right tool. Resolve247, for example, offers a standalone widget for your website (AIChatbot) and runs the same chatbot inside your HubSpot or Crisp chat widget, all using the same trained AI. So you keep one knowledge base and the same answers wherever the conversation happens. Not every tool offers this, so check before assuming it.

What if I just want to use ChatGPT?

ChatGPT itself isn’t built to be a customer-facing chatbot on your website. There are three practical ways to embed it: a shared Custom GPT link, an AI chatbot widget, or a custom build on the OpenAI API. Each has different trade-offs around customer-facing risk. We cover all three in detail, including the 2024 Air Canada ruling that held a company liable for a chatbot’s false promises: How to Embed ChatGPT in Your Website.

How do I know if my website needs an AI chatbot at all?

A simple test: if you (or your team) answer the same question more than three times a week, an AI chatbot will pay for itself quickly. If your support volume is low and your visitors mostly find what they need, you may not need one. Our guide to chatbot vs live chat walks through the decision.

Is it better to build my own chatbot or buy a SaaS tool?

Buy, unless you have a bespoke workflow that SaaS tools can’t handle. Building is rarely cheaper once you factor in dev time, prompt engineering, evaluation, monitoring, and maintenance. The exception: if you’re a developer-first company with engineering capacity to spare and a specific use case that needs custom logic, building gives you total control. For customer support specifically, the off-the-shelf RAG tools (Option 5) have a multi-year head start that’s very hard to close.


Final Thoughts

The right way to add an AI chatbot to a website depends on five things about your situation: platform, CRM, live chat, use case, and developer time.

If you matched more than one option (most people do), compare them on what matters for your case: what each is trained on, where it runs, how its pricing scales, and how much maintenance it needs.

If your goal is customer support specifically, that’s the use case we built Resolve247 for. It answers 82% of customer questions without a human (from 71% to 94%, depending on the business). Compare us to the others in Option 5. If you want a feel for the product, try the 30-day free trial, no card required.

Whichever option you choose, the rule that matters most is the same: train it on your real content, watch what it says for the first few weeks, and add any answers your customers need that your content doesn’t cover yet.