Chatbox style

How to customize chatbox style to fit your brand style

Who can use this feature?

• This feature is available for all users

Chatbox is popup on your website includes sections to track order, contact and question list. This is how a chatbox looks like on your website.

Customize chatbox

1. Go to app -> Chatbox -> General -> Click Turn on Chatbox

2. You'll be redirected to theme editor. Enable the Chatty and click Save.

   

   
3. Select preset in our library. Or click Surprise me to get a random theme.

   

   Or you can customize to get your own chatbox

   

   You can preview your chatbox in both dark and light theme.

4. In General appearance, you can customize content (heading and description) and color in chatbox

   
5. Chatbox button is icon. You can set up which icon, color, size and position.

   
6. Chatbox style: You can select chatbox with or without navigation. And how much chatbox take up on mobile screen.

   
7. Blocks: There are 4 blocks in chatbox:

   • Live chat: Button contact us links to live chat system and show online time.

   • Contact us: This helps you to set up all contact methods for your store. Turn it on and click Edit to add your contact methods. List of contact methods supported in app:

     • Whatsapp

     • Messenger

     • Phone

     • Email

     • Instagram

     • Telegram

     • Skype

     • Line

   • Order tracking: Helps track orders (third party allowed)

   • Feature questions and featured categories

   
8. Advanced settings: Helps you set up font and custom CSS.

   We recommend using the same font with your theme (STORE THEME’S FONT) to keep your website consistent.

   Custom CSS in advanced settings helps you to have a custom FAQ page on your page. This required knowledge of coding. If you need any help, contact us through live chat in the app.

9. Click Save