# Install Tidio on Shift4Shop

Section: Install Tidio

Description: Install Tidio on your Shift4Shop website using the existing platform setup steps.

Verified against Tidio panel 12.331.0

Last updated: 2026-11-10

Source: https://help.tidio.com/articles/install-shift4shop/

See how easy it is to install Tidio on your Shift4Shop website. The chat will need to be installed manually, but the process is pretty simple.



**In this article, you'll learn:**



- [How to install Tidio on Shift4Shop](<https://help.tidio.com/articles/install-shift4shop/#installation>)



## Installation



Log into your Tidio project. If you do not have an account yet, please [create a new account](<https://www.tidio.com/panel/register>) or click on the **Get Started** button in the top right corner.



![The Tidio website shows the Get Started buttons for creating an account.](<https://help.tidio.com/article-media/install-shift4shop/legacy-13499196849692.webp>)



1. Once you are in your panel, please proceed to the **Settings \>** **Live Chat** section and get your code from the **Installation **section afterward.





![Settings \> Live Chat \> Installation with Manual install selected, the code snippet visible, and the Copy to clipboard button.](<https://help.tidio.com/article-media/install-shift4shop/36.1.png>)

2. After clicking on the **Installation** link, you will see a set of instructions with **JavaScript code**. Copy the JavaScript code to your clipboard.



3. Log into your **Shift4Shop administration panel** and look for the theme editor under **Settings** \> **Design** \> **Themes and Styles**.



4. In the **Edit Template** section, select **Open Template Editor**.



5. Look for the file **frame.html** and on the right side, click on the **cog** icon underneath **Action** and select **Edit.**



6. Now you need to look for the **closing head tag** in the code. You can do that by searching for "\</head\>" (without quotations) with CTRL+F or Cmd+F. Paste the Tidio Chat installation code just right above it and press **Save** in the top-right corner.



That's all\! You can now start receiving chats in your [Tidio panel](<http://www.tidio.com/panel>).

 

## Further reading

 

- [Show Tidio Widget Only on Specific Pages](<https://help.tidio.com/articles/show-widget-only-on-specific-pages/>)
- [Uninstall Tidio](<https://help.tidio.com/articles/uninstall-tidio/>)
