Промостраницы — инструмент, который нужен каждому бизнесу.

Друзья, наш семейный бизнес МояКовка @moyakovka прошел отбор на участие в грантовой программе #яделаюбизнес. Организатор — банк «Открытие» @open.delo и ВКонтакте @business.

В рамках гранта мы раскачиваем группы по полной, благо инструментов для этого масса. Один из инструментов – это приложения. И недавно сделали приложение для создания промостраниц прямо в ВК. Я решил досконально изучить этот инструмент и попытаться его использовать.

Все данные о приложении будут внизу статьи.

Задача: быстро сделать посадочную страницу под черную пятницу и предложить скидку 11%, тем кто оставит заявку.

О приложении «Промостраницы»

Приложение позволяет создавать промостраницы(лендинги, посадочные страницы) прямо в интерфейсе ВК. Для этого не нужно знать программирование и не нужен дизайнер, достаточно собственного вкуса.

Есть визуальный редактор, набор блоков из которых мы будем собирать страницу и готовые шаблоны. Их пока 16, но я уверен, разработчики будут добавлять новые.

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

Есть интеграция с Яндекс.Метрикой. Можно настраивать цели для каждой страницы.

Приложение платное, но 3 дня можно пробовать бесплатно. Потом — 990 руб/месяц или 8880/год

Интерфейс приложения

На главной странице расположены ваши готовые страницы. После установки, у вас будет пусто и вам предложат создать свою первую страницу. Я создал уже 2 страницы, разными способами.

Главная страница, тут можно управлять страницами
Главная страница, тут можно управлять страницами

Страницы можно редактировать, дублировать, удалять (без возврата), называть каждую своими именами. У каждой страницы есть свой уникальный адрес.

Вот так выглядит адрес страницы (ссылка кликабельна, страница активна до 6.01.2020) https://vk.com/app7039615_-179251470#6630

Создание страницы

Есть два пути – простой и посложнее.

Первую страницу я делал по простому пути. Я выбрал понравившийся готовый шаблон для салона красоты и применил его, там было всего 3 блока, но можно добавить новые. За 5 минут я поменял картинки, текст и ссылки. Готово!

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

Если вы пойдете по второму пути, вы увидите такое же окно

Когда вы начинаете с чистого шаблона, вам нужно выбрать первый блок.
Когда вы начинаете с чистого шаблона, вам нужно выбрать первый блок.

Блоки — смысловые единицы контента. Каждый блок занимает один этаж, встраивать блоки друг в друга нельзя.

Блоки можно перемещать по странице вверх и вниз. Если удалить блок, восстановить его нельзя и его настройки сбросятся.

Что бы изменить параметры блока, нужно добавить его на страницу и навести на него курсор, в левом верхнем углу появятся кнопка редактирования. Если нажать на нее, всплывет окошко с настройками. После редактирования, изменения нужно применить.

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

Я попробовал все блоки, вот краткое описание для каждого

  1. Обложка
    Затемненная картинка на фоне, цепляющий заголовок ко всей странице, короткое описание предложения и кнопка действия. Затемнять свои картинки не придется, все выровнено по центру, менять положение нельзя. Поддерживает переменные.
  2. Кнопка
    Кнопка может быть разными типами: ссылкой, подпиской на сообщество, заявка с номером. Свой текст кнопки написать нельзя, придется брать из заготовок, но их много, для любых нужд.
  3. Видео
    Встраиваемое видео на всю ширину страницы. В настройках можно отключить звук и зациклить.
  4. Изображение
    Почему то не на всю ширину экрана. Подойдет jpg или png, желательно в пропорции 1:1 или 3:2.
  5. Товары
    Это очень крутой блок. В нем есть заголовок, описание для заголовка, а так же сами товары из раздела товары. Всего можно добавить 10 товаров. Делать это нужно вручную, копирую и вставляя ссылку на товар. Есть ручная сортировка, поэтому добавлять можно в любому порядке, а потом мешать их как хочется. Цену и название подцепляет автоматически, это очень удобно.
    Если нажать на картинку или кнопку, в новом окне откроется страница товара.
Вот так выглядит блок с товарами, цену и название подхватывает автоматически
Вот так выглядит блок с товарами, цену и название подхватывает автоматически

6. Текст
По факту, это параграф с заголовком 3 уровня. Если не вводить заголовок, можно писать несколько параграфов подряд. Текст нельзя выделять жирным, подчеркивать, делать курсив и форматировать, списков то же нет. Только текст. Поддерживает переменные.

7. Заголовок
Прокаченный блок текста. Заголовок 2 уровня и по центру, размер текста такой же. Но можно выбрать цвет фона из заготовок. Цвет текста подстраивается под цвет фона, удобно. Поддерживает переменные.

8. Шапка
Строка в самом начале страницы. Можно загрузить логотип и изменить цвет фона из заготовок. Логотип только по центру, положение менять нельзя.

9. Слайдер
Обычный слайдер, на всю ширину экрана, с адаптацией под мобильные. Есть две темы: темная и светлая. По факту, меняется только цвет стрелочек.

Рекомендую использовать изображения размером 1000*600, иначе будут черные полосы, выглядит не очень.

Черных полос не будет, если размер изображения 1000*600. Сверху можно увидеть блок «Шапка»
Черных полос не будет, если размер изображения 1000*600. Сверху можно увидеть блок «Шапка»

Пока что добавлено всего 9 блоков. Этого должно хватить для большинства задач.

За пять минут я сделал пару блоков и вот что получилось у меня.

Посмотреть и пощупать можно тут, доступно до 6.01.2020:
https://vk.com/app7039615_-179251470#6630

Для тестового запуска пойдет. Менять что-то или нет станет ясно после запуска рекламы.
Мобильная версия. Выглядит хорошо.
1 of 2
Для тестового запуска пойдет. Менять что-то или нет станет ясно после запуска рекламы.

Яндекс метрика

Яндекс.метрика — система аналитики. Позволяет смотреть различные данные о посетителях страницы. Это может сэкономить много денег, если правильно воспользоваться.

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

  1. Идем в metrika.yandex.ru, создаем новый счетчик.
  2. В адресе сайта указываем page.spycat.ru , создаем счетчик
  3. Выбираем способ установки «CMS и конструкторы сайтов», копируем цифры из пункта 1
  4. Заходим в приложение промостраницы, переходим во вкладку интеграции, выбираем яндекс.метрику и вставляем цифры.
Если что-то непонятно, напишите мне, я объясню
Промостраницы — инструмент, который нужен каждому бизнесу., image #9
Промостраницы — инструмент, который нужен каждому бизнесу., image #10
1 of 3
Если что-то непонятно, напишите мне, я объясню

Как настраивать цели расписывать не буду. Это можно посмотреть в официальной документации приложения. Либо напишите мне в личку ВК, а расскажу и покажу все что нужно.

Выводы

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

Можно обращаться по имени прямо в заголовке страницы. Это здорово увеличит конверсию.

Мне понадобилось 7 минут, что бы разобраться и создать промостраницу. Дольше шаблоны для карусели готовил. И это отлично.
Придумал → запустил → оценил → переделал

Это отличный инструмент для предпринимателей, у которых нет сайта и они не хотят платить разработчикам и дизайнерам. Я их прекрасно понимаю, поэтому советую внедрить. Если не пойдет — вы потеряете 1000 рублей, это немного.

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

Вот разработчики приложения: https://vk.com/spycat
Там много интересного.

143 views·3 shares