WotNot Help Center
Create a ticketBook a demoProduct
  • 👋Welcome!
  • 🏁Getting Started
    • Building a chatbot
    • Testing a chatbot
    • Publishing your bot
      • Web
        • Embed chatbots on website
      • WhatsApp
        • Meta
        • 360Dialog
        • Twilio
        • GupShup
        • TechAlpha
      • Instagram
      • Facebook Messenger
      • SMS
      • Mobile app
      • API
    • Utility Tools
    • Contacts
      • Scheduling a Contact Report
      • Exporting a Contact List
      • Blocking contacts
    • Chatbot Appearance
      • Custom CSS
      • Image dimensions
      • Pop-up messages
  • ⚒️Bot builder
    • Action blocks
      • Trigger
      • Send message
      • Collect input
      • Buttons
      • Reply buttons
      • Carousel
      • Agent
      • Answer AI
      • Set AI
      • Send an email
      • List
      • Condition
      • Talk to human
      • Dynamic data
      • Javascript
      • Collect file
      • Form
      • Webhook
      • Flow
      • Jump
      • Options
      • Calendar
      • Delay
      • Codeblock
      • Slider
      • Image gallery
      • Send WhatsApp
      • Send SMS
      • Send Email
      • Send Status
      • WhatsApp flow
      • Catalogue
    • Outbound bots
      • Building One Off Campaign
      • Building Ongoing Campaign
    • Variables
    • Cloning bots
    • Requesting edit access
    • Connecting action blocks
    • Creating a loop
  • ✨AI Studio
    • Building a GPT chatbot
    • Knowledge base
    • Custom Answers
    • Functions
    • Prompts
    • AI credits
    • Refresh frequency
  • 💬Live Chat
    • Overview
    • Building a bot with live chat
    • Creating views
    • Adding labels
    • Saved replies
    • Settings
  • 🔗Integrations
    • Overview
    • HTTP request
    • Ready integrations
      • Google Calendar
      • Google Sheets
      • Google Analytics
        • Using Javascript
      • Salesforce
      • HubSpot
      • Calendly
      • Slack
      • Airtable
      • Zendesk
      • Freshdesk
      • DialogFlow
      • Zoho CRM
    • Events
    • Zapier
    • Public APIs
  • 💬WhatsApp Business API
    • Getting a WhatsApp API
      • Getting WhatsApp API (Old approach)
      • Sandbox WhatsApp API
    • Facebook Business Manager (FBM) Verification
    • Creating a WhatsApp Template
    • Cost
    • Messaging Limits, Quality Rating
    • Official Business Account (Green tick verification)
  • 📊Reporting
    • Overview
    • Chatbot Report
    • Agent Report
    • Outbound Report
    • Link analytics
    • Weekly email report
  • 🛠️Troubleshooting
    • Getting notification for leads
    • JS functions to trigger chat widget
    • Opt-out management
    • Setting up link tracking
    • How do I hard refresh my browser?
    • Cookies
    • Notifications
    • Tracking Facebook Pixel
    • Setting up SSO login
    • Inviting teammates
    • Teams
  • 🧑‍💻Support
    • Creating a ticket
    • Book a demo
    • Purchasing a subscription
    • Cancelling a subscription
    • Refund policy
    • Reset password
    • Deleting account
Powered by GitBook
On this page
  • Customizations available
  • General Settings

Was this helpful?

  1. Getting Started

Chatbot Appearance

Customize the look and feel of the chat widget.

PreviousBlocking contactsNextCustom CSS

Last updated 9 months ago

Was this helpful?

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 WotNot 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.

🏁