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 immediately taken to what we call a "Starting Tour."

Here, you can edit the basic appearance of your chat widget and specify your goals. You'll also need to fill in some details about your business. 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 bots 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 > Channels  > 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.