Install Tidio on Weebly
  • 2 Minutes to read
  • Comments
  • Dark

Install Tidio on Weebly

  • Comments
  • Dark

See how easy the installation of Tidio Chat on your Weebly Store can be. 

In this article, you'll learn:

Install Tidio Plugin (older Weebly pages)

The new Weebly online page creator does not support apps, hence you are only able to install Tidio with JS script - New Weebly panel JS installation method

Log in to your Weebly account and select Website > Edit site. Then, click Edit once again in the upper right corner to confirm you wish to enter the editing panel. 

Click on the Apps button on the top menu of the page.

On the following page, type in Tidio in the search bar.

Select Tidio Chat from the search results.

You will be redirected to our app's page. Click on the Add button on the Tidio Chat app page.

A new window will pop up. Click on the Connect buttons to continue the installation.

You will be automatically redirected to the Tidio Chat panel to start with a quick customization tour where you can set up your first automation (chatbots) and the chat's appearance. 

Follow the instructions in the quick setup, and after finishing the setup and saving the changes, please go back to the Weebly editor. You can do so by going to

On the Weebly page, press the Edit Site button once again. When you're back to your Weebly editor, click on the Publish button to complete the installation.

That's it! You have successfully installed our chat on your website! You can now access the chat panel to customize it.

Log in to the Tidio Panel

To log in to your Tidio Chat panel, please scroll down a bit on the left side menu and press blue text Manage, next to the Installed Apps section.

Next, click on the Manage button next to Tidio Chat in your apps section. You'll be moved to the chat panel, where you can answer all incoming messages.

Install Tidio via JavaScript Code (Alternative Method)

You can easily add an existing project to your Weebly website by adding the chat manually.

 If you want to transfer your chat from another website to Weebly, please copy the code from your chat panel. To find the installation code, please go to the Settings > Channels and click on the Installation section.

After entering the Installation section, access the code through the Click here link, where you'll see a set of instructions with a JavaScript code. Copy the JavaScript code to your clipboard.

Next, go to your Weebly editor, select the Theme (1) tab and click on Edit HTML / CSS (2).

Choose the file that operates your website's header, then paste your JavaScript code (from step 2) right before the closing body tag. The screenshot below will help you to find this. Please remember to save the changes and refresh your website once you are finished.

Click the Publish button in your Weebly editor to complete the installation.

New Weebly panel Java Script installation method

The new Weebly online page creator does not support apps, hence you are only able to install Tidio with JS script. Here is a video tutorial on how to install it in the new online page creator. 

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

Was this article helpful?