Installing the widget code on popular CMS and website builders

This section will tell you how to add the 13Chats widget code to popular CMS and website builders without a developer.

How to install 13Chats widget code on Tilda

Mind that you can only add the online chat widget in paid accounts. To add an online chat widget to your website, log in to Tilda, open the block library, go to the “More” section, and select block T123 “HTML code.”

In the edit mode, paste the script code into the block and click “Save and Close.”

In edit and preview modes, you can see the script in text. To get it working, click Publish in the upper right corner of the page.

How to install the 13Chats widget code on Wix

To add an online chat widget to your site, log in to Wix, go to the site editing panel, go to the “Insert Code” section and select “Insert Widget.”

Don’t worry if you have a free plan — you can still add the code.

Click on the “Insert Code” button above the iframe, add the code to the window, click “Update,” and close the HTML settings window.

Align the HTML element to the site’s width, align the block height, and click “Publish.”

The next step is to create custom scenarios to reach out to users at the right time with the most appropriate message.

How to install 13Chats widget code on WordPress

There are three ways to insert the 13Chats online chat script into your site pages before the closing tag:

  • installation of the code through the “Widgets” menu;
  • installation via the theme template file footer.php;
  • installation via FTP.

Let’s take a closer look at each of them.

Installing the 13Chats widget code on WordPress via the “Widgets” menu

Copy the widget code in the project settings on the “Install Code” tab. Log in to the site administration panel, hover your mouse over the “Appearance” item in the left menu and select the “Widgets” tab.

Select HTML Code from the list of available widgets and click “Add Widget.”

Add the code to the window and click “Save.”

After that, the widget will appear on all pages of the site.

Installing the 13Chats widget code on WordPress via the footer.php theme template file

Copy the widget code in the project settings on the “Install Code” tab and go to your website’s administration panel. In the left menu in the “Appearance” section, select the “Theme Editor” tab.

On the right side of the list of theme files, select “Footer (footer.php).”

Scroll down to the bottom of the file, find the closing tag, paste the 13Chats widget code in front of it, and click “Update File.”

Installing 13Chats widget code on WordPress via FTP

Copy the widget code in the project settings on the “Install Code” tab. Go to your website hosting or connect using an FTP client and open the footer.php file.

File path: wp-content/themes/your template name/footer.php.

Scroll down to the bottom of the file, find the closing tag, paste the 13Chats widget code in front of it, and save your changes.

How to install 13Chats widget code on OpenCart

There are two ways to install the online chat widget on all pages of the site:

  • through the admin panel;
  • via FTP.

Let’s take a closer look at both options.

Installing the 13Chats widget code on OpenCart 1.5.x through the admin panel

The 13Chats online chat script meets Google’s code placement requirements so that users can past into a cell designated for Google Analytics code. You can place both codes in it or just the 13Chats script — this will not affect the site’s performance in any way. But we do not recommend adding other third-party codes to the field to prevent a conflict.

To find the desired cell, log in to the site’s administrative panel and in the main menu on the “System” tab, select the “Settings” section.

Select the “Edit” button on the right.

Scroll down the page and find the “Google Analytics Code” field. Copy the code of the 13Chats widget in the project settings on the “Install code” tab, paste it in the field instead of or after the Google Analytics code and click “Save” to save the changes.

Installing the 13Chats widget code on OpenCart 2.x via the admin panel

In the new version of the CMS, you can also install the script in the Google Analytics code cell. Placing both codes or just the 13Chats script in it will not affect the site’s performance in any way. We do not recommend adding other third-party codes to the field to avoid conflict.

In the side menu under Extensions, select Extensions.

Select the “Analytics” extension type.

Activate the extension by clicking on the green button with a “+” inside.

Click the “Edit” button next to your site.

Copy the 13Chats widget code in the project settings on the Install Code tab, paste it into the Google Analytics Code field, select the Enabled status and click the Save button.

Installing 13Chats widget code on OpenCart via FTP

Copy the widget code in the project settings on the “Install Code” tab. Go to your website hosting or connects an FTP client and open the footer.twig file.

File path: /catalog/view/theme/your template name/template/common/footer.twig.

Scroll down to the closing tag, paste the 13Chats widget code in front of it, and save your changes. The online chat will appear on all pages of the site.

 

How to install 13Chats widget code on Joomla

There are three ways to install an online chat widget on your website:

  • through the creation of a new module;
  • through the template manager;
  • through FTP.

The first two options are suitable for Joomla 2.5+, via FTP you can add code regardless of the CMS version.

Installing the 13Chats widget code on Joomla 2.5+ by creating a new module

Log in to the administrative panel of the site. On the “System” tab in the top menu, select “Global Configuration” (in earlier versions, “Site” — “My profile”).

On the Global Configuration tab, find the Default Editor item and select Editor — None. Click “Save.”

Next, in the top menu on the “Extensions” tab, select the “Modules” item.

Click on the “New” button.

Select the module type HTML code.

 

Freely name the module in the Title field.

Copy the code of the 13Chats widget in the project settings on the “Install Code” tab and paste it into the field to display arbitrary HTML code on the site.

 

Customize the display of the widget in the right menu:

  • hide the title (“Title” – “Hide”);
  • select the position of the module on the page in the footer (“Position” – “footer”);
  • publish (“Status” – “Published”);
  • open access to the widget for all site visitors (“Access” – “Public”).

Click “Save.”

Installing the 13Chats widget code on Joomla 2.5+ through the template manager

Log in to the admin panel of the site. In the top menu on the “Extensions” tab, select “Templates.”

Click on the template’s name. Next to it, there is an asterisk in the “Default” column and the value “Default for all pages” in the “Pages” column.

Select the index.php file.

Copy the code for the 13Chats widget in the project settings under the Set Code tab. Scroll down to the bottom of the cell and paste the copied widget code before the closing tag. Click “Save.”

Installing 13Chats widget code on Joomla via FTP

Copy the widget code in the project settings on the “Install Code” tab. Go to your website hosting or connect using an FTP client and open the index.php file.

File path: /templates/your template name/index.php.

Scroll down to the closing tag, paste the 13Chats widget code in front of it, and save your changes. The online chat will appear on all pages of the site.

Updated: 01.09.2021