How to Add an AI Chatbot to Your Website in Under 5 Minutes
No developers, no machine learning degree, no complex integrations. This guide walks you through every step — from creating your FoxReply.ai account to a live AI chatbot on your website — using nothing but a browser and the ability to paste one line of HTML.
Complete step-by-step guide
Follow these 6 steps to deploy a trained AI chatbot on your website today.
Create a free FoxReply.ai account
Go to foxreply.ai, click "Get started", and sign up with email or Google. The Free plan gives you 1 AI bot and 50 visitor messages per month — no credit card required.
Create an organisation and train the AI
Click "New organisation", enter a name, upload a logo (optional), and then write your knowledge base. Describe your products, pricing, FAQs, policies, and contact details in plain text. Click Save.
Customise the widget
Open the Widget tab for your organisation. Set a brand colour, write a welcome message, add quick-reply chips, and position the button. Preview the widget live before embedding.
Copy the embed snippet
Click "Get embed code". A personalised script tag with your organisation ID is shown. Copy it to your clipboard.
Paste the snippet into your website
Place the <script> tag just before the closing </body> tag on every page where you want the chatbot. See platform-specific instructions below.
Verify and go live
Reload your website. The floating chat button should appear in the bottom-right corner. Click it, ask the bot a question, and confirm it answers correctly.
<!-- Your personalised embed code (example) -->
<script src="https://cdn.foxreply.ai/widget.js"
data-org="YOUR_ORG_ID" async></script>
<!-- Paste just before </body> -->How to add the chatbot on your platform
Platform-specific instructions for the most popular website builders and CMSes.
Webflow
Go to Project Settings → Custom Code → Footer Code. Paste the snippet in the "Before </body> tag" field. Publish your site.
WordPress
Install the "Insert Headers and Footers" plugin, open Settings → Insert Headers and Footers, paste the snippet in the Footer section. Save.
Shopify
Go to Online Store → Themes → Edit code. Open layout/theme.liquid, find </body>, paste the snippet just above it. Save.
Squarespace
Go to Settings → Advanced → Code Injection. Paste the snippet in the Footer section. Save and publish.
Wix
Go to Settings → Custom Code → Add Custom Code. Paste in the Body — End of body section. Apply to all pages.
Plain HTML
Open any .html file in your code editor. Find the </body> closing tag and paste the snippet just before it. Upload the updated file.
Tips for getting the most out of your chatbot
- Start with your top 10 FAQ answers in the knowledge base — these handle most visitor questions immediately.
- Use quick-reply chips for the 3–5 most common questions so visitors can get answers in one click without typing.
- Check the Inbox weekly — unanswered or poorly-answered questions reveal gaps in your knowledge base.
- Write naturally in your knowledge base — the AI interprets conversational text better than bullet-point tables.
- Include a fallback contact method (email or form link) in your knowledge base so the AI can route customers when it can't answer.
- Test edge cases using the dashboard test chat before going live — ask the bot questions with unusual phrasing.
Frequently asked questions
How long does it take to add an AI chatbot to a website?
Most people complete the full process — account creation, AI training, widget design, and embedding — in under 5 minutes. Writing a comprehensive knowledge base may take 15–30 minutes for detailed businesses.
Do I need a developer to add the chatbot?
No. You paste one script tag into your website's HTML. On platforms like Webflow, WordPress, and Shopify there are dedicated fields in the admin panel — no code editor required.
Can I add the chatbot to only certain pages?
Yes. Only embed the script on pages where you want the chatbot to appear. For a site-wide bot, paste it in your global layout or theme file. For a page-specific bot, paste it only on that page's HTML.
What if the chatbot gives a wrong answer?
Edit your knowledge base in the dashboard to add or correct the information. Changes are live instantly — no need to re-paste the snippet. You can also test the bot in the dashboard before visitors see it.
Does adding a chatbot slow down my website?
No. The script loads with the async attribute, which means it does not block your page's initial render. It only activates when a visitor is ready to interact.
Can I remove or temporarily disable the chatbot?
Yes. Remove the snippet from your HTML to remove the widget entirely. Or go to the dashboard and deactivate the bot — the widget will stop appearing without you needing to touch your site code.
Related guides
Ready to add an AI chatbot to your website?
Create a free account in under a minute. No credit card required, no developer needed. Your AI chatbot can be live on your website today.