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 completion score
      • What AI assistant can do
      • How Chatty trains AI
    • Data sources
      • How to train AI
    • Settings
    • Test & optimize
    • Meet your new AI support
  • 🗨️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
  • Unread message counter

Was this helpful?

  1. Chatbox

Chatbox settings

How to customize chatbox style to fit your brand style

PreviousMeet your new AI supportNextContact button

Last updated 2 months 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

  • Set header

  • Set blocks

  • Add contact button

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

  • 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

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

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.

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