Статья

Стати о создании и настройке лендинга

ПОСТЫ ЭТОЙ РУБРИКИ


Основные элементы лендинга

Элементы, без которых не обойдется ни один лендинг – это дескриптор, УТП и призыв к действию. Рассмотрим каждый.

Дескриптор

Основная задача дескриптора – дать понятие посетителю, куда он попал. Дескриптор отвечает на вопрос, кто вы и чем занимаетесь. И отражает ваше позиционирование – как вы хотите представиться клиенту.

Примеры

«Интернет-магазин детскихколясок с доставкой по РФ»

«Производство и продажа алюминиевого профиля»

Дескриптор + усилитель: «Производство

Создаем одноэкранный и длинный лендинг

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

Чтобы создать лендинг уже сегодня, достаточно собрать один экран.

Дальше порядок работы следующий:

  • Одноэкранный лендинг,
  • Длинный лендинг,
  • Несколько лендингов: для разных видов услуг, клиентов и так далее.

Одноэкранный

Три правила хорошего лендинга

Что такое хороший лендинг?

Лендинг – разговор с потенциальным клиентом. Его эффективность будет зависеть от того, как хорошо вы сможете рассказать человеку про ваш продукт. Отсюда три правила лендинга.

Лендинг хороший, если посетителю:

1. Понятно, что здесь предлагают

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

Готов ли ваш лендинг к запуску?

Задайте эти вопросы, чтобы сделать страницу лучше:

  1. У вашего лендинга одна цель?
  2. Человек, который попал на вашу страницу сможет за 10 секунд понять, что вы предлагаете?
  3. Ваш заголовок соответствует предложению?
  4. Есть простое описание, которое объясняет заголовок?
  5. Указано в каком городе вы работаете, если это важно?
  6. Вы используете изображение или видео, которое показывает ваш продукт? Изображение и видео оригинальные?
  7. Вы показываете

SSL-сертификат для лендинга: стоит ли подключать?

Наверняка, заходя на любой сайт, вы обращали внимание, на значок «Защищено» в адресной строке. Так помечены сайты, которые используют SSL-сертификат. Нужен ли сертификат, если вы делаете лендинг? Разбираемся здесь.

Что такое SSL-сертификат?

SSL-сертификат нужен, чтобы обеспечить безопасное соединение между пользователем и сайтом.

Обычно данные передаются с помощью HTTP (HyperText Transfer Protocol – протокол передачи гипертекста). Когда посетитель оставляет свои данные, например

7 шагов перед запуском страницы

В новом дизайне личного кабинета теперь есть сводка страницы – основная информация на одном экране.

После публикации загляните туда и проверьте, готов ли ваш лендинг к запуску.

Что обязательно проверить?

1. Страница опубликована

Доступна для просмотра не только вам в редакторе Платформы, а любым посетителям в интернете. Опубликованная страница получит статус "Запущено".

2. Прикреплен домен

По умолчанию страницы публикуются на тестовом

Как работает мультилендинг?

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

Что такое мультилендинг?

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

Пример

Клиент перешёл на страницу по объявлению с ключевым словом "дёшево". Тогда на первом экране

Как создать бизнес-аккаунт в Instagram со стабильным потоком заявок?

Команда Tooligram, Scout и Teamliker рассказала о 5 ориентирах и дала 20 советов для создания прибыльного бизнес-аккаунта в Instagram.

Мы с вами предприниматели. А потому на такие социальные сети как Instagram, смотрим не как на платформу для размещения фотографий еды и сэлфи, а с совершенно другого ракурса.

5 основных ценностей Instagram для бизнеса:

  1. Повышение лояльности к вашим товарам и услугам

9 стратегий работы с уходящими клиентами

Что делать, если вы потеряли или вот-вот потеряете клиента? Журналисты блога Envybox рассказывают о стратегиях работы с уходящими клиентами.

Почему уходят клиенты?

  1. У них пропала потребность в ваших товарах или услугах (клиенты сменили сферу деятельности).
  2. Клиенты начинают покупать у конкурентов (у тех дешевле, качественнее, лучше сервис и пр.).
  3. Им просто перестали нравится ваши товары.

С первым вариантом – понятно: с объективными

Пишем продающий заголовок лендинга

Как составить портрет целевой аудитории и подобрать рекламные триггеры? Эксперты SMMplanner поделились опытом.

Несмотря на все разговоры об эффективности лид-форм в социальных сетях, лендинги остаются универсальным инструментом продаж. Ибо одна из первых заповедей таргетолога гласит: не везде можно в двух словах объяснить, что вы – Д’Артаньян, а все вокруг — где-то сзади.

По опыту работы в фитнес-тематике скажу, что лендинг способен

HTML виджет

Что такое HTML-виджет и как его использовать?

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

HTML-виджет позволяет изменять компоненты Платформы такие как формы, кнопки, счетчики, контейнеры для виджетов, редактируемый текст и использовать переменные внутри вашего html кода. При этом результат совмещения вашего кода с компонентами Платформы можно

Обновленный виджет "Слайдер"

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

Дизайн

Стандартный: С иконками: C цветными кнопками переключения:

Основные настройки

Внутри слайдер можно поместить любой элемент и задать время показа. Минимальное время – 2 секунды. Оптимальное зависит от контента и времени, необходимого на просмотр. Количество слайдов: максимально – 25.

Дополнительные настройки

  • Плавное перелистывание
  • Фиксированная

Виджет "Вкладка"

Разместить несколько изображений одного продукта, подробно описать характеристики или удобно расположить в одной секции текст – используем виджет “Вкладки”.

Дизайн

Минимализм: Вкладки с кнопками переключения: С иконками: И другие. Все варианты дизайна смотрите в редакторе.

Основные настройки

  • Количество вкладок
  • Цвет кнопок переключения

Дополнительные настройки

  • Высота
  • Фиксированная высота для вкладок разного размера
  • Отступ вкладками и содержимым вкладок
  • Плавное перелистывание вкладок

Для продвинутых

Виджет "Спойлер"

В новом виджете “Спойлер” можно разместить контент, который будет показываться и скрываться по клику. В спойлере удобно размещать ответы на вопросы и тексты, которые легко разделить на пункты.

Когда использовать?

Собираем популярные вопросы, готовим для них ответы и создаем раздел FAQ на лендинге. Элементы внутри виджета – текст или изображение – будут показываться и скрываться по нажатию.

Настраиваем виджет

  • Фон

Выбираем любой

Обновление редактора 15/10/17

Новые виджеты, обновленный слайдер, сообщение об использовании cookies и дополнительные настройки адаптивности.

Подробно об обновлении

Что нового?

  • Новый виджет "Спойлер"
  • Новый виджет "Вкладки"
  • Обновленный виджет "Слайдер"
  • Новые настройки HTML-виджета
  • Новые счетчики
  • Новая панель виджетов
  • Меню для мобильных
  • Дополнительные настройки адаптивности:
    • адаптивность текста на разных размерах экрана
    • адаптивность отступов в виджетах
    • скрытие содержимого секции в редакторе
  • Добавлено сообщение об использовании cookies

Размещать ли форму на первом экране?

Первый экран – знакомство клиента с продавцом и его товаром. Как при знакомстве с человеком нужно 7 секунд, так и при знакомстве с сайтом – один взгляд и посетитель закрывает страницу или скролит вниз. Логично сразу рассказать о товаре и его стоимости, разместить на первом экране форму заявки и кнопку “Заказать”.

Первый экран с полной формой заявки Первый экран с полной формой заявки

Но форма с несколькими полями:

Сообщение после отправки формы

Что клиент увидит после заполнения формы?

В настройках формы можно выбрать действие после отправки:

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

Не забудьте написать http:// или https:// перед адресом сайта.

  • Отправка сообщения и перенаправление на указанный адрес:

7 способов увеличить конверсию

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

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

Формула «ЧСК»

Расшифровывается как

Важно: согласие на обработку персональных данных

О чем чаще всего забывают, размещая форму на лендинге?

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

Для этого в настройках виджета

Форма: настройка полей

Сколько полей должно быть внутри формы?

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

Стандартное поле формы

Форму должно быть легко заполнить: обычно достаточно имени и номера телефона или имени и электронной почты.

Пример стандартного поля с именем и номером телефона Стандартного поля с именем и почтой Поля с именем и почтой, дополнительное