# Как настроить виджет ВКонтакте с помощью приложения Salebot

Виджет ВКонтакте — заметный блок на странице вашего сообщества, который пользователи видят сразу, как только посещают вашу группу. Вы можете настроить в нём приветствие посетителей по имени, рассказать об акциях, ближайших мероприятиях, новых услугах или товарах и многое другое.\
\
Для вашего удобства мы создали приложение для интеграции с ВКонтакте, с помощью которого вы без труда сможете создать виджет для вашего сообщества. 

### Как добавить приложение Salebot в сообщество

Для этого зайдите в настройки сообщества, перейдите в приложения, в списках выберете приложение Salebot и нажмите "Добавить"\
После чего приложение подключится к вашему сообществу.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXebpab8NqS_In0KIS-aV85i1cDVWiYu9OinNDhOP6XhovE06vgN6kgGpE5GyJRiVrg9ZRq9OXlmBXKlygYQ8Vd94keF0MhXJxnSgSN810R-F3O-Z-rnJhsSb1WgQzLBgqbBxbWmUA?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd8XTV5hItRN9t7szgwMNr_EMI_euMXmfw1OCc4llCuqsFunlUzYm0yObkq9xFDhAzgh1j_hZzyS6x1KgwkcbjkE_a-yzf-p3BHUvc0pEAdCh_g3LgBZ7JI4oGL0nS86oCHOvYI?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdKPPhPMRL4N4-ULbrCtDY4Dk3dRTdevYY0rj0-i3q0Ban6X0lYJHv-Z_sMV5V4we9pHr7dvSwgevhD1R0WtE0yFWHjHQCYhwWplYWv9plKba-nU3VqxHV9XzJOo7WHgDSYMFB-LQ?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

### Как настроить виджет

Для настройки виджета зайдите в раздел “Каналы” и нажмите кнопку “Настроить виджет”:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcDksPajhfrY8O-c-SlaN6MQIiRk6K9dfORApUxK9FmgdveXjxuJ_Pvp5LYUNEulrfQJfa8xPv5WXicXLz1r11MpcSjyw2DaQljfi13lhSYv40GMPauh2vJS75AU54zswhCmuLB8w?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

Далее нажмите на кнопку “Создать виджет”.&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc6jIVpHQ_YKUEzJX2ndt0r_5wiLwbNTRO0ZSc-fFMzc1-RAfJOoFrzpKPzqqRV4J-rKxQtMn-Qx-1KlGuhg5Tz7fzwedp72hlGjJ6R3Pq5-sIwykfT4Ah_jMnXUNQuwzCydqrL0A?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

Если в вашем сообществе не установлено приложение Salebot, то нажмите кнопку “Установить в сообщество” .

В настройке виджета заполните данные:

### Имя виджета

Это поле нужно для того, чтобы вам было удобно ориентироваться в созданных виджетах. Название будет отображаться в приложении, пользователи группы не увидят его.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfQdNlkiNJrg64_bAD1bugAHX7TW7APocFhxXa64gd2CT1ON6OIW5xXXn4gQCALLHZyuU45a1qg5RT6iJLJXRZno0ARSBRHHiR8kPao12kUeS_ZJyjKqJl9UnZw5nPaUm0cHvjLxg?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

Далее заполняем заголовок виджета и проставляем ссылку. Этот заголовок будет виден пользователю в вашем сообществе.\
После заполнение нажимаем кнопку "Сохранить"

{% hint style="info" %}
Все ссылки в виджете должны начинаться на [https://vk.com](https://vk.com/)
{% endhint %}

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdv5NGjwVqO2MP5cwHttnM4kksiHor4GFwPjMTDTWs4iK5PDLR1yW_C8d91nHTrs32PP31-ON1OPnfrWPy6Sahzi7eSwLWVty-NIraMv20hwbXS7gV84WfeGpbTLZ4v0njEHGye9Q?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

### Устанавливаем картинку

Переходим к заполнению самих виджетов. Необходимо установить картинку на каждый виджет (формат jpg, размер: ширина 960px высота 1440px)\
Вы можете установить любые картинки или фотографии.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfU-vMvQ2bWoccVps0x-apc9U5D_oDavVTqDJKK-eH-PlEeDbm3bL6GD8L67VZLA2yZjCNsyv80NLnmO88vH_V369nxRdzwlpnnCqKUmRtQRVed59xuwBcnRNaaNyVUgz_IszjFqw?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

### Заполняем карточку виджета

Вводим заголовок - в нашем случае это название курса, который мы хотим продать. Вы можете создавать виджеты под любые цели, продавать в них ваши товары, услуги или размещать полезную информацию. \
Ниже указываем ссылку: вы можете добавить ссылку на страницу, которая будет подробно рассказывать о том, что вы разместили. При нажатии на виджет пользователь будет направлен по указанной ссылке.\
Обязательно сохраняем нажав кнопку "Сохранить"

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf1Fz6ic-1qtVPmC_jmqbORC_kHd5EmoRCFdg76iLFe-fnYinN0-NUI87vae0W138xIshrkOmyPGcw__ze_41fBRn--sOku5P1cxTlhZS3EIEeReGwCWCgiIV2GI8Ezl_OvDBAj?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdqAsKEbsmDWKtU0tAtgqhzazgDgcmbXDpPvHDjeFrk0981VxVbAMXagrfR71Zdbdv_l2A3cg6eT2fI8b0SILXAn9p642-Iu6GV_ZyVnwpe79jQb1-a3FHD5GEo_zKypAYaVyvm9g?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

Далее заполняем описание:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcF4PdKcJbwT1-OzZ1mK1Xf62iypnRqqJxTIsTSsgNYN17vPgq4LB8mVxvbE_fM77BCHfDr1FgZsVUY8TGzS2ipc2FTX8BettliliNtalMD3qFQV_4cvOe4zuIBBEctTneg4QQ?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

После выбираем действие - это кнопка, при нажатии на которую пользователь будет переходить по ссылке. Задайте название этой кнопки: перейти, купить, записаться, забронировать и так далее.\
Прикрепляем ту ссылку, куда вы хотите направить пользователя, например на чат с менеджером. Нажимаем кнопку " Сохранить"

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXejWAZDtAEUDB0IO2DO2oCgfE2vLEkeYYX4RW5Gc2cN4-WK85fTbIY0TYKip3h4IZyMpAAEO92Ul7Nld1NtEscXM4zGzJ7bVlEQKp7HvWM_Ie59hQ2oHmDw6T8ta-dKiz0hVoJI?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

По аналогии заполняем остальные карточки.\
\
Далее вводим дополнительные действия и прикрепляем ссылку. Это может быть что угодно.\
Например:

* Ответы на вопросы
* Техническая поддержка
* Отзывы&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfquy14btPkqkMQ4-7ALFLYiawrIccev69XjHae_x59aUeD6BCgNuU3ObTg1o9vmSXNaOwnRer2LYCpWT5D9y79h9eYG77v0OPQXVkiI1_nYXsGYcBOrIo_HbRf_vhoGaOQfCpxyg?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfsQ3mu28p6zv8YFdzorqN5abbEqBQpihko1zdAf_IV7M-0SxN4GN9QjBOV6Bp0jKwc2YNz9Yxygtcgymso1r_SuCSR19zlD9jCCMA4xjLCe6dxFteZsPSLFnv_K2CXe2Vvxb8H?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

Нажимаем  "Сохранить"   и добавляем наш виджет в сообщество по кнопке " Создать"

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdkOVujmbxiEvOeM-wKRt8dFZQPDHrM1AsACpWhtkncrinUgbRJ1f3vT_R97VlAMwCntp5D6vJ2p1iUntFI8OD3EQLoCPWYCPF9W_hVF9NVG2obHo8yvj3zMebaH9GiFF-e3pjBfg?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

Если все настройки проделаны правильно, в вашем сообществе появится виджет.

{% hint style="warning" %}
Важно указать ссылки во всех полях, иначе виджет не будет создан. Все ссылки в виджете должны начинаться на [https://vk.com](https://vk.com/)
{% endhint %}

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfYdyz4U5EJfS4uVfIUCiScpFWnMwFGPw9EnRWwEaVJE0waRiQ0AgfCKyEUabaQ_npkbyHFdUamwl69FAVfusZ0rq4SWzlec1IjRRh0k-ks6bMvbrOjMHOnhaU37M4doe6qSX5mwA?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>

После создания, в управлении сообществом выберете, кому будет отображаться ваш виджет.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeeyZ5CY3TMXIgZNgfteHGHsiD53Hh2hDu8FfZOXRjjZXM8GkKWOM-P-CUz7V8_LtQdS3zHqB40GNwEMAGGbIVkDI8CvgoRKCcFe-6QDpsLuJ2-r0N_6kX8M0g96MEwMf4pV9luXw?key=B5ddmAQUHjA1HQlfr3vUzA" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.salebot.pro/chatbots/channels/vk/kak-nastroit-vidzhet-vkontakte-s-pomoshyu-prilozheniya-salebot.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.