---
id: "faq-9540"
type: "faq"
lang: "en"
title: "How to install the widget on the website?"
url: "https://binomai.com/faq/how-to-install-the-widget-on-the-website/"
translation_group: "faq-9334"
translations:
  ru:
    url: "https://binomai.com/ru/faq/kak-ustanovit-vidzhet-na-sajt/"
    markdown: "https://binomai.com/ai/ru/faq/kak-ustanovit-vidzhet-na-sajt.md"
  uk:
    url: "https://binomai.com/ua/faq/kak-ustanovit-vidzhet-na-sajt/"
    markdown: "https://binomai.com/ai/ua/faq/kak-ustanovit-vidzhet-na-sajt.md"
published: "2026-07-30T19:31:36Z"
updated: "2026-10-21T01:05:24Z"
---

# How to install the widget on the website?

*Updated: 21.10.2026, 01:05 UTC*


The widget allows you to place the synthetic employee directly on your website's pages for prompt client assistance. It serves as a tool for round-the-clock consultations, lead collection, and reducing the workload on human staff.

**How to set up**

1. In the [widget settings section](https://app.binomai.com/cabinet/binom/integrations?tab=2), you can pre-customize its appearance: choose corporate colors, upload a logo, and set up the greeting text.
2. Copy the short JavaScript code provided by the system.
3. Insert this code into the appropriate place in your website's HTML code, or send it to a technical specialist.
4. After installation, check the widget's display on the site and make sure the AI starts the dialogue correctly.

**Result**
Website visitors see a branded chat window and can get consultations in text or voice format (via WebRTC) instantly, without leaving the page.

---

## Updated on 19.10.26

The online consultant for your site is set up in Binom through the Widget, a chat button in the corner of the site that opens a conversation window over the page. The consultant is available on every page and does not take up space in its content. To install the Widget, copy one line of code in the Integrations → Widget section and paste it once into the site's common template.

If you need the chat window inside a specific page, choose [iFrame](https://binomai.com/faq/embed-chat-website-iframe/); if you don't have a website, choose the [public link](https://binomai.com/faq/public-chat-link/).

## How to install the Widget

1. Open [Integrations → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2).
2. Customize the appearance of the button and window and click "Update". Details: [how to customize the widget's appearance](https://binomai.com/faq/how-to-configure-the-widgets-appearance/).
3. Copy the code from the block "1. Copy the following code and paste it into the appropriate place on your website". It is a single line of this form:

   ```
   <script data-id="ID of your Binom" data-host="https://app.binomai.com/" src="https://app.binomai.com/js/binomHelper.js"></script>
   ```
4. Paste the code once into the site's common template, usually before the closing `</body>` tag. The button will then appear on all pages.

The code already contains the ID of your Binom. If you have several Binoms, check that the correct one is selected in your account before you copy the code.

## Where to paste the code

- **WordPress:** through the custom code field in the theme settings or through a plugin for inserting code into the site footer (for example, WPCode). Add the code to the footer of the whole site, not to a single page.
- **Website builders:** in the site settings, find the field for code that runs on all pages.
- **Custom-built websites:** give the developer the line of code and ask them to add it to the common template once.

Pasting the same code again does not create a second button, but keep the code in one place so it is easier to replace.

## Product context

The Widget automatically passes the address of the page the customer is on to the chat. No separate code is needed for this. How Binom matches a page to a product: [Product ID](https://binomai.com/ru/faq/kak-ii-sotrudnik-opredelyaet-na-stranicze-kakogo-tovara-nahoditsya-klient-dlya-predostavleniya-kontekstnoj-konsultaczii/).

## How to check the result

1. Open the website in incognito mode on a computer and on a phone.
2. Make sure the button is visible and does not cover the site's buttons (cart, order button).
3. Open the window, check the greeting, and send a question.
4. Go to another page of the site: the button should remain.
5. If [WebRTC voice chat](https://binomai.com/faq/how-to-connect-webrtc/) is enabled, check the voice conversation.
6. Find the test conversation in [Chats](https://app.binomai.com/cabinet/binom/chats): in the source filter, select "Widget".

## Possible problems

### The card is grey and marked "Not available on your plan"

**What it means:** the public chat, iFrame and Widget are included in one plan option, and that option is not part of your plan. The Free plan does not include widget installation or iFrame ([Free plan limitations](https://binomai.com/ru/faq/v-chem-klyuchevye-ogranicheniya-besplatnoj-versii-free-po-sravneniyu-s-platnymi-tarifami/)). In the code block, instead of the code, you will see the message "Your plan does not include the widget integration."

**How to switch to the required plan:**

1. Find out which plan you need: in the [Integrations](https://app.binomai.com/cabinet/binom/integrations) section, hover over the gray card. The tooltip "Upgrade to ..." will name the most affordable plan that includes this integration. For how the Free, Basic, Pro and Business plans differ, see [how much Binom AI costs](https://binomai.com/ru/faq/skolko-stoit-ispolzovanie-platformy-binom-ai-i-ot-kakih-faktorov-zavisit-itogovaya-stoimost/).
2. Open [Subscription](https://app.binomai.com/cabinet/subscription). If you are on the free plan, click "Choose plan". If you are on a paid plan, click "Compare plans".
3. Choose a plan and a billing period (monthly, every 3 months, or yearly), then click "Confirm and pay". The payment page will open.
4. After payment, you will see "Subscription payment successful!". Go back to [Integrations → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2). The card will be marked "Available".

Want to try it first? A 7-day trial includes the features of the Basic plan. See [how to start a subscription or a trial period](https://binomai.com/faq/how-to-subscribe-or-start-a-trial/). If you see "Payment was not completed. Your plan has not changed" after paying, try the payment again or write to support@binomai.com, including your account email and the plan you chose.

### The message "You do not have permission to manage this section"

**What it means:** only users with the Owner or Admin access level for the selected Binom can set up integrations.
**What to do:** ask the account owner to give you the Admin access level or to assign the task to them. More details: [access levels in a team](https://binomai.com/faq/kak-raspredelit-obyazannosti-v-komande-s-pomoshhyu-pyati-urovnej-dostupa-owner-admin-editor-operator-viewer/).
**How to tell it is resolved:** after you refresh the page, the integrations catalog opens.

### The button did not appear on the website

Step-by-step check: [why the Binom chat does not appear on the website](https://binomai.com/faq/widget-not-showing-on-website/).

## Other common questions

### How do I install an online chat assistant on a WordPress site?

Copy the line of code on the [Integrations → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2) tab and add it to the footer of the entire site, using the custom code field of your theme or a code insertion plugin.

### Do I need a developer to put a chatbot on my site?

No. It is a single line of code that you insert once into the site's common template. If a developer built your site, give them this line.

### How do I change the color and logo of the chat button?

On the same tab. For details, see the guide [how to set up the chat widget](https://binomai.com/faq/how-to-configure-the-widgets-appearance/).

## What's next

- [How to set up the widget's appearance](https://binomai.com/faq/how-to-configure-the-widgets-appearance/)
- [How to connect WebRTC](https://binomai.com/faq/how-to-connect-webrtc/)
- [What a customer can do in a Binom chat](https://binomai.com/faq/chat-file-photo-voice-messages/)
- [Widget, iFrame or public link: which to choose](https://binomai.com/ru/faq/chto-effektivnee-ispolzovat-dlya-sajta-vsplyvayushhij-vidzhet-podderzhki-ili-chat-vstroennyj-pryamo-v-veb-straniczu/)