- 2 Minutes to read
Install Tidio on Bigcommerce
- 2 Minutes to read
See how to install the Tidio widget on your Bigcommerce website.
In this article, you'll learn:
Installing the Tidio App (creating a new Tidio project)
To install Tidio Chat
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
You have successfully created your chat account! You can now access the chat panel from the Apps section.
Installing the Project code in your website
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.
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.