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.

How to install 13Chats widget code on Ecwid

You can connect the storefront of an online store on Ecwid to any website created from scratch or on a CMS. In this case, we recommend adding the 13Chats widget script directly to your website before the closing body tag or via Google Tag Manager: use the general instructions for installing the code or follow the instructions for a specific constructor or CMS.

If you are working with the starting Ecwid website, then if absolutely necessary you can set the script code in the head in the field for meta tags since there is no access to editing the body for adding JavaScript code in the service.

The option is available only in paid plans of the Venture tier and higher.

Important: we recommend using this method only if absolutely necessary — we cannot guarantee that the script installed in theof your site will work. For example, there is a possibility of incorrect transmission of statistics and some other inaccuracies.

If you understand all the risks and are ready to use this method, log into your Ecwid account and select the “Website” tab on the dashboard.

Scroll down to the “SEO Settings” section, find the “Header meta tags and site verification” block and click on the “Add Code” button.

Copy the script of the 13Chats widget in your account (we described how to get the widget code), paste it into the field, and click “Save”.

This will add the script to your website’s head section.

Check the correctness of adding the script by using the instructions for checking the correct installation of the widget code on the website. Please note: we cannot guarantee that the script installed in the head of your site will work.

How to set widget code 13Chats on SpreadSimple

Important: the script of the 13Chats widget can be added only in the paid Pro-plan SpreadSimple.

Also, for correct operation, you will need a paid plan (Standard and higher) in the 13Chats: SpreadSimple service is designed so that the widget code is first installed on the main constructor domain (https://app.spreadsimple.com/…) for preview, and then on the user site (https://site.spread.name/) created in SpreadSimple. Because of this, the limit of one domain is exceeded, which is valid in the free plan 13Chats.

Upgrade your pricing plan and start installing.

To add an online chat widget and other 13Chats tools to your site, log into your SpreadSimple account and select the “Manage options” option for the website where the code will be installed.

In the left vertical menu, select the Settings tab…

…and click Inject custom code.

Copy the script of the 13Chats widget in your account (follow the link for detailed instructions on how to get the widget code), paste the code in the field after the heading “body — end” and click Save.

Now you can evaluate the display of widgets in the preview window.

If the display matches the project settings you specified, publish the changes by clicking the Publish button.

Updated: 03.12.2021

1 Star2 Stars3 Stars4 Stars5 Stars
Loading...
Average Rating: 5/5
Total Votes: 2