ChatApp Widget / ChatApp
Copied +55 (21) 960104492
Log In Free trial

Select a language

Adding and configuring a ChatApp widget

How does a widget work?

The ChatApp Widget is a handy service that combines all communication methods in one element on your website. All your messengers will always be available to your customers.

You can add a widget in your Personal Account and customize it according to your needs:

  • Specify links to the necessary messengers and add descriptions to them;
  • Customize icons and their color;
  • Select the location of the widget on the site.

After adding the widget to the site, you will be able to edit it in your Personal Account, and all information will be automatically updated on your site.

How to create a new widget?

1️⃣ Add a new widget

In your ChatApp Dashboard, select "Widgets" in the left side menu, and then click on the "+ Add" button in the upper right corner.

2️⃣ Enter the name of the widget

Enter widget name in the input field. This name will be displayed in the list of widgets in the Personal Account and is needed for orientation if you have added several widgets to different sites.

3️⃣ Select widget position

First select the future widget position on the site. There are 4 positions to choose from in different corners of the page. Consider where your widget will look most advantageous and noticeable to the user. Remember that the widget should always be at hand.

4️⃣ Add a new messenger to the widget

After choosing a position, you need to add messengers to the widget. Click on the (+) button in the field for adding a new messenger to open the editing window.

‼️Please note that the drop-down menu of the widget can contain no more than 8 icons of messengers.

5️⃣ Choose an icon and color

In the editing menu, select the icon of the messenger and its color. It is better to use the colors of the messenger icons that are closest to the real ones, so that it is easier to navigate in them.

6️⃣ Add link and tooltip

Add a link to the chat for communication, and also specify the tooltip text. For example, “Write to us on Telegram” for communication via Telegram, etc.

7️⃣ Save messenger

After adding the messenger to the widget, check the links and tooltips, and then click on the "Save" button.

How will the widget appear on the site?

8️⃣ Add the widget to your website

After saving, script data will be displayed in the bottom editing field of the widget, which you need to copy and paste into the page code of your site.

To add script data, go to your site editor and select the page where you want to display the widget. Enable displaying content as HTML and paste the copied script before the closing </ body> tag

How to edit a widget?

When the widget is added to the site, but needs to be edited, you can go to your Personal Account and click on the "Edit"button. If you no longer need this widget, you can click on the "Remove" button.

► Make the necessary changes to the widget - add or remove instant messengers, change icon colors or change tips, and then click on the "Save" button.

► For repeated and all subsequent savings after editing the widget in the Personal Account, all information entered is automatically updated on the site.

► After editing, you do not need to insert a new script on the site. All editing is done only in the Personal Account.