If you have a Shopify website, you can install the Conversations chat widget by copying and pasting its installation code into your website's code. 

Before you start

Connect to your Shopify admin account.

🔐 Part 1: Retrieve the chat widget code

To install the Conversations chat widget on your Shopify website, you need to retrieve the widget code from Conversations: 

1. From your Brevo account, access Conversations > Settings > Chat widget.
2. Click Install the chat widget.
   
3. Customize your chat widget appearance and set up your agent profile:
   
   To learn more on your chat widget and profile customization, check our dedicated articles Customize your chat widget appearance and Customize your chat operator profile.
4. During the Installation step, choose to Manually install your chat widget and click Continue. 
   
   
5. Copy the Conversations chat widget code.
   

Now that you've successfully copied the Conversations chat widget installation code, you can access your Shopify account to install it. 

⚙️ Part 2: Install the chat widget on your Shopify website

1. Access your Shopify admin account. 
2. Click Online Store > Themes to access your website theme settings. 
3. Click Customize. 
   
4. From your website theme, click the three-dot icon > Edit code at the top left of your screen. You will be redirected to your website theme's code.
   
5. In the left panel, choose the </> theme.liquid file and scroll down the page to access the end of your code. 
6. Right before the </head> tag, paste the Conversations chat widget code you copied in part 1. 
7. If you want to see your visitor's cart content when chatting with them, copy the following code and paste it under the Conversations chat widget code, before the </head> tag:
   <script src="https://conversations-widget.brevo.com/static/js/shopify.js" async></script>
   
8. Click Save.
9. Open your Shopify website to initiate your chat widget and see what it looks like.

Congratulations! 🎉 You can now use the features that Conversations offers for the chat widget and start talking with your website visitors in real-time! 

⏩ What's next

• Set advanced customization for your chat widget
• Set up different availability settings for each agent
• Understand the Visitors online page
• Understand the difference between Online, Offline, and Invisible
• Understand the difference between Live chat and Messenger mode
• Change my Conversations notification settings
• Set up Chatbot scenarios
• Series of articles on the Contact form bot
• Disable your chat widget when needed

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo expert partner.