# Кнопка мессенджера на сайт

Пример  настроенной кнопки на сайте. :point\_down: Клик по кнопке открывает приложение WhatsApp с чатом компании.

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-MblCo2vAUG4p23vkMKP%2F-MblD8QFFMiXefX2oqc7%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-09%20%D0%B2%2017.40.32.png?alt=media\&token=8e5212c4-633b-4551-bb04-27d19ac7a8a7)

{% hint style="info" %}
Чтобы настроить кнопку в CRM plugin амоСРМ, виджет WhatsApp должен быть подключен в источники сделок.
{% endhint %}

1\) Перейти в настройки воронки. &#x20;

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-Mb6Wjxf3Mt2beTKwuKL%2F-Mb6dL-MYAXfmNUuCnUo%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-01%20%D0%B2%2015.55.16.png?alt=media\&token=efdd7711-8137-4278-a3b9-cd570a85e8c2)

2\) В источниках сделок кликнуть "Добавить". &#x20;

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-MblDWhEEF0pzABCHF8w%2F-MblEPDqBYYFRPLdtQ4b%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-09%20%D0%B2%2017.43.18.png?alt=media\&token=c163a8c0-e977-4fac-bd0f-e628525174d9)

3\) В появившемся окне выбрать "WhatsApp". &#x20;

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-MbGk7Xyw4dHVLumVe_v%2F-MbGmBY3xicumnzHr0Tq%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-03%20%D0%B2%2015.07.47.png?alt=media\&token=0ea4c600-a3d8-47ce-80ea-9106150585df)

4\) "Добавить" наш виджет. &#x20;

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-Mbq4WTsN5AzoENHkbRM%2F-Mbq5EulO3Jr6HTW9MzJ%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-10%20%D0%B2%2016.24.10.png?alt=media\&token=28c771c2-74c7-45aa-a8a3-b72c63bf8af7)

5\) Виджет добавится в источники, окно виджетов закрыть. &#x20;

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-Mbq4WTsN5AzoENHkbRM%2F-Mbq5U7ZNFIWr-ziYQoV%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-10%20%D0%B2%2016.25.19.png?alt=media\&token=ea7cd070-7821-4ff7-b980-22d29c872656)

{% hint style="info" %}
Если виджет не добавляется, значит он уже добавлен в другую воронку!
{% endhint %}

6\) Снова кликнуть кнопку "Добавить". &#x20;

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-Mbq4WTsN5AzoENHkbRM%2F-Mbq69jTth0lpwIatjVB%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-10%20%D0%B2%2016.26.46.png?alt=media\&token=8016a3ad-b668-41f9-bcbe-ef448e2be995)

7\) В появившемся окне выбрать "CRM plugin". &#x20;

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-Mbq4WTsN5AzoENHkbRM%2F-Mbq6HCFnyaly1bfiTp9%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-10%20%D0%B2%2016.26.52.png?alt=media\&token=2eaccbd5-7e06-46ab-8a14-e5353a92397f)

8\) Откроется окно настроек. Кликнуть по значку WhatsApp, чтобы добавить его в плагин на сайте. &#x20;

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlY6zVfZf9OqBmsNV0%2F-Mbq4WTsN5AzoENHkbRM%2F-Mbq6UbVYM1il4FVtOrK%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-06-10%20%D0%B2%2016.27.00.png?alt=media\&token=9e41f535-869d-4393-9828-e114cc3a75aa)

9\) Значок WhatsApp перейдет вправо и будет гореть зеленым.

10\) Далее можно настроить отображение плагина на своему желанию.

11\) Сохраните изменения&#x20;

12\) Перейдите в раздел "Установить"  и там будут поля с ссылками для размещения на сайте: &#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FwoWmgpCzZHQtoC6o5DZR%2FScreenshot%202024-06-17%20at%2010-21-44.png?alt=media&#x26;token=a31da3c4-c8d8-4bbc-8c13-6c55b6f35a8d" alt=""><figcaption></figcaption></figure>

13\) Готово. :panda\_face:&#x20;

[→ Интеграция amoCRM WhatsApp](https://radist.online/amocrm/whatsapp)

[→ Интеграция amoCRM Telegram](https://radist.online/amocrm/telegram)
