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
    • AI 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 10 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.

🏁