Styling

Customise your bot interface to provide the best user experience and match your brand. Untitled design - 2024-04-09T181734.993.png

Header

Change Header Background and Text Color:

  • Navigate to the header settings in your bot interface customization options.
  • Modify the background colour and text colour according to your brand's colour scheme.

Untitled design - 2024-04-09T182546.863.png

Toggle Profile Picture Display:

  • Choose whether to display the profile picture in the header or not.

Untitled design - 2024-04-09T182641.837.png

Show FAQ Button:

  • Enable the toggle button to display the FAQ button on the right upper corner of the header.

Untitled design - 2024-04-09T182741.914.png

Advanced Settings:

  • Access advanced settings to select your company profile created in the bot.

Untitled design - 2024-04-09T182909.495.png

Chat Window

Edit Chat Window Colors:

  • Customize the background colour, bot chat box colour, and user chat box colour to match your branding.

Untitled design - 2024-04-10T100426.939.png

Input Field

Edit Input Field Colors and Text:

  • Modify the colours of the input field and input field text to align with your brand.

Untitled design - 2024-04-10T100801.314.png

  • Toggle buttons are available for emojis, attachments, and the enter button. Customize their colours as needed.

Untitled design - 2024-04-10T101058.713.png

Chat Icon

Change Chat Widget Icon:

  • Choose from the provided icons or upload your own icon that matches your brand's needs.
  • Adjust colours to make the icon more appealing and eye-catching.
  • Set the position of the icon on the web page, either right or left.

Untitled design - 2024-04-10T101440.295.png

Save Changes:

  • After configuring all settings look for a "Save" button and click on it to save your settings

Untitled design - 2024-04-09T181806.607.png

Note:

  • Preview all changes in the live demo to ensure they meet your requirements and provide the best user experience. Untitled design - 2024-04-10T101710.091.png

media-icon
media-icon
media-icon
media-icon

â“’2024 Orufy Technologies All Rights Reserved.