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.
- Installing Application
- Channels connection
- Messenger integration
- WhatsApp integration
- WhatsApp Business API integration
- Telegram integration
- Viber integration in Bitrix 24
- Telegram bot integration
- Integration of Avito
- How to start a dialogue with a Telegram user
- Send message first from CRM
- Duplicate leads and deals
- About BotApp24
- Install BotApp24
- Teach Chatbot
- Create Chatbot
- Connect Chatbot to Bitrix24
- Add Chatbot to Open Channel
- Test Chatbot
- Configure Data Collection
- Chatbot Response to WhatsApp Calls
- Setting up a chatbot to collect feedback
- Configure Regular Expressions
- Special Characters for Regular Expressions
- FAQ. BotApp24