- \n
- In the “Growth Tools” section, select the “Widget button”.<\/li>\n
- Enter the name of the widget and the tags that will be assigned to the person when the funnel is launched.<\/li>\n
- Add the buttons that will be displayed in the widget.<\/li>\n
- For each button, you can enable Ignore repeated launch<\/strong> and specify the ignore period by entering a number and selecting Minutes<\/strong> or Hours<\/strong>.
\n![\"\"](\"https:\/\/help.bothelp.io\/wp-content\/uploads\/2026\/08\/snimok-ekrana-2026-08-08-v-23.14.42.png\")
During this period, a repeated click by the same subscriber on this button will not launch the flow again. The flow that has already started continues without interruption.<\/p>\nBy default, the option is disabled, so every button click launches the flow again.<\/p>\n
The minimum value is 1<\/strong>. The maximum is 180<\/strong> when Minutes<\/strong> is selected and 99,999<\/strong> when Hours<\/strong> is selected.<\/p>\n
Important:<\/strong> If you enter a value above the maximum, the widget cannot be saved and an error will be displayed in the field.<\/p>\n
How the ignore period works<\/strong><\/p>\n
- \n
- The countdown starts with the first launch<\/strong> and is tracked separately for each subscriber + button<\/strong> pair.<\/li>\n
- Repeated launches during the ignore period do not extend or reset the countdown. The window remains fixed from the first launch.<\/li>\n
- When the period expires, the next button click launches the flow again and starts a new ignore period.<\/li>\n
- The option applies only to this specific button. Other widget buttons, Growth Tools, and keywords work independently.<\/li>\n
- If you change the ignore period or disable the option, the changes also apply to ignore periods that are already in progress. The remaining time is recalculated according to the new settings, and disabling the option immediately removes the restriction.<\/li>\n
- When you duplicate a widget within the account, the option’s status and ignore period are copied along with the button.<\/li>\n<\/ul>\n
Important:<\/strong> This setting is not available for the VK button \u2014 a tooltip is displayed instead. To configure Ignore repeated launch<\/strong> for VK, use the setting in the VK landing page that opens when the button is clicked.<\/p>\n
The option takes effect from the moment it is enabled. Launches that occurred before it was enabled are not included in the countdown.<\/li>\n
- You have to select a flow or a sequence that will be launched when you subscribe.<\/li>\n
- Set up the visual display of the widget on the website. The result can be seen in the preview field on the right.<\/li>\n
- Go to the next step to install the widget. When you create the widget for the first time, you will see the Forward<\/strong> button. After editing the widget, you can save it.<\/li>\n<\/ul>\n
Installation<\/h2>\n
- \n
- Install the javascript code on your website. This code allows BotHelp to display a widget on your website and starts the funnel chain. Add it to the <head> section on each page of your website where the widget will be used.<\/li>\n
- Insert the widget. This code allows you to place buttons on the site. Paste it where the widget should be displayed.<\/li>\n<\/ul>\n
Important<\/strong>! It is enough to install the code on the website once. In the future, it will be possible to change the display and funnel directly in the widget settings in the profile. Everything on the website will change automatically.<\/p>\n
You can also use the Subscription Widget<\/a> growth tool on the site.<\/p>\n
Transmitting UTM tags and parameters when subscribing from the widget button<\/strong><\/p>\n
If the widget buttons are installed on a site with UTM tags and other parameters added to the link, the tags will be transferred to our platform when the flow chain is launched.<\/p>\n
IMPORTANT!<\/strong> This works for Telegram, Viber, Facebook*<\/strong> and Vkontakte<\/strong>.<\/p>\n
Example of a link to a website with the UTM tag “utm_content<\/strong>” and the custom field parameter “pole<\/strong>“:<\/p>\n
https:\/\/768767.tilda.ws\/landing_widget?pole=123456&utm_content=tilda<\/p>\n
After subscribing from the widget button on the site, if the site’s link contains the named parameters, their values will be recorded in the person’s card in the appropriate fields. To do this, the site’s link must contain the specified parameters.<\/p>\n
(!) <\/strong>If the required custom field is not yet available in the person’s card, the data will not be recorded. In other words, first, the field has to be created.<\/p>\n
Frequently asked questions<\/strong><\/h2>\n
How to track conversions with a Facebook pixel* when installing a widget on a website?<\/strong><\/p>\n
You have to insert the pixel code on the website. Conversion tracking and other analytics in the case of using widgets are on the user’s side.<\/p>\n
How to set up data collection (email, phone) on the website via the widget?<\/strong><\/p>\n
You can only launch a flow from the widget. Data collection can be configured in the flow itself.<\/p>\n
Is it possible to transfer UTM tags when subscribing from a widget button? <\/strong><\/p>\n
Yes, if the widget button is installed on a site with UTM tags added to the link. Then the tags will be transferred to our platform when the user subscribes.<\/p>\n
Is it possible to insert multiple widgets in different blocks on the same web page?<\/strong><\/p>\n
Yes, you can use multiple widgets on a page. It is also possible to combine widgets on the site.<\/p>\n
What to do to change the layout of the widgets?<\/strong><\/p>\n
- \n
- For horizontal<\/strong> alignment, you have to do the following:<\/li>\n<\/ul>\n
Add one of the following properties to your container:<\/p>\n
style=”display: flex; justify-content: flex-start” (at the beginning, by default)<\/p>\n
style=”display: flex; justify-content: center” (centered)<\/p>\n
style=”display: flex; justify-content: flex-end” (at the end)<\/p>\n
Example:<\/p>\n
<div id=”bh-widget-button-root” data-bh-widget-id=”100″ data-bh-customer-id=”100″ style=”display: flex; justify-content: center”><\/div><\/p>\n
- \n
- The vertical <\/strong>position depends on where you inserted the container.<\/li>\n<\/ul>\n
Example:<\/p>\n
<div>Section 1<\/div><\/p>\n
<div>Section 2<\/div><\/p>\n
<div id=”bh-widget-button-root”>Button widget<\/div><\/p>\n
<div>Section 3<\/div><\/p>\n
In this case, the widget will be between blocks Section 2 and Section 3.<\/p>\n
- \n
- To make them at the very bottom<\/strong>, you have to change the structure to the following:<\/li>\n<\/ul>\n
<div>Section 1<\/div><\/p>\n
<div>Section 2<\/div><\/p>\n
<div>Section 3<\/div><\/p>\n
<div id=”bh-widget-button-root”>Button widget<\/div><\/p>\n
How to remove the “Made on BotHelp” mark<\/strong><\/p>\n
It can be removed using CSS styles. To do this, add this to the CSS code of the page:<\/p>\n
.bh-powered-by { display:none !important;}<\/code><\/p>\nIf your site is based on a constructor in which the CSS code cannot be changed, then before inserting the widget code, you have to add the code:<\/p>\n
<style>.bh-powered-by { display:none !important;}<\/style><\/code><\/p>\nIf the widget button is added on Tilda, you have to enter a slightly different code:<\/p>\n
<style>.bh-w-powered-by { display:none !important;}<\/style><\/code><\/p>\n* Owned by Meta, an organization recognized as extremist and banned in Russia.<\/p>\n
\nIf you haven’t found the answer to your question, contact us in the chat in your profile or email hello@bothelp.io<\/a> <\/p>\n
Get 14 days of full functionality of BotHelp, a platform for creating broadcasting, autofunnels, and chatbots.<\/p>\n
- To make them at the very bottom<\/strong>, you have to change the structure to the following:<\/li>\n<\/ul>\n
- The vertical <\/strong>position depends on where you inserted the container.<\/li>\n<\/ul>\n
- For horizontal<\/strong> alignment, you have to do the following:<\/li>\n<\/ul>\n
- The countdown starts with the first launch<\/strong> and is tracked separately for each subscriber + button<\/strong> pair.<\/li>\n