In this article, you'll learn:
- How to install Tidio via Plugin (Shopify Market)
- How to activate the Tidio widget on your website
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.
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.
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.