🔒 Secure Edition
Step 01 of 05

Set up your
secure worker

Set up your free Cloudflare Worker once — it keeps your API key hidden and protects against spam.

🛡️ Without this, your API key is visible in the chatbot HTML file where anyone can steal it and rack up charges on your account.
How to set up your Cloudflare Worker (do this once)
1

Sign up free at Cloudflare Workers

Go to workers.cloudflare.com and create a free account.

2

Create a Worker and paste the code

Create Worker → Start with Hello World → Deploy. Then Edit code, select all, paste the worker.js file, Deploy again.

3

Add your API key as a secret

Settings → Variables and Secrets → Add. Name it exactly ANTHROPIC_API_KEY, type Secret, paste your Claude API key, save.

4

Redeploy to activate the secret

Go back to Edit code and click Deploy one more time so the worker picks up the API key.

Direct mode (testing only — NOT for live sites)
⚠️ Direct mode exposes your API key. For testing only.
Step 02 of 05

Reading the
website

Pulling content from the website so the AI knows the business inside out.

Extracting business information...
Connecting...
Step 03 of 05

Your chatbot's
brain

Claude has written a custom sales prompt from the website content. Review and edit it freely.

This is the AI's personality and knowledge. Edit freely — the better this is, the better it sells.

Get an email every time the chatbot captures a lead. Uses Web3Forms (free). Paste your Web3Forms access key below.

Get your free key at web3forms.com — enter your email, they send you a key instantly. No account needed.

Step 04 of 05

Test your
chatbot live

Your chatbot running for real. Click the button in the corner and have a conversation.

preview — chatcraft secure
🔒 Requests go through your secure worker. 💡 Try asking about pricing, services, or leave your number to test lead capture.
Step 05 of 05

Deploy your
chatbot

Download the chatbot file and follow the instructions for your client's platform.

Download chatbot.html
Secure, self-contained file — no API key inside.
🔒 No API key in this file. All requests go through your Cloudflare Worker.
1

Upload chatbot.html to your server

Via FTP or cPanel, upload to /public_html/chatbot.html.

2

Add to WordPress footer

Use the "Insert Headers and Footers" plugin, paste this before </body>:

1

Upload chatbot.html to your root folder

Same folder as your index.html.

2

Paste before </body> on every page

1

Settings → Custom Code (requires Premium)

Set placement to Body end, apply to All Pages.

2
1

Upload via Content → Files, copy the CDN URL

2

Edit theme.liquid before </body>

Build another chatbot

Your worker stays active. Enter a new client's URL and repeat — takes 5 minutes per client.