Configure CX Agent Widget

Widget Configuration

This is the unique identifier for your agent (e.g., "leah-smith")

Appearance

Used for header background, buttons, and accents

Used for chat bubbles and message backgrounds

Used for text on primary color background

The first message the agent will send to visitors

Embed on Your Website

Copy the code below and paste it before the closing </body> tag on your website.

<!-- Mindcraftor Chat Widget Code -->
<script 
  id="mc-cx-widget"
  src="https://cdn.mindcraftor.ai/mc-embed.min.js" 
  data-agent-slug="leah-smith" 
  data-api-url="https://api.mindcraftor.ai"
></script>

Note: This widget will load your CX agent with the specified configuration. The widget will appear as a chat button in the corner of your website.

Widget Preview

Live Preview

Color Usage Guide:

  • Primary Color: Used for header background, chat button, and send button
  • Secondary Color: Used for all chat bubbles (both agent and user)
  • Text Color: Used for text that appears on primary color backgrounds
Preview Mode - Chat functionality disabled
CU
Customer Support
Hi there! How can I help you today?
I have a question about your services.
Powered by MindCraftor

Note: The actual widget appearance may vary slightly based on your website's CSS. This preview shows how colors will be applied to different elements.