Мини-приложение ВК

Текст урока

0:00Вступление

Привет! Это десятый урок — мини-приложение ВКонтакте. Покажем, как человек подписывается в одно касание, и соберём первый лендинг.

0:11Что это

Мини-приложение — это маленькая страница прямо внутри ВКонтакте. Человек подписывается на рассылку одним нажатием: не нужно уходить на сайт и ничего вводить. Приложение одно на весь Sender — создавать своё не нужно. Его достаточно установить в сообщество.

0:30Установка

Откройте «Мини-приложение» в «Коммуникациях». На вкладке «Обзор» — «Запуск по шагам». В шаге «Установить в сообщество» нажмите «Установить» и выберите своё сообщество. Откройте в нём приложение — шаг отметится галочкой.

На вкладке «Главная» выберите, что увидит посетитель: рассылки с иконками, плитки, одну подписку или сразу лендинг. Добавьте описание — справа видно, как это выглядит на телефоне. И нажмите «Сохранить».

1:07Глазами посетителя

Теперь — глазами посетителя. Он открывает приложение в сообществе и видит ваши рассылки. Нажимает круглый плюс рядом с рассылкой. Если он ещё не разрешал сообщения, ВКонтакте спросит разрешение. Он соглашается — и готово: «Вы подписаны». А в Sender он уже в группе подписчиков.

В «Моих подписках» человек сам включает и выключает рассылки — и может удалить свои данные.

1:40Лендинги

Лендинг — это одностраничный сайт под одну задачу: подписаться, записаться на вебинар или оставить заявку. Его собирают из готовых блоков, как из кубиков. Шаблонов — семь, видов блоков — четырнадцать. Начнём с шаблона «Подписка на рассылку».

Откройте вкладку «Лендинги» и нажмите «Создать лендинг». Выберите «Подписка на рассылку» и нажмите «Создать» — откроется редактор. Нажмите на блок «Обложка» и впишите свой заголовок — предпросмотр на телефоне меняется сразу. Нажмите «Опубликовать» — рядом с вкладками появится ссылка на страницу.

Скопируйте ссылку и откройте её на телефоне — лендинг откроется прямо во ВКонтакте.

Кнопки лендинга умеют многое: подписать на рассылку, запустить бота или открыть диалог с сообществом. А заявку оставить совсем просто: ВКонтакте спросит разрешение и сам передаст телефон — вводить ничего не нужно.

2:51Виджет

А виджет — это блок на странице сообщества, над стеной. Он здоровается по имени: «Анна, подпишитесь на акции» — а кнопка ведёт к подписке. Разным людям — разные виджеты: например, в день рождения — поздравление. Устанавливают виджет из приложения: «Управление» — «Установить виджет».

3:16Что дальше

Готово! Вы установили приложение, настроили главную и опубликовали первый лендинг. В следующем уроке — триггеры, вебхуки и API: автоматика по событиям и связь с другими сервисами. До встречи!