Chatty Help Center
Avada productsGo to app
  • Welcome
  • 🚀Getting started
    • Intro to Chatty
    • Quick start
  • 💬Live chat
    • Live chat
    • Your inbox
      • Conversations
      • Customers
      • Chat zone
      • Conversation details
    • Channels
      • Email
      • Facebook messenger/Instagram
    • Automation
    • Contacts
    • Team
      • Team member
    • Quick replies
  • 🤖AI
    • Overview
      • AI replies
      • AI completion score
      • What AI assistant can do
      • How Chatty trains AI
    • Data sources
    • Settings
      • Transfer
    • Train AI
    • Test & optimize AI
  • 🗨️Chatbox
    • Chatbox settings
    • Contact button
    • Deep links
  • 📱Mobile & web app
    • Mobile app
      • App tour guide
    • Web app
  • 📃Build FAQs
    • Add category
    • Add questions
    • FAQs page
    • FAQs block
    • FAQs analytics
  • ⚙️Others
    • General settings
    • Order tracking
    • Translation
    • Notifications
    • Analytics
    • Online hours
  • 🧩Integrations
    • Joy
    • Klaviyo
    • Air Reviews
  • 🔖PRODUCT ROADMAP
    • Product roadmap
    • Release notes
    • Pricing
  • ⁉️FAQs
    • Uninstall Chatty
  • 🔏Privacy policy
    • AI Compliance
    • Cookie policy
Powered by GitBook
On this page
  • Customize chatbox
  • General settings
  • Appearance settings
  • Advanced settings
  • Chat page settings
  • Unread message counter

Was this helpful?

  1. Chatbox

Chatbox settings

How to customize chatbox style to fit your brand style

PreviousTest & optimize AINextContact button

Last updated 17 hours ago

Was this helpful?

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

In general settings, you can:

  • Turn on/off chatbox

  • Turn on chat focus mode

  • Set header

  • Set blocks

In appearance settings, you can:

  • Customize brand color

  • Set chatbox button

  • Set chatbox style

  • Remove watermark

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 4 blocks in chatbox:

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

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

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

5

Add contact button

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

Advanced settings

1

Use deep links

2

Select which devices and pages you want to show chatbox on

  • Devices: Desktop and mobile

  • Pages: All pages or a specific page

3

Continue as email

This helps customers keep their conversation going by email instead of live chat.

Click to turn on. In chatbox, customers can select Continue on email to keep the conversation going by their email.

4

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

Chat page settings

1

Welcome message

The welcome message is first displayed when visitors initiate the chat.

2

Conversation starter

List of questions shown in chat as suggestions for visitors.

3

Chat avatar

Set up which avatar will be shown in the chat

4

Set how customers start a chat

  • Chat as guest: Need to submit a form to start chatting

  • Chat as anonymous: Stay anonymous and don't need to submit a form

  • Show both options

Pre-chat form

It helps you collect customer information if you set "chat as guest" as a way to start a chat.

You can collect: email, name and phone number.

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.

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

Learn how to .

Learn .

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

🗨️
order tracking
add contact button to your site
how to use deep links
Automation
General
Appearance
Advanced