#cделайлендинг

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

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


8 шагов к эффективной мобильной странице

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

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

Руководство: как сделать сайт-визитку

Сайт – это заявление о себе самому широкому кругу читателей.

Среди них могут быть:

  1. Ваши клиенты
    Они уже знают вас и захотят найти ваш телефон, если забыли. В очередной раз посмотреть, как проехать. Поделиться ссылкой со своими знакомыми.

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

  3. Журналисты, сайты-каталоги
    Те, кто хотят о

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

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

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

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

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

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

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

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

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

Архивация и удаление страниц

Необходимость удалить страницу обычно возникает, когда страниц становится много, а тариф не позволяет опубликовать ещё одну. На тарифе Эконом вы можете вести одновременно 10 страниц, на тарифе Бизнес и Бизнес+ 50 страниц.

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

Так вы глядит

Ещё текст сверху

В редакторе появился виджет, который позволяет показывать информацию по наведению курсора на виджет.

Например, так.

Как установить?

Переместим виджет из верхней части редактора на секцию и отредактируем стандартный текст.

Например

Изменим текст ховера и добавим картинку

Как настроить виджет?

Первое, что важно настроить – длительность показа. Во кладке “Длительность” выбираем сколько секунд будет видна информация внутри виджета: от 100 до 1000

Движения

К любому виджету на странице теперь можно добавить эффект анимации по наведению курсора.

Как это работает?

Добавляем виджет на секцию. Например, виджет “Иконка“. Переходим в “Настройки виджета” во вкладку “Эффекты“. Выбираем вкладку “По наведению курсора” и включаем анимацию. Выбираем нужный эффект при наведении.

Важно

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

Адаптивность

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

Как отображается ваша страница на мобильных?

Заходим в редактор страницы и нажимаем «Настройка адаптивности» в верхней панели. В этом окне включаем и выключаем отображение страницы для выбранных устройств. Переключаем режимы адаптивности и смотрим, как будет выглядеть страница в редакторе и в режиме предпросмотра.

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

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

Дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Форма: дизайн

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

Секция "Форма"

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

Виджет

Три способа разместить форму заявки

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

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

В этой статье:

  • Какие бывают формы?
  • Сколько форм

Марафон базовых статей о редакторе Платформы LP

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

Первая вводная статья – о структуре лендинга.

Далее разбираемся:

Работаем с изображениями и видео:

Налаживаем коммуникацию с посетителями:

Редактор: как настроить секцию с комментариями из социальных сетей

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

Настраиваем секцию с комментариями Вконтакте и на Facebook.

Добавляем секцию комментариев

Переносим секцию с комментариями ВКонтакте и на Facebook из верхней части редактора на страницу. Добавить секцию комментариев

Или добавляем виджет "Комментарии ВКонтакте"

Редактор: как установить корзину

Если цель одностраничного сайта - продажа товара, то для её достижения можно разместить на странице кнопки обратного звонка и формы обратной связи, а можно установить корзину. Страница будет работать как интернет-магазин: размещаем карточки товаров, цену, кнопки "Заказать" и настраиваем корзину - товары будут сразу попадать туда.

Разбираемся, как установить и настроить корзину, но для начала разместим товары на странице.

Как

Редактор: меню и навигация

Пишем о настройке стандартных секций и виджетов в серии материалов о редакторе Платформы.

Обзор редактора – здесь.

О глобальных настройках страницы – здесь.

В этой статье о том, как добавить меню и настроить навигацию на странице.

Когда необходимо меню?

Лендинг состоит из нескольких разделов. В стандартной структуре страницы обычно есть

  • Шапка
  • Описание уникального торгового предложения
  • Описание преимуществ
  • Фотографии или видео продукта
  • Отзывы

Редактор: как добавить соглашение на обработку персональных данных

Продолжаем рассказывать, как установить и настроить стандартные секции и виджеты. Общий обзор редактора – здесь, о том, как добавить форму – здесь.

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

Мы добавили вкладку “Соглашение” в настройках формы, чтобы соглашение было удобно добавлять. Рассказываем, как это

Редактор: как добавить карту

В серии материалов о редакторе Платформы рассказываем, как установить и настроить стандартные секции и виджеты. Общий обзор редактора – здесь, в этой статье о том, как добавить и настроить карту.

Когда нужна карта?

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

Как добавить карту?

Редактор: как добавить форму заявки

В серии материалов о редакторе Платформы рассказываем, как установить и настроить стандартные секции и виджеты. Общий обзор редактора – здесь, в этой статье о форме заявки, как добавить её и настроить.

Что такое форма?

Форма нужна для отправки информации владельцу сайта. Например, клиент, оставляет в форме имя и телефон, вы получаете эту информацию и обрабатываете заявку. Все заявки поступают в личный