Buraq Help Center
ProductsBook a demo
  • 😃Welcome to Buraq
    • Buraq Basics
  • 🏁Getting Started
    • Building a Chatbot
    • Testing a Chatbot
    • Installation
      • Installation on Website
        • Installation using HTML
        • Installation using Google Tag Manager
      • Installing on Wordpress
      • Installing on SquareSpace
      • Installation on WhatsApp
      • Installation on Facebook
    • Deploying a Chatbot
    • Utility Tools
  • 🟦ACTION BLOCKS
    • Trigger
      • Set values to variables using Trigger
    • Send Message
    • Collect Input
    • Buttons
    • Carousel
    • Calendar
    • Send an Email
    • Condition
    • Image gallery
    • Talk to human
    • Slider
    • Collect file
    • Delay
    • Form
    • Flow
    • Jump
    • Codeblock
      • Dynamic Dialog Generator
    • Options
    • List
    • Reply buttons
    • AI model
    • Dynamic data
  • 🤖AI Studio
    • Overview
      • From URL
      • From File
      • From Intent
  • 🔌INTEGRATIONS
    • Overview
    • Events
    • HTTP request
    • Javascript
    • Zapier
    • Google Sheets
    • Salesforce
    • Codeblock
    • Airtable
    • Google Calendar
    • Calendly
    • HubSpot
    • Freshdesk
    • DialogFlow
    • Zoho CRM
    • Slack
      • Live Chat for Slack
      • Notification for Slack
    • ActiveCampaign
    • Link Tracking
  • 📲Whatsapp Business API
    • Overview
    • Cost
    • Limitations
    • Getting a WhatsApp API
      • From Meta
        • Creating a Facebook App
        • Adding the phone number
        • Generating permanent token
        • Configuring the webhook on Buraq
  • 💬Live Chat
    • Overview
      • Live Chat Screen
      • Live Chat Settings
  • ⚒️Troubleshooting
    • Cloning Bots
    • Connecting Action Blocks
    • Creating Loops
    • Setting up Fallback Variables
    • Setting up Link Tracking
    • Variable Manager
    • Image Dimensions
    • Tracking Facebook Pixel
    • Firing events on Google Analytics
  • ⛔Outbound Bots
    • Overview
    • Building One Off Campaign
    • Building Ongoing Campaign
    • Creating a WhatsApp Template
    • Action Blocks_ Outbound
      • Send WhatsApp
      • Send SMS
      • Delay
      • Branch
  • 🦾CHATBOT CUSTOMIZATION
    • Chatbot Appearance
    • Custom CSS
    • Embed chatbots on website
    • JS functions to show_hide
  • 🕵️‍♂️Account Management
    • Teams
    • Teammates
    • Purchasing a plan
    • Payment Methods
    • Refund Policy
    • Reset Password
    • Deleting Account
  • 📊Reporting
    • Analytics Dashboard
      • Chatbot Analytics
      • Agent Analytics
    • What are contacts in Buraq?
      • Scheduling a Contact Report
      • Exporting a Contact List
Powered by GitBook
On this page
  1. CHATBOT CUSTOMIZATION

Chatbot Appearance

This setting allows you to customise the look of the chatbot as per your preference however this is only limited to web channel

How do I access the Appearance Screen?

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

What can I customise on the Appearance Screen?

Following are few parameters that will change the appearance of your chatbot;

  1. Chat Widget Theme: Buraq currently offers only 'Modern Theme' to give suitable look to your chatbot however you can design your own theme using Custom CSS

    • Modern Theme: Modern theme gives the user experience of how the technology has evolved over the time to get rid of the buttons and give attractive look to the web pages

  2. Widget Icon: You can now have your own widget icon that will appear on your webpage/website. The size that we recommend is 64 x 64

  3. Header Text: This allows you to name your bot as per your preference

  4. Header Logo: This allows you to have the profile image for your bot. The size that we recommend is 512 x 512

  5. Bot Icon: This will allow you to set the bot icon that will be visible to the visitors. The size that we recommend is 512 x 512

  6. Hint Text: You can customise the text that you would like to make it visible to your visitors

  7. Accent Color: This allows you to set the color of the bot & provide you the option to choose the color that compliments your brand color on the website

  8. Font Color: You also have the option of setting the color of the fonts and match the primary color

  9. Chat Interface Postion: You can define the position of the bot. It can be either set on the right or the left of the screen as per your preference

  10. Notification Sound: You do have the option to turn on or off the notification sound so that visitor is made aware about the message that they will receive from the bot

PreviousBranch NextCustom CSS

Last updated 1 year ago

🦾