> For the complete documentation index, see [llms.txt](https://help.zenky.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.zenky.io/vk/miniapp.md).

# Установка VK mini app

Установка ВК приложения в вашу группу через новую технологию VK mini app

## Как подключить приложение

### Создать новое приложение

1. Авторизуйте Вконтакте под аккаунтом, который управляет группой ваше компании
2. Создайте свое ВК приложение, [перейдя на эту страницу](https://vk.com/editapp?act=create).
3. Заполните все поля формы создания нового приложения:\
   Платформа: `"Встраиваемое приложение"`\
   Тип: `"VK Mini Apps"` \
   Нажать кнопку `Перейти к настройке приложения` &#x20;

![](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg5xOJVJ0ILdzLkE_PM%2F-Mg6-4cKzs_M2FDy1kkj%2Fimage.png?alt=media\&token=291aefba-03d3-4884-adbd-9d6ab8c2143d)

4\. Далее нужно подтвердить свои права. У вас появится вот такое окно с предупреждением →

![](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg5xOJVJ0ILdzLkE_PM%2F-Mg606vqnJ_MtWNNJE7x%2Fimage.png?alt=media\&token=ea2cf28c-5a4f-4024-9575-ae54c092ed4e)

5\. Откройте мобильное приложение Вконтакте на своем телефоне. На экране приложения вы увидите запрос подтверждения. Нажмите на кнопку `Подтвердить`

### Заполнить информацию о компании

6\. Вас перекинет на страницу редактирования информации он вашей компании. Тут нужно будет заполнить все поля.

* Название → введите название вашей компании
* Описание → введите описание компании с ключевыми словами. Например, "доставка роллов по Москве за 1 час"
* Краткое описание
* Категория → выберите вашу категорию, например, «Еда и напитки»
* Иконка 32-32 → загрузите ваш квадратный лого, предварительно уменьшив его до размера 32x32  пикселя. Формат JPG, PNG.
* Пользовательское соглашение → возьмите ссылку из подвала вашего сайта. Например, <https://tech.zenky.app/legal/privacy-policy>
* Политика конфиденциальности → также скопируйте ссылку из подвала вашего сайта. Например, <https://tech.zenky.app/legal/personal-data-policy>
* Нажмите на `Сохранить изменения`

![](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg5xOJVJ0ILdzLkE_PM%2F-Mg62Ta6X4gXg84NsEcP%2Fimage.png?alt=media\&token=e2d16c01-995e-4221-a41f-3dfeef6841d5)

7\. Далее нужно:

* Указать сообщество, в которое хотите установить приложение
* Указать название кнопки
* Разрешить установку в сообществах
* Нажать `Сохранить изменения`

![](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg5xOJVJ0ILdzLkE_PM%2F-Mg65_HP9Tv8taI-svCX%2Fimage.png?alt=media\&token=caa14bb0-c8e7-4bce-ba4d-e9251f623210)

8\. Далее вам нужно загрузить обложки приложения в нескольких размерах. Размеры должны совпадать пиксель в пиксель с указанными на картинке. Поэтому картинки нужно заранее&#x20;

![Загрузить обложки разных размеров](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg65f1q6sH5I6w_rifX%2F-Mg66lTTqgz26rfEHT2e%2Fimage.png?alt=media\&token=a2d948bd-6ab8-4a17-aaec-c2098716b6fc)

### Заполнить все поля в разделе «Настройки»

9\. Нужно установить состояние в → `"Приложение включено и видно всем"`

10\. Нажать на кнопку `«Сохранить изменения»`

![](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg65f1q6sH5I6w_rifX%2F-Mg6825AvlaoU9Hydozf%2Fimage.png?alt=media\&token=c18d5b6b-b440-4cf4-aef3-eb3a5d40038c)

11\. Указать во всех полях ссылку на ваш сайт, созданный на платформе Zenky. Например, `https://tech.zenky.app`

12\. Указать размер окна сервиса `795 х 700`

![](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg65f1q6sH5I6w_rifX%2F-Mg692yMP0W1BQ3207-W%2Fimage.png?alt=media\&token=7edc0c96-a9fb-4740-80bb-d4b0ea749739)

### Проверить приложение

Далее в вашем сообществе в правой колонке появится блок со ссылкой на ваше приложение. Нажмите на кнопку, чтобы проверить работоспособность приложения.

![](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg65f1q6sH5I6w_rifX%2F-Mg6AK14ppIEfSaaYucb%2Fimage.png?alt=media\&token=afe7464f-790f-4f81-aa13-283b9c344048)

Все готово! Теперь вы должны увидеть как ваш сайт открывается внутри Вконтакте прямо в вашем сообществе.

![](https://1480690874-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1B1BMwmRkGzV5C4BnU%2F-Mg65f1q6sH5I6w_rifX%2F-Mg6BvFYWM4R9LEbCAFN%2Fimage.png?alt=media\&token=73d1bffb-3856-47ed-8dca-6263ffe1e8fe)
