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

Unread message counter

The message counter is a small red number that appears on your chat widget icon.

It shows your visitors how many unread messages or welcome messages are waiting for your response.

If you turning on Welcome teaser in Automation, it will count welcome messages as unread messages.