> For the complete documentation index, see [llms.txt](https://docs.jedidesk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jedidesk.com/vidzhet/vidkrittya-vidzhetu-natiskayuchi-na-knopku-na-saiti.md).

# Відкриття віджету натискаючи на кнопку на сайті

Якщо ви хочете на сайт додати кнопку **Звʼязатись**, і щоб при натисканні на неї розгорталось вікно чату з оператором. Це зручно, так як клієнт відразу має змогу задати питання, не очікуючи   на довгі відповіді по пошті.

Також у вас є можливість повністю приховати віджет, який буде відкриватись лише при натисканні на кнопку, якщо ви скористаєтесь івентами, які описані нижче:

<figure><img src="/files/BmD5SWvfbplvYcgRWuQR" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Рекомендуємо для такого типу робіт звернутись до програміста або людини яка зможе зайти в вихідний програмний код та додати безпечно потрібний селектор[^1].
{% endhint %}

1. [Встановіть](/vidzhet/dodati-chat-na-sait.md) віджет на ваш сайт;
2. Додайте до вашої кнопки на сайті клас:&#x20;

   ```html
   jedidesk_widget--open-button
   ```
3. Для закриття віджету додайте до кнопки клас:&#x20;

   ```html
   jedidesk_widget--close-button
   ```
4. Якщо все зроблено правильно, тоді після натискання кнопки буде відкритий чат з оператором, і система вже відправить клієнту привітальне повідомлення 👋

[^1]: В даному випадку маємо на увазі class.&#x20;