Chatbox settings

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

General

In general settings, you can:

• Turn on/off chatbox

• Set header

• Set blocks

• Add contact button

Appearance

In appearance settings, you can:

• Customize brand color

• Set chatbox button

• Set chatbox style

• Remove watermark

Advanced

In Advanced settings, you can:

• Set deep links

• Set display devices & pages

• Add custom code

General settings

1

Turn on chatbox

2

Enable Chatty in theme editor

3

Set header

• Upload logo

• Customize your heading and description

4

Turn on blocks you want to show in chatbox

There are 5 blocks in chatbox:

• Live chat: Button contact us links to live chat system

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

• Order tracking: Helps track orders (third party allowed). Learn more about order tracking.

• Feature questions: Pick some questions to show on first page of chatbox

• Featured categories: Pick some categories to show on first page of chatbox

5

Add contact button

Learn how to add contact button to your site.

How many contact methods are supported in Chaty?

Now, Chatty support 11 contact methods:

1. Whatsapp

2. Messenger

3. Phone

4. Email

5. Instagram

6. Telegram

7. Skype

8. Line

9. Zalo

10. Tiktok

11. SMS

More methods are coming soon.

Appearance settings

1

Set brand colors

You can select colors from our preset or customize your own.

Or simply click Surprise me for inspiration.

2

Set chatbox button

• Select launcher

• Select or upload your own icon

• Select button size

• Select button alignment

3

Set chatbox style

• Select: No navigation or Show navigation

• Set ratio of chatbox on mobile

4

Remove watermark

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

Advanced settings

1

Use deep links

Learn how to use deep links.

2

Select which devices and pages you want chatbox to show

• Devices: Desktop and mobile

• Pages: All page or specific page

3

Add custom code

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