tutorialembedwidget

Embedding a chatbot in 15 seconds

Copy a script tag, paste it into your site, done. The fastest way to add a chatbot to any website.

By Facundo Munoz

Adding a ChatbotGen widget to your website takes one HTML line:

<script src="https://www.chatbotgen.com/chatbots/your-chatbot-id/script.js"></script>

Paste it before </body> on any page. The widget appears as a floating chat bubble in the bottom-right corner. No Cloudflare config, no DNS changes, no JavaScript build steps.

Customizing colors and copy

Open your chatbot in the dashboard, go to Widget, and tweak the primary color, secondary color, initial message, and suggested prompts. Changes take effect on the next page load — no redeploy needed.

Behind the scenes

The script tag fetches a launcher from our servers, which creates an <iframe> with your chat UI inside it. The iframe loads your chatbot's config, runs all the chat logic, and never touches your page's JavaScript. Safe to embed on any site, including ones with strict content security policies.