Привет! В приложении рассылки Вконтакте Senler есть отдельный раздел по созданию лендингов. Классический вариант создания страницы подписки в момент добавления группы подписчиков мы уже рассматривали. Этот вариант несколько отличается – здесь вы найдете блочный конструктор. Нечто подобное есть у другого рассыльщика ВК – Гамаюн. Теперь и пользователи Senler могут экспериментировать с лендингами – продающими, подписными страницами, визитками и т.п.

Как всегда, решила совместить полезное и для себя, и для вас – детальнее протестировать этот конструктор, а заодно подготовить инструкцию. Ведь я не одна, кого он может заинтересовать.

Ниже вы можете посмотреть мой урок по созданию лендинга в конструкторе Senler:

Итак, конструктор находится на страничке приложения в сообществе.

Пример создания лендинга в конструкторе Senler

На открывшейся страничке вверху нужно нажать на «Каталог рассылок» и в выпадающем списке перейти в раздел «Лендинги».

Пример создания лендинга в конструкторе Senler

Там мы и увидим кнопочку «Создать лендинг», которая приведет нас в конструктор.

Пример создания лендинга в конструкторе Senler

На первом шаге указываем название лендинга и нажимаем «Продолжить».

Пример создания лендинга в конструкторе Senler

На следующем шаге выбираем либо готовый шаблон (на момент написания статьи их всего 2), либо создаем свой лендинг из пустой страницы.

Пример создания лендинга в конструкторе Senler

Если выберем шаблон, то блоки в нем можно редактировать, убирать, добавлять…

Для редактирования шаблона нажимаем «Создать лендинг из шаблона».

Пример создания лендинга в конструкторе Senler

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

Пример создания лендинга в конструкторе Senler

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

Предлагаю детальнее рассмотреть создание лендинга с чистого листа. Для примера создам лендинг для своего платного инфопродукта – «Комплекта по контент маркетингу».

Нажимаю – «Пустая страница». Затем на плюсик для добавления блоков.

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Открывается выбор блоков.

Пример создания лендинга в конструкторе Senler

Я заранее прикинула и подготовила себе контент для будущего лендинга. В моем случае блоков будет 8:

• Обложка – с заголовком, коротким описанием оффера, фоновой картинкой и кнопкой оплаты.
• Текстовый блок – актуализация проблем, которые решает мой оффер и для кого он будет полезен.
• Видео – в этом блоке я добавлю обзор своего инфопродукта.
• Кнопка – еще раз кнопка оплаты органично по тексту лендинга.
• Блог преимуществ в формате буллитов.
• Блок отзывов.
• Еще раз кнопка оплаты.
• Еще один текстовый блок – описание того, что получает покупатель после оплаты.

Чтобы добавить тот или иной блок – кликаю на его название в списке. Первым выбираю блок «Обложка».

Пример создания лендинга в конструкторе Senler

Далее кликаю на сам блок.

Пример создания лендинга в конструкторе Senler

Он добавился, нажимаю на карандашик редактирования на панели сверху.

Пример создания лендинга в конструкторе Senler

Указываю заголовок своего продукта.

Описание (конкретизация моего оффера) добавляю во втором текстовом поле.

Пример создания лендинга в конструкторе Senler

Меняю фоновую картинку. Чтобы загрузить вместо текущей свою – кликаю на нее левой кнопкой мыши.

Пример создания лендинга в конструкторе Senler

Подгружаю картинку с компьютера и сохраняю.

Пример создания лендинга в конструкторе Senler

Важно: по ходу создания лендинга может всплыть окошко с разрешением доступа к данным сообщества (в котором у вас установлено приложение Senler). Например, у меня такое появилось в момент загрузки картинки. Просто нажмите “Разрешить”.

Пример создания лендинга в конструкторе Senler

Теперь редактирую кнопку. Здесь можно выбрать несколько действий:

• переход по ссылке на внешний сайт,
• подписка на рассылку в Senler,
• заявка в личные сообщения администратору,
• вступление в сообщество.

Пример создания лендинга в конструкторе Senler

Я указываю ссылку на внешний сайт (оформление заказа через сервис Monecle).

Пример создания лендинга в конструкторе Senler

Чтобы изменения применились, жмем «Сохранить». Первый блок готов, добавляем второй.

Пример создания лендинга в конструкторе Senler

Вторым добавляю обычный текстовый блок, в котором распишу – почему мой продукт актуален, какие он закрывает вопросы и кому будет полезен.

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Указываю заголовок и текстовое содержимое этого блока. Выравнивание текста ставлю по центру. Жму «Сохранить»

Пример создания лендинга в конструкторе Senler

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

Пример создания лендинга в конструкторе Senler

Третьим блоком добавлю видео (обзор с демонстрацией моего комплекта изнутри).

Пример создания лендинга в конструкторе Senler

Видео я предварительно загрузила на Ютуб и скопировала на него ссылку.

Выбираю в списке данный блок.

Пример создания лендинга в конструкторе Senler

Жму на него, чтобы он применился.

Пример создания лендинга в конструкторе Senler

Перехожу в редактирование.

Пример создания лендинга в конструкторе Senler

Добавляю свое содержимое.

Пример создания лендинга в конструкторе Senler

Сохраняю.

Четвертым добавлю блок с кнопкой на оплату – она здесь логично напрашивается.

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

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

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

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

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

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пункты можно передвигать местами и удалять, для этого нажимаем вверху справа «Править».

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Шестым я встрою блок с отзывами.

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Здесь отзывы можно добавить несколькими способами:

1) по ссылке из комментария к посту или обсуждения.

Пример создания лендинга в конструкторе Senler

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

Пример создания лендинга в конструкторе Senler

2) вручную, указав имя, текст отзыва и загрузив фото автора.

Пример создания лендинга в конструкторе Senler

Вы можете добавить до 10 отзывов.

Если требуется удалить или переместить отзыв, нажмите вверху справа «Править».

Пример создания лендинга в конструкторе Senler

Седьмой блок – снова органично просится кнопка. Здесь я просто скопирую уже ранее добавленный блок с кнопкой и стрелочкой опущу его вниз.

Пример создания лендинга в конструкторе Senler

Финальный восьмой блок у меня будет просто текстовым.

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

Здесь я напишу, что получает клиент после оплаты.

Пример создания лендинга в конструкторе Senler

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

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

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

Пример создания лендинга в конструкторе Senler

Здесь можно:

• Смотреть статистику.
• Создать копию лендинга.
• Скопировать ссылку на лендинг.
• Переименовать.
• Удалить.

Пример создания лендинга в конструкторе Senler

Созданный лендинг отобразится на вкладке «Мои лендинги» – при наведении него мышкой, появляется список действий – редактировать, удалить, скопировать ссылку, просмотреть статистику и др.

Пример создания лендинга в конструкторе Senler

Пример создания лендинга в конструкторе Senler

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

Важно: увидят лендинг только авторизованные пользователи в ВК. Т.е., если вы будете продвигать его где-то во внешней рекламе, и по ссылке перейдет незалогиненный во Вконтакте пользователь, то лендинг ему не откроется.

Итак, в этой инструкции я на примере показала, как создать простой продающий лендинг для инфопродукта в блочном конструкторе Senler. Буду рада, если информация вам пригодилась.

Благодарю за внимание!

Виктория