Install Tidio on Bigcommerce
  • 2 Minutes to read
  • Comments
  • Dark
    Light

Install Tidio on Bigcommerce

  • Comments
  • Dark
    Light

See how to install the Tidio widget on your Bigcommerce website. 


In this article, you'll learn:


Stencil themes

Installing the Tidio App (creating a new Tidio project)


To install Tidio Chat to your BigCommerce site, start by logging in to your BigCommerce panel. Then, go to the Apps section and visit the BigCommerce App Marketplace.



In the search bar, type in 'Tidio' and select it from the available apps.



You will be asked if you already have a Bigcommerce website or do you want to create a new one.


You will be redirected to our app's page to click the 'Install' button.



When the following screen appears, please click the 'Confirm' button.



You will be redirected to your Tidio panel to start with a quick setup where you can customize your widget. By doing so, you will be able to use our mobile or desktop app and login via www.tidio.com/login directly.



You have successfully created your chat account! You can now access the chat panel from the Apps section.


Here is a short video tutorial on how to install our BigCommerce Tidio App:

Installing the Project code in your website

To show the chat widget on your website - inside the Tidio chat panel, please go to the Settings > Channels > section and under the 'Live Chat' category, click on 'Installation', select an installation method: BigCommerce, and copy the JavaScript code.



Now, go back to your BigCommerce panel, go to the 'Storefront' section and use the 'Script Manager' option.



This will open the script editor, which will allow you to add custom codes to your website. It requires setting a couple of parameters:


  • Name and description: you can set these to 'Tidio' and 'Live chat
  • Location on page: Footer
  • Pages where the script will be added: All Pages
  • Script category: Functional
  • Script type: Script
  • paste in the installation code to the bottom box



Hit the save button at the bottom! After saving the changes, your chat widget will appear in your store.



💡
If you don't see the 'Script Manager' section on your site, use the 'Footer Scripts' section instead and paste the code there.



Blueprint themes (legacy)


If you're using a Blueprint theme, there's also a way to add the chat. Follow the instruction above till the code installation part and then continue with the steps below. 


Head over to your BigCommerce admin page, and open the Storefront > My Themes section and use the option to Edit HTML/CSS



Once the code editor opens, look up the footer.html file and paste in the chat installation code before the line with the closing </body> tag inside of the file



Save, and you're ready! The chat should load up on your shop site.



If you still have some questions after reading this article, don't hesitate to contact us.


Was this article helpful?