Skip to content

Installing the Chat Platform Widget on Your Website

In the first step, you will embed the HTML code for the Chat Platform service on your website. As a result, a button to call an agent and/or chatbot will appear on your website's pages.

Embedding the Chat Platform online consultation service functionality is equally simple for any website built on any technology, using any programming languages and markup, CMS, and databases.

  1. On the Control Panel Buttons and Locations page, highlight the HTML code prepared by the Chat Platform service and copy it to your clipboard:

  2. Open your website's code management tools. You should have the authority to edit its web pages and/or templates.

    • If template editing is done through an administrative interface (e.g., in WordPress), log in to the website management administrative interface.
    • If template editing is done by modifying template files in a specific format (e.g., in Django), access the project file repository and locate the template files. We recommend creating a separate file for the Chat Platform code and including it in templates using the include directive.
    • If HTML markup editing is done directly in the web page code, open the page files in an HTML editor.

  3. Paste the code from the clipboard into an appropriate location in the template. We recommend placing the Chat Platform code in a common template used on all website pages. This way, you only need to do it once. Place the button code inside the body tag at the very bottom (in the footer, before the closing tag).

  4. Open your website in a browser and check that the Chat Platform service button appears on the pages.

Note: If you need to place different bot scenarios on various pages of your website, you will need to create as many departments as necessary and create an Agent with a linked Dialog Composer chatbot in each of them. In this case, the button code for placement will only differ in the location field.

The Chat Platform service is now ready for use.