# Install Tidio on Adobe Commerce (previously Magento) Section: Install Tidio Description: Copy your Tidio code from the Install Chat Widget wizard or Settings and add it to your Adobe Commerce store's HTML Head. Verified against Tidio panel 12.304.0 Last updated: 2026-11-06 Source: https://help.tidio.com/articles/install-adobe-commerce/ Learn how easy it is to install Tidio on your Adobe Commerce store (previously known as Magento). The chat needs to be installed manually, but the process is pretty simple. **In this article, you'll learn:** - [How to install the Tidio widget on Adobe Commerce]() [Video]() Silent walkthrough. Copy the Tidio widget code from the Adobe Commerce setup wizard, then find the same instructions in Live Chat installation settings. ## Installation Go to [our website ]()and log in to your account or sign up for a free one if you haven't registered yet by clicking on the **Get Started** button. ![The Tidio homepage has arrows pointing to the "Get started free" buttons in the navigation and main banner.]() Once you've signed up, open the **Install Chat Widget** wizard: click on **Install widget** on the **Chat** card of the [Getting started]() page, or on **Install Chat Widget** in the bar at the top of the panel. Adjust your chat widget's appearance in the first step and hit **Continue**. In the second step, **Install your Chat Widget**, choose **Adobe Commerce** from the list of platforms - you'll see the same steps as below, with the code right in step 2. Click on **Copy to clipboard** to copy the **installation code**: ![The Install Chat Widget wizard on its second step, "Install your Chat Widget", with Adobe Commerce chosen in the Select platform list and its numbered steps below; the Code snippet box with the Copy to clipboard and Send instructions via email buttons]() If you already have an account or need to re-use the code again, you'll find it anytime in the **Settings \> Live Chat \> Installation** section, with the same list of platforms. If Tidio has already detected the chat widget on your website, click on **open code section** first. ![Settings \> Live Chat \> Installation with the alert "The chat code is not installed properly", the list of platforms on the left (Manual install, Shopify, WordPress, WooCommerce, BigCommerce, Adobe Commerce, PrestaShop) with Adobe Commerce selected, and its steps with the Code snippet box on the right]() Go to your Adobe Commerce admin page and go to **Content \> Design \> Configuration**. Find the store view that you want to configure and click **Edit** in the Action column. Expand the **HTML Head** section, and paste the widget code into the **Scripts and Style Sheets** field. To save the change, press the **Save configuration** button. Go to** System \> Cache management**, select** all **of the checkboxes, and press the **Refresh/Submit** button. Once you **save** your settings, the chat widget will appear on your website. You can then receive and manage chats in the Tidio panel, accessible through **[www.tidio.com]()** or the dedicated apps (available both for desktops and mobiles). ## Further reading - [Install Tidio on your Website]() - [Getting started: your first steps in Tidio]()