Set up your
secure worker
Set up your Cloudflare Worker once — it hides your API key and rate limits spam. Takes 10 minutes.
Sign up free at Cloudflare Workers
Go to workers.cloudflare.com and create a free account.
Create Worker and paste the code
Create Worker → Start with Hello World → Deploy. Then Edit code, select all, paste the worker.js file from the zip, Deploy again.
Add your API key as a secret
Settings → Variables and Secrets → Add. Name it ANTHROPIC_API_KEY, type Secret, paste your Claude API key, save.
Redeploy to activate
Go back to Edit code and Deploy one more time so the worker loads your secret.
No worker yet? Use Direct mode below for testing only.
Reading the
website
Pulling content so the AI knows the business inside out.
Your chatbot's
brain
Claude has written a custom sales prompt. Review and edit it freely.
The better this is, the better it sells. Edit freely.
Get a free key at web3forms.com — enter your email, they send the key instantly. You'll get an email every time someone leaves their contact details in the chat.
Test your
chatbot live
Opens in a new tab so the chat button works properly. Try asking about pricing or drop your number to test lead capture.
Click below to open a live preview in a new tab. Come back here when you're done testing.
Deploy your
chatbot
Download the file and follow the instructions for your platform.
Upload chatbot.html to your server
Via FTP (FileZilla) or cPanel File Manager, upload to /public_html/chatbot.html.
Install "Insert Headers and Footers" plugin
Plugins → Add New → search "WPCode Insert Headers and Footers" → Install → Activate.
Paste in the footer
Settings → Insert Headers and Footers → Scripts in Footer. Paste:
Upload chatbot.html to your root folder
Same folder as your index.html via FTP or hosting file manager.
Add before </body> on every page
Upload via Content → Files
In Shopify admin go to Content → Files → Upload chatbot.html. Copy the CDN URL it gives you.
Edit theme.liquid
Online Store → Themes → Edit code → Layout → theme.liquid. Find </body> and paste before it (use your CDN URL from step 1):
Settings → Custom Code
In Wix dashboard click Settings → Custom Code → Add Custom Code.
Set placement to Body end, All Pages
Paste the code, set it to load in Body — end, apply to All Pages, click Apply:
Settings → Advanced → Code Injection
In your Squarespace dashboard navigate to Settings → Advanced → Code Injection.
Paste in the Footer box
Upload chatbot.html to Assets
In Webflow Designer, open Assets panel → Upload Files → upload chatbot.html → copy the asset URL.
Project Settings → Custom Code → Footer Code
Paste the snippet (replace src with your Webflow asset URL):
Publish your site
Click Publish → Publish to selected domains.
Host chatbot.html on Netlify first
Framer can't host files. Upload chatbot.html to Netlify (free drag-and-drop at app.netlify.com/drop) and copy the URL.
Site Settings → Custom Code → End of body
Paste the snippet using your Netlify URL:
Upload via cPanel File Manager
Log into GoDaddy → cPanel → File Manager → public_html. Upload chatbot.html here.
For GoDaddy Website Builder
Settings → Website → Header/Footer Code → Footer section. Paste:
Settings → SEO → Footer Code
In Weebly editor click Settings at the top → SEO tab → scroll to Footer Code.
Paste and publish
Add chatbot.html to your site folder
Put chatbot.html in the root of your site folder alongside index.html. Add the embed snippet to your HTML files before </body>.
Drag your folder to Netlify Drop
Go to app.netlify.com/drop and drag your whole site folder in. Live in seconds.
Add chatbot.html to your site folder
Put chatbot.html in the root alongside index.html. Add the embed snippet to your HTML before </body>.
Deploy to Cloudflare Pages
Workers & Pages → Create → Pages → Upload assets. Zip your folder and upload. Live at yourname.pages.dev instantly, free forever.
Host chatbot.html on Netlify or Cloudflare Pages
Bubble can't serve files. Upload chatbot.html to Netlify (free) and copy the URL.
Add an HTML element to your page
In Bubble editor add an HTML element (Visual Elements panel), set Full Width, place at bottom. Paste:
Make it a Reusable Element for all pages
Right-click → Convert to Reusable Element, then add it to every page layout.
Your worker stays active. Just enter a new client's website URL and repeat — 5 minutes per client.