Install Tidio on Shopify

In this article, you'll learn:

• How to install Tidio via Plugin (Shopify Market)
• How to activate the Tidio widget on your website 
• How to install Tidio for existing accounts (Advanced Javascript installation)

Install Tidio via Shopify plugin 

The best way to install Tidio on your Shopify store is by our official plugin available in the Shopify App Market. 

To install Tidio on Shopify, log into your Shopify account and select the store to which you would like to add Tidio. Next, click on the Apps tab and type in Tidio in the Apps search bar. 

Select Tidio Live Chat & AI Chatbots and click on the Add app button to download Tidio and add it to your Shopify store.

Select the Install App button on the page that follows. That will transfer you to your Tidio panel where you can customize your chat. 

All set. Tidio Chat is installed! 

The following steps will take you to your admin panel, where you can customize your chat widget. 

Log into & configure the Tidio Chat Panel

You will be asked for your email and password, and other details. As a new user, you'll begin the product tour, where we'll ask you some basic questions about your business and possible Tidio usage. Thanks to some additional information, we’ll adapt the Tidio to your need to improve your experience and help achieve better results.

If you get a warning that your email is already in use, please get in touch with our support team. We'll help you sort it out. 

After the tour, our chat will be ready to use on your website. Your customers can now write to you on chat!

Activate Tidio App in Shopify

After installing the Tidio App, you need to make the widget visible to visitors to your website.

You will make the Tidio widget visible by opening your Shopify admin panel and going to Online Store > Themes section. There, find the theme you want to edit, and click Customize.

Open the App embeds tab.

To activate Tidio on your website, enable the toggle next to the Tidio Chat Widget and save the changes. 

Alternative - Install Tidio via javascript code

If you wish to use Tidio with an existing account - this is the option for you! Shopify-exclusive flows and automation will still work correctly, although your billing will go directly through Tidio.

You can add an existing project to your Shopify website by adding the chat manually. If you want to transfer your chat from another website to Shopify, please copy the code snippet from your chat panel. You can find your unique javascript code in the Settings > Live Chat  > Installation section.

Copy the JavaScript code to your clipboard.

Come back to your Shopify panel. Open the Themes section under the Online Store settings and click on the Customize button. 

Click on the three dots menu on the left side next to the name of the Theme. The code editor will open in a separate tab. 

Choose the theme.liquid file under the Layout folder and paste the code from above, right before the closing </body> tag. The screenshot below will help you find this. 

Please remember to Save the changes and refresh your website when you finish.