🤖
ZyndraAI help center
  • 😀Welcome to ZyndraAI, a part of Talkie AB
    • ZyndraAI Basic
  • 🏁Getting started
    • Building a Chatbot
    • Chatbot Appearance
      • Custom CSS
    • Testing a Chatbot
    • Publishing your bot
      • Installation using HTML
      • Installation on Facebook
    • Deploying a Chatbot
    • Utility Tools
    • Variables
  • ✨AI-studio
    • Overview
    • Knowledge base
    • Prompts
    • Setting up retrain
    • Function call
    • Custom Answers
  • 💬Live chat
    • Overview
    • Creating views
    • Adding labels
    • Saved replies
    • Settings
  • 🏗️Action blocks
    • Overview
    • Trigger
    • Send Message
    • Collect Input
    • Buttons
    • Carousel
    • Calendar
    • Send an Email
    • Condition
    • Image Carousel
    • Human Handover
    • Slider
    • File Upload
    • Delay
    • Form
    • Flow
    • Jump
    • Codeblock
    • Answer AI
    • Set AI
  • 🏆Integrations
    • Overview
    • HTTP request
    • Hubspot
    • Salesforce
    • Slack
      • Live Chat for Slack
      • Notification for Slack
    • Public APIs
  • 💵Payment and plans
    • Purchasing a plan
    • Payment Methods
    • Initial cost, notice period, commitment period
    • Spent conversations
    • What currency do you charge in?
Powered by GitBook
On this page
  • Customizations available
  • General Settings
  1. Getting started

Chatbot Appearance

Customize the look and feel of the chat widget.

PreviousBuilding a ChatbotNextCustom CSS

Last updated 2 months ago

To access the Appearance screen, you can go to 'Channel Configuration -> Web -> Appearance'.

Customizations available

The following are configurations that can be customized to your chatbot:

  • Widget icon—You can now have your own widget icon appear on your webpage or website. We recommend a size of 64 x 64.

  • Header text - This allows you to name your bot as per your preference.

  • Header logo - This allows you to have the profile image for your bot. The size that we recommend is 512 x 512.

  • Bot icon—This will allow you to set the bot icon that will be visible to visitors. We recommend a size of 512 x 512.

  • Hint text - You can customize the text that you would like to make it visible to your visitors

  • Accent color—This allows you to set the bot's color and provides the option to choose a color that complements your brand color on the website.

  • Font color—You also have the option of setting the font's color to match the primary color.

  • Chat interface position—You can define the bot's position. It can be set on the right or the left of the screen, as you prefer.

General Settings

Going to Web -> General settings shows you more configurations for your chat widget.

  • Typing speed - The delay the system will add to the chatbot.

  • Remove 'powered by' branding - Remove the ZyndraAI branding from your chat widget.

  • Play sound - Plays a sound for every message sent/received.

  • Stop bouncing animation - Stops the animation of the chat widget.

  • CSAT survey - Asks the user to submit a survey at the end of the chat.

🏁