Admin Panel

Applications

Chatbots

FAQ

Getting Started

How To Set Up

Plans / Pricing

Weebly Installation Guide

In this article, we will show you how to easily install Tidio Chat in your Weebly Store. There are two options available for you:

OPTION 1. INSTALL TIDIO CHAT USING A PLUGIN

1. Firstly, please log into your Weebly account and select Edit Site for the site you would like to add Tidio Chat to.

2. Next, click on the Apps button on the top menu of the page.

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

4. Select Tidio Chat from the search results.

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

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

7. You will be automatically redirected to the Tidio Chat panel to start off with a quick wizard where you can customise your first Automation and the chat’s appearance, type in the name of the operator (i.e. your name), your website’s URL, and register your e-mail address. Please 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 weebly.com.

8. On the Weebly page, press 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.

HOW TO LOG INTO THE TIDIO CHAT PANEL.

1. 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.

2. 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.

OPTION 2. INSTALL TIDIO CHAT VIA JAVASCRIPT CODE

1. 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 snippet from your chat panel. To find the installation code please go to the Channels (1) and click on the Integration (2) section.


2. After entering the Integration 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.

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

4. Choose the file that operates the header of your website, 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.

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

In case you run into any troubles during installation or experience any difficulties with our application, please contact us via chat on our website or at [email protected]

Can't find what you're looking for?

CONTACT SUPPORT