All guides

Your widget

Add the widget to your website

Copy one line of code, paste it into your site, and your chatbot is live — with colors and positioning that match your brand.

Copy your widget code

Open your chatbot in the dashboard and go to the Embed section. You'll see a single <script> tag. Click Copy.

It looks like this:

<script src="https://app.chatmakeee.com/widget.js" data-token="your-chatbot-token" data-color="#FC4C13" async></script>

Copy & paste

<script
  src="https://app.chatmakeee.com/widget.js"
  data-token="your-chatbot-token"
  data-color="#FC4C13"
  async
></script>
WordPressShopifyWebflowWixSquarespaceHTML
Copy this one line into your site

Paste it into your website

  • WordPress / Elementor — add an HTML block, or use a plugin's custom code / header area.
  • Shopify — in your theme editor, add the code to the theme or via Apps > custom code.
  • Webflow / Wix / Squarespace — paste into the site's custom code or header section.
  • Plain HTML — paste right before your closing </body> tag.

That's it — the widget appears on every page and is ready to chat.

yourwebsite.com
Your Brand

Welcome to our site — let's get you booked.

Our friendly assistant is here to answer questions and find time for you.

Book a visitOur services
C

ChatMakeee

Typically replies instantly

Hi! How can I help?
Book an appointment
Pick a time…
The widget live in the corner of your website

Match your brand

In your dashboard you can customize the launcher color, the chat bubble color, avatars, and the launcher position on the page. These automatically apply to the embedded widget, so it looks native to your site.

Remove "Powered by ChatMakeee"

On the Pro plan you can remove the ChatMakeee branding so the widget shows only your business. This is a one-click toggle in the embed settings.