Skip to main content
How to Add Live Chat to Your Theme?

A guide on how to add live chat to your theme.

Micah Quinto avatar
Written by Micah Quinto
Updated over 5 months ago

What is the Live Chat Feature for?

Our Live Chat is a convenient way for you to reach out to us with any questions or concerns you may have. This feature is available on our DTM (Dynamic Theme Manager), but we have recently added it to our theme as well. This means that you can now contact us directly while editing your theme, making it even easier to get the support you need.

Our Live Chat support is available from 9 am to 5 pm UTC, Monday through Friday. During these hours, our team of experts is ready to assist you with any issues you may encounter. Whether you need help customizing your theme or have a question about our products, our Live Chat is the perfect way to get in touch with us.


How to Add Live Chat to Your Theme for the Latest Versions?

STEP 1

Navigate to the Theme Library in your Shopify admin and open your theme customizer.

STEP 2

Go to home page, under general group, and click start live chat.

STEP 3

Tick on the show live chat widget.


How to Add Live Chat to Your Theme for Older Versions?

STEP 1

You can just go to the Theme library from your Shopify admin and open your theme's edit code.

STEP 2

Under the sections folder, create the live-chat.liquid file.

Add the following code to the new file by copying and pasting the gist.

STEP 3

Under sections folder, create general-group.json file (if it doesn't already exist there).

Add next code to file:

{
"type": "custom.general",
"name": "General group",
"sections": {
"account-settings": {
"type": "account-settings",
"settings": {

}
},
"live-chat": {
"type": "live-chat",
"settings": {

}
}
},
"order": [
"account-settings",
"live-chat"
]
}

Note: If your theme version is below V5, use the following code to add the live chat widget (don't include the account-settings section.)

{
"type": "custom.general",
"name": "General group",
"sections": {
"live-chat": {
"type": "live-chat",
"settings": {

}
}
},
"order": [
"live-chat"
]
}

STEP 4

Live chat should be enabled in the theme customizer section.

Did this answer your question?