> 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).

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

Ви маєте змогу відкривати віджет #jedidesk за допомогою кнопки чи посилання на вашому сайті.

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

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

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FMYC97b7WDyjsaXQzs3iW%2FUA_Widget_08.png?alt=media&amp;token=178decb9-fdc1-4caf-9d37-83fad0517c81" 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;