--- title: "Set up chat widget for website" description: "With the website chat widget, your customers can quickly ask questions right on your site without needing to search for contact information." canonical_url: https://chatfuel.com/docs/website/set-up-chat-widget-for-website markdown_url: https://chatfuel.com/docs/website/set-up-chat-widget-for-website.md last_updated: 2026-09-09 lang: en site: https://chatfuel.com/docs llms_txt: https://chatfuel.com/llms.txt --- # Set up chat widget for website With the website chat widget, your customers can quickly ask questions right on your site without needing to search for contact information. With the website chat widget, your customers can quickly ask questions right on your site without needing to search for contact information. They simply open the chat and start talking. Setting it up involves a few key steps: 1. Configuring the basic widget settings 2. Adding the widget code to your website 3. Turning on AI for the widget Installing the widget code is one of the few steps the AI Co-Worker can't complete for you — pasting the snippet into your site's HTML happens outside Chatfuel. The Co-Worker can take you straight to the right page: just ask. ## Configuring your widget [#configuring-your-widget] First, you'll need to add basic settings. 1. Go to `Settings` > select `Website`. 2. Configure the appearance (company name, accent color, and logo). 3. Add your website domains. 4. Copy the installation code. ## Adding widget to your site [#adding-widget-to-your-site] Next, add the code snippet from `Settings` to your site's HTML to make the chat widget appear on your website. Place the code snippet: * Before the `` tag * Inside the `` tag If you're not comfortable editing your website's HTML, it's best to ask your web developer for assistance. ## Set it up in Automations [#set-it-up-in-automations] The AI in the widget is controlled by the **Website widget** [automation](https://chatfuel.com/docs/ai-features/automations). Turn it on and your [AI assistant talks to customers for you](https://chatfuel.com/docs/ai-features/why-chatfuel-does-not-use-buttons) based on the knowledge you provide about your business. 1. Go to **Fuely AI** → **Automations**. 2. Under **Website**, open the **Website widget** automation and turn it on. Like every base automation, it starts off. 3. Add information about your business to the [Knowledge Base](https://chatfuel.com/docs/ai-features/how-to-set-up-knowledge-base) — this works the same way as setting up AI for [Instagram](https://chatfuel.com/docs/instagram/how-to-activate-ai-in-instagram), [Facebook](https://chatfuel.com/docs/facebook/how-to-activate-ai-in-facebook), or [WhatsApp](https://chatfuel.com/docs/whatsapp/how-to-activate-ai-in-whatsapp). 4. Adjust the automation's settings if you want widget-specific behavior — for example [follow-ups](https://chatfuel.com/docs/ai-features/how-to-set-up-follow-ups), [autobooking](https://chatfuel.com/docs/ai-features/how-to-set-up-ai-autobooking), or **Additional instructions** for how the AI talks there. 5. [Test it](https://chatfuel.com/docs/ai-features/how-to-test-your-automation) in the **Test chat** to see how the AI responds. When a customer needs human help, an agent can [take over the conversation](https://chatfuel.com/docs/ai-features/how-to-stop-ai-during-active-conversations) at any time. ## Or ask the AI Co-Worker [#or-ask-the-ai-co-worker] Tell it what you want in chat: *"Turn on the chat widget on my website and make the AI answer there."* It enables the Website widget automation, sets up what the AI answers there, and confirms what it set. ## Turning chat widget on [#turning-chat-widget-on] Once everything is ready, turn on your chat widget. 1. Open `Settings` > `Website`. 2. Toggle the widget on or off.