Widget Customization

<script>
  window.__ansa_config = {
    agentId: "your-agent-id",
    apiUrl: "https://api.ansa.so",
    url: "https://widget.ansa.so",

    // Appearance
    theme: "light",
    primaryColor: "#6366f1",
    chatBubbleColor: "#6366f1",

    // Branding
    displayName: "Acme Support",
    profilePicture: "https://example.com/avatar.png",

    // Messages
    initialMessage: "Hi! How can I help you today?",
    messagePlaceholder: "Type your question...",
    footerMessage: "Powered by Acme Corp"
  };
</script>
<script src="https://cdn.ansa.so/embed.js"></script>

{
  theme: "light",
  primaryColor: "#3b82f6"
}

{
  theme: "dark",
  primaryColor: "#6366f1"
}

{
  suggestedMessages: [
    "What are your business hours?",
    "I need help with my order",
    "Pricing information"
  ]
}

{
  welcomeBubbles: [
    "👋 Hi there!",
    "Have a question? I'm here to help."
  ]
}

{
  footerMessage: "Support by YourCompany"
  // or
  footerMessage: "" // Empty to hide
}

{
  // Emoji icon
  buttonIcon: "💬",
  buttonIconType: "emoji",

  // Or URL icon
  buttonIcon: "https://example.com/chat-icon.png",
  buttonIconType: "url",

  // Or uploaded image (from dashboard)
  buttonIcon: "https://cdn.ansa.so/uploads/xxx.png",
  buttonIconType: "upload"
}

{
  widgetButtonColor: "#6366f1"  // Indigo button
}

{
  // Custom button label
  escalationButtonLabel: "Contact Support",

  // Or disable AI entirely (all messages go to human inbox)
  disableAi: true
}

{
  // Set the language
  language: "es",

  // Override specific strings via dashboard or API
}

ansa.setLanguage("fr");

<script>
  window.__ansa_config = {
    agentId: "agent_xxx",
    apiUrl: "https://api.ansa.so",
    url: "https://widget.ansa.so",

    // Theme
    theme: "light",
    primaryColor: "#6366f1",
    chatBubbleColor: "#6366f1",

    // Branding
    displayName: "Acme Support",
    profilePicture: "https://acme.com/support-avatar.png",

    // Messages
    initialMessage: "Hi! I'm Acme's AI assistant. How can I help you today?",
    suggestedMessages: [
      "Track my order",
      "Return policy",
      "Contact human support"
    ],
    messagePlaceholder: "Ask me anything...",
    footerMessage: "Powered by Acme AI",

    // Welcome
    welcomeBubbles: [
      "👋 Need help?",
      "Ask me anything about Acme!"
    ]
  };
</script>
<script src="https://cdn.ansa.so/embed.js"></script>