Live chat for Shopify stores

3 minutes to install

Chatra seamlessly installs on Shopify stores in one click. It allows you to view the list of customers who are currently online and see the contents of their carts:

An example of a chat with a customer showing their cart contents

You can start a conversation with any customer manually or via configurable automatic targeted messages.

Chatra Bot collects contact information when you are offline or unavailable to chat, so that you can get back to customers even if they left your site.

All live chat features

How to add Chatra to your store

Option 1. One-click installation (recommended)

Go to the Chatra app page on Shopify and press the Add app button.

To connect an additional Shopify store to the same Chatra account log into that store’s admin dashboard and repeat the first step.

Activate the Chatra app in Shopify

If you are using an Online Store 2.0 theme, please make sure the widget is visible to your website visitors after you install the app.

To do it, please open your Chatra admin at app.chatra.io and go to Settings > Integrations > Shopify.

Press the Manage installation button. It will open the App embeds settings page on Shopify.

Enable the toggle next to the Chatra — Live Chat & Chatbot and press Save. Done!

Activate the Chatra app in Shopify


Option 2. Manual installation

To add the chat widget to your store, sign up with Chatra:

Free one-click registration.

If you already have an account, follow these simple steps:

  1. Log in to your Shopify admin panel and go to Online Store → Themes.

    Shopify admin panel


  2. Choose the Customize button on the right.

    Shopify 'Customize' button


  3. On the left side, click on the ... menu button next to the name of your Theme and select Edit code. It will open the code editor in a separate tab.

    Shopify 'Edit code' menu option


  4. Choose the theme.liquid template file under the Layout folder.

    Shopify theme.liquid file


  5. Find the closing </body> tag in the template code.

    Shopify </body> tag


  6. Copy the widget code from the Chat Widget section of your Chatra dashboard.
  7. Go back to the Shopify admin panel, paste the widget code before the </body> tag.
  8. To see the visitor’s cart contents when chatting add the following code right after the widget code:
    <script src="https://call.chatra.io/static/js/shopify.js" async></script>

  9. Click Save. Done!

    Final result. Shopify 'Save' button




What else to read?
Get started with Chatra
Chatra joins Brevo
Chatra Features
Plans and pricing