Why Embed a Chatbot on Your Website?
Visitors land on your site with questions. Most of them leave without finding answers — not because the information isn't there, but because searching through pages takes too long.
An embedded chatbot changes that. It lets visitors ask questions in plain language and get instant answers from your actual content.
What You Need
- A Chatleon account (free to start)
- At least one uploaded document
- 2 minutes of time
Step 1: Upload Your Documents
Log into Chatleon and go to Documents. Upload the files you want your chatbot to know about — PDFs, Word documents, PowerPoints, or plain text files.
Chatleon processes them automatically. Once the status shows Ready, your content is searchable.
Step 2: Get Your Embed Code
Go to Integration in your dashboard. You'll find a script tag like this:
<script
src="https://www.chatleon.com/widget.js"
data-api-key="your-api-key"
async
></script>
Copy it.
Step 3: Paste It Into Your Website
Add the script tag before the closing </body> tag of your website's HTML. That's it.
<html>
<body>
<!-- your website content -->
<script
src="https://www.chatleon.com/widget.js"
data-api-key="your-api-key"
async
></script>
</body>
</html>
If you're using WordPress, Webflow, or Shopify, you can paste it in the "Custom Code" or "Footer Scripts" section of your settings — no developer needed.
Step 4: Customize the Appearance
From your Chatleon dashboard, go to Settings → Chatbot to customize:
- Bot name
- Welcome message
- Brand colors
Changes reflect instantly on your embedded widget.
The Result
Your visitors now have a 24/7 assistant that answers questions directly from your content — without you lifting a finger.