> ## Documentation Index > Fetch the complete documentation index at: https://docs.meetdarwin.ai/llms.txt > Use this file to discover all available pages before exploring further. # Add chat buttons to your website > Agent Studio → Buttons: make buttons for your pages, like Book a demo or Talk to sales, that open Darwin's chat and start the conversation. Copy the code and paste it on your site.

Find it in Darwin Agent Studio → Buttons Open this screen ↗

A chat button sits on your own page, like a **Book a demo** button in your hero. When a visitor clicks it, Darwin's chat opens right there and the conversation starts, so they never leave the page. Open **Agent Studio → Buttons**. Pick a starting point, such as **Book a demo** (1), or select **Add button** (2) for a blank one. Buttons for your website, with four presets: Book a demo, Talk to sales, Ask about pricing and See how it works. Book a demo is marked 1 and Add button is marked 2.

**Button label** is what visitors read on the button. **Message sent as the visitor** is what the chat says for them when they click. The Button label field set to Book a demo and the message field set to I'd like to book a demo.

Under **When clicked**: * **Send** sends the message as the visitor's first message, and the agent answers it. * **Fill in** types the message into the chat box, for the visitor to send or change. * **Agent first** has the agent speak first. Use the message to tell the agent what the visitor wants; the visitor doesn't see it. The When clicked choice: Send, Fill in and Agent first, with a line explaining the selected option.

Under **Start from**, choose **Brand**, **Soft**, **Outline** or **Text link**. Buttons take their colors from your chat; change any color under **Colors**. The Start from choice and the Colors fields: Background, Text, Border and Hover.

Then set the **Size**, **Width** and **Corners**. **Full width** fills the space you paste the button into. Size, Width and Corners choices for the button.

Select **Copy code**. Paste it where the button should appear, on any page that has your Darwin chat. If the chat can't load, the button opens the same chat on a Darwin page instead. Turn on **Add nofollow** if your site needs it. The Code for your website box with the Copy code button highlighted and the Add nofollow switch.

Select **Save changes**. Use **Try it** next to a button to see what a click does in the preview. The bar at the bottom of the editor with Save changes highlighted.

## Good to know * Pasted buttons pick up a new message or click behavior as soon as you save. A new label or look needs the new code pasted over the old. * If you delete a button, copies already on your site still open the chat but no longer start the conversation. * The chat must be installed on the page. See [Install the chat on your website](/installation/install-widget). Buttons start from your chat's colors. See the conversations your buttons start. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.