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. Blocks: There are 5 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

     • Zalo

     • Tiktok

     • SMS

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

   • Feature questions and featured categories

   
4. In Appearance, select preset in our library. Or click Surprise me to get a random theme. You can preview your chatbox in both dark and light theme.

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

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

   
3. Display settings: Set up to show chatbox on specific pages and devices

   
4. Advanced settings: Custom CSS 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.

5. Click Save

Brand removal

Basic and Pro plan users can remove Chatty branding from chatbox.

Go to Chatbox -> Go to Appearance -> Turn on Branding removal.