Виджеты ВКонтакте: какие помогают сообществу компании

Какую работу поручить блоку над публикациями

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

Разберём сообщество компании услуг. Человеку нужно выбрать услугу и записаться, поэтому виджет оцениваем по этому пути. Здесь важно различать сам блок и приложение, которое его наполняет: внешний вид может быть похож, а доступные действия, размеры и правила обновления отличаются, поэтому инструкция к одному конструктору не переносится автоматически на любой другой сервис с названием «виджет». В качестве конкретного примера дальше используется документация Sender. Это разбор одной реализации, а не рекомендация покупать именно этот инструмент.

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

Задачи стоит разделить: меню помогает найти постоянные разделы, публикации рассказывают новости, виджет ведёт к выбранному действию. Дублирование одинаковых кнопок занимает место и не объясняет, с чего начать. Для первого варианта достаточно одной основной задачи.

В документации VK Mini Apps API отдельно описаны добавление приложения в сообщество и предпросмотр виджета. Заказчику не требуется повторять программные вызовы, но полезно понимать, что подключение приложения и готовность его публичного блока — разные части работы, которые исполнитель показывает отдельно.

Сначала приложение и доступы, затем оформление

Доступ к сообществу остаётся под контролем компании. Для работы исполнителю передают подходящую роль, а владелец сохраняет возможность отключить ненужное приложение и изменить сведения.

В инструкции Sender по виджету сначала требуется установленное мини-приложение. Право разрешить ему доступ к виджету связано с правами администратора сообщества. Это две отдельные предпосылки, поэтому отсутствие публичного блока не стоит сразу объяснять ошибкой дизайна: исполнитель выясняет, добавлено ли нужное приложение и подтверждён ли показ от имени уполномоченного участника.

В кабинете Sender открывают «Коммуникации → Мини-приложение», затем вкладку «Виджет». Эти названия относятся к сервису, а не к основному меню ВКонтакте, поэтому при передаче задания полезно назвать оба инструмента и не просить сотрудника искать одинаковую вкладку там, где её нет.

Что согласовать до публикации

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

Как увидеть готовность

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

Для отдельной автоматизации диалога пригодится чат-бот сообщества. Не смешивайте эти задачи в одной строке сметы. Блок может открывать обычную переписку с человеком, а бот появляется лишь тогда, когда нужно выполнять понятные повторяющиеся действия.

Размеры картинок зависят от типа виджета

Изображения подготавливают после выбора формы блока. Один и тот же макет неудобно растягивать на разные пропорции: текст и предмет начинают конкурировать с обрезкой.

В перечне типов виджетов Sender у варианта «Плитки» названы картинки 160 × 160 или 160 × 240 пикселей. Для варианта «Обложки» указан размер 510 × 128 пикселей. Это размеры конкретных типов в описанном приложении, а не общий стандарт любой картинки ВКонтакте, поэтому перед заказом оформления исполнитель называет выбранный тип и показывает его требования в используемом редакторе.

У широкого изображения лучше оставить одну мысль. Длинный прайс и мелкие подписи превращают его в нечитаемый баннер на телефоне. Название услуги и действие можно передать текстовыми полями, а картинке оставить узнаваемый предмет, чтобы изменение цены не требовало постоянной перерисовки изображения.

Набор для дизайнера

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

В документации также описан тип «Текст»: заголовок, текст и ссылка. Для проверки самой идеи я выбрал бы его прежде сложной витрины, если задача состоит в одной записи на услугу: посетитель сначала должен понять предложение, а красивые плитки пригодятся позже, когда человеку действительно предстоит выбрать несколько разных направлений.

Проверка на телефоне

Макет оценивают в опубликованном размере. На экране дизайнера обложка может быть увеличена, и надпись, которая читается в редакторе, потеряется при обычном просмотре сообщества, особенно если смартфон показывает её вместе с соседними блоками и кнопками навигации. Не уменьшайте шрифт ради полного текста. Сократите формулировку и перенесите подробности туда, где человек продолжит действие.

Кнопка продолжает обещание, а не заканчивает его

После нажатия посетитель ожидает обещанное действие. Если виджет предлагает запись, а открывает общую ленту публикаций, человеку придётся искать её заново.

В справке Sender для ссылок виджета указаны домены vk.com и vk.me. Это ограничение описанного решения нужно учесть до оформления: прямой переход на внешний сайт нельзя обещать в задании, не выяснив, какой допустимый путь действительно предлагает выбранный инструмент и что увидит человек после него. Переход внутри ВКонтакте тоже требует приёмки. Мини-приложение, сообщение сообществу и страница сообщества создают разное продолжение, хотя все могут открываться без выхода из социальной сети.

Заготовка задания на запись

Рабочая формулировка: «В сообществе компании показать блок выбора услуги. Основное действие — начать запись. Текст кнопки называет следующий экран, после перехода человек видит выбранную услугу или получает просьбу указать её. Администратор получает обращение с предметом запроса и отвечает по графику компании. Для принятого варианта показать путь с компьютера и телефона». Это шаблон, в который подставляют свой список услуг и фактический способ записи.

Лучше честно написать «Обсудить запись», если свободное время подтверждает администратор. Слово «Записаться» уместно, когда человек действительно завершает выбор времени или понимает, что отправляет заявку на подтверждение. Разницу раскрывают на следующем экране, не оставляя посетителя ждать несуществующего автоматического бронирования.

От перехода к обращению

Для учёта результата нужны просмотры пути и исходы обращений, доступные выбранному инструменту. Если ссылка позволяет сохранять метки, правила подготавливают по материалу про метки для ссылок, а отсутствие таких данных не заменяют выдуманным источником каждой заявки. Администратор может уточнить, откуда человек пришёл, но не обязан угадывать ответ. Неизвестный источник сохраняют отдельным значением, чтобы общий итог не выглядел точнее имеющихся данных.

При переносе сообщений в CRM пригодится передача обращений VK в CRM. На проверке важно сохранить не только контакт, но и выбранную услугу, иначе сотрудник снова спросит посетителя, что тот хотел заказать. Объём интеграции обсуждают отдельно: для установленного блока нужно определить, какие данные он передаст в рабочую систему компании и кто получит обращение.

Открыть сообщество глазами нового посетителя

Предпросмотр администратора показывает не весь опыт посетителя. Его доступ, история и состояние подписки могут отличаться от состояния человека, который впервые открыл компанию.

В описании Sender есть отдельный предпросмотр гостя и пользователя. Если используются условия показа, исполнитель объясняет, кому виден каждый вариант, и оставляет понятный общий путь для остальных посетителей, потому что слишком узкая настройка способна скрыть блок именно от новой аудитории, которую компания привела рекламой и ради которой заказывала оформление. Сначала работает общий вариант. Персонализацию добавляют под отдельный понятный вопрос, а не ради обращения по имени к каждому посетителю.

Самостоятельная проверка проходит от обычной ссылки сообщества. Откройте страницу в подходящем состоянии посетителя, прочитайте предложение, нажмите кнопку и закончите действие до места, где оно передаётся компании. Сохраните вопрос, на котором пришлось остановиться: непонятный термин, другая услуга или отсутствие доступной записи потребуют правки содержания, а не перестановки изображения.

Если блок ведёт к отменённой акции или прежней услуге, ответственному нужен способ быстро убрать предложение и заменить ссылку. Назначение владельца актуальности входит в передачу результата вместе с доступом к редактору.

Перед запуском рекламы ВКонтакте пройдите по её обещанию до обращения. Так можно увидеть расхождение между объявлением и виджетом до того, как переходы станут платными. Для настройки страницы, передачи заявок и проверки продолжения ШТАБ ИТ предлагает помощь с инструментами компании.

Последний вопрос приёмки прост: понятно ли человеку, что произойдёт после нажатия? Если ответ приходится давать голосом рядом с экраном, перенесите это пояснение в сам путь записи. Затем снова откройте сообщество как новый посетитель.