Инструкция

Шаг 1: Зайдите в личный кабинет (1), раздел «Мероприятия» (2). Затем перейдите в подраздел «Текущие» (3). Выберите мероприятие из строки, для которого собираетесь сделать продающий виджет (4).

 Откроется всплывающее окно, в котором нужно будет выбрать вкладку «Вконтакте» (1), затем скопировать код (2) целиком.

Он нам понадобится чуть позже.
Если Вам необходимо вставить более чем одно мероприятие, то можете использовать код виджет-витрины. Он берется из раздела "продвижение" - "Виджет-витрина".


Шаг 2: Авторизуйтесь ВКонтакте и переходите в раздел для разработчиков
. Для этого кликните по этой ссылке – https://vk.com/dev.

Нажмите на раздел меню "Мои приложения".

Нажмите на кнопку «Создать приложение».


Шаг 3: Для того, чтобы создать приложение:

  • Придумайте название
  • Выберите платформу – «Встраиваемое приложение»
  • Описание оставляем пустым.
  • Тип – «VK Mini Apps».
  • Нажмите «Перейти к настройке приложения».


Шаг 4: Подтвердите создание приложения, отправив код на ваш мобильный номер. Нажмите "Получить код", затем введите полученный 5-значный код в строке подтверждения.


Шаг 5: Заполняем основную информацию о приложении

  1. Выбираем название кнопки в сообществе
  2. Загрузить иконки (размеры 16x16, 150х150, 256x256, стандартные логотипы по ссылке)
  3. Сохраняем изменения


Шаг 6: Необходимо перейти из подраздела "Информация" в подраздел "Настройки" и вставить код виджета из личного кабинета (шаг 2). Сохраните изменения.

В настройках по умолчанию указано, что приложение отключено, поэтому необходимо выбрать "Приложение включено и видно всем" (1).

Далее нужно вставить код из личного кабинета (см. шаг 1) в соответствующие поля (2). Задайте размер IFrame - мы выбрали максимально допустимый размер для примера - и сохраните изменения.


Шаг 7:
Посмотрите как выглядит созданное приложение можно нажав на его название


В качестве примера мы задали мероприятие с большой схемой залы, чтобы показать эту возможность: виджет открылся в полный размер.

Далее переходим в настройки сообщества, меняем видимость и можем редактировать название кнопки и приложения:


В браузере это будет выглядеть так:

А в приложении VK для гаджетов так:

Готово!

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

Для этого перейдем в редактирование сообщества и зайдем в раздел приложений. Тут нам необходимо перейти в каталог приложений для сообществ.

Находим и добавляем приложение "Виджет в сообществе".

Далее переходим в это приложение, здесь мы попадаем к самой настройке виджета.

При входе в сообщество виджет выводит аватарку посетителя и его имя(используйте теги [name] и [all_name] для замены имени и имени с фамилией), тем самым привлекая его внимание. Вы можете сами установить любой текст сообщения и название кнопки, а так же ссылку. 

Редактирование происходит путем нажатия на необходимый блок, после чего появляется всплывающее окно, где Вы сможете изменить текст, ссылку на приложение и фоновую картинку.


В редактировании кнопки в этом виджете необходимо указать ссылку на наше приложение с виджетом Tickets Cloud.

После окончания оформления виджета, нажимаем кнопку "Добавить виджет".

После этого, заходим в управление сообществом, в раздел приложения, и меняем видимость приложения "Виджет в сообществе" на "Только администраторы", а видимость виджета приложения на "Все пользователи".

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

Вы нашли ответ?