LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней

Функционал HTML-редактора шаблонов LPgenerator: подробное руководство

Функционал HTML-редактора шаблонов LPgenerator: подробное руководство

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

Содержание
 
О HTML-редакторе
Инструменты редактора
Виджеты
Вместо заключения

О HTML-редакторе

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

Вот несколько основных преимуществ:

  • легкая настройка;
  • нет необходимости в специальных навыках программирования;
  • многофункциональность;
  • подключение любого HTML-кода, скриптов;
  • поддержка большого количества виджетов (возможность интеграции страниц социальных сетей, платежного терминала).

Непосредственно о функционале и инструментах мы поговорим прямо сейчас.

Назад к содержанию

Инструменты редактора

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

Инструменты редактор

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

Инструменты редактор

По номерам:

1 — сохраняет все нововведения на landing page.

2 — дает увидеть состояние макета в конкретный момент.

3 — отменяет последнее совершенное действие.

4 — возвращает изменения после отмены.

5 — служит для группировки разных элементов лендинга.

6 — предназначен для добавления элементов, применяемых в качестве фона для других элементов, объединенных в группу.

Следующая 6-ка.

Инструменты редактор

7 — с его помощью можно загружать нужные иллюстрации, ставить их как на фон, так и на первый план.

8 — очевидно, что предназначен для добавления текстового контента.

9 — добавляет элемент call-to-action.

Здесь на готовом одностраничнике, например, «Подобрать тур».

Инструменты редактор

10 — кнопка предназначена для конструирования конверсионной формы. В этом же редакторе можно выбирать количество полей, изменять их порядок, добавлять нужные строчки. Есть любопытный сплит-тест на эту тему.

Все шаблоны одностраничных сайтов html с формой обратной связи в LPgenerator сделаны с тремя основными полями. Один из примеров ниже.

LPgenerator

11 — таким способом легко вставляется на страницу любой код (например, ссылка на Twitter или ролик на YouTube).

12 — изменяет порядок слоев элементов, выдвигая на первый план нужный объект.

И следующие 6 инструментов.

lpg

13 — по аналогии с предыдущим, позволяет сместить объект под другие.

14 — позволяет дублировать выделенный элемент (исключение составляют группы разных предметов).

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

16 — предназначен для прописывания SEO-параметров: Title, Description, Keywords, тут же можно настроить блоки для поисковых роботов (noindex, nofollow).

мета-теги

17 — позволяет связать одностраничник html с системами веб-аналитики (Яндекс.Метрика, Google Analytics), настроить CSS, и другое.

18 — дает установить конкретные конверсионные действия, ожидаемые от пользователей (заполнить форму, оставить контакты, заказать расчет стоимости).

Назад к содержанию

Виджеты

Панель выглядит таким образом.

Виджеты

«Таймер» — служит для добавления таймера отсчета.

Виджеты

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

Вот пример, как выглядит готовый лендинг пейдж шаблон html со счетчиком.

Виджеты

«Поп-ап» — позволяет добавить pop-up форму.

pop-up

По этой теме можно вспомнить один из сплит-тестов, проведенный специалистами бренда De Hypotheker (консультанты по ипотечному кредитованию). Итак, они решили провести эксперимент, проверив, какое решение увеличит количество подписок.

Первая версия целевой страницы была со всплывающим окном, оно появлялось при перелистывании вниз.

pop-up

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

pop-up

Победил первый вариант, где подписаться на рассылку приглашали в pop-up окне. Удивительно, но конверсия в подписки сайта увеличилась на целых 757%, немыслимая цифра.

Однако, вернемся к виджетам.

«Карта» позволяет добавить элемент Яндекс.Карты или Google Map, таким образом указав адрес офиса фирмы.

pop-up

Так выглядит html продающая страница в окончательном варианте с картой.

pop-up

«Слайдер» — позволяет сделать отзывы или фото в форме слайдера.

pop-up

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

pop-up

«Галерея» позволяет сделать составные слайды, увеличение картинок в них происходит по клику.

pop-up

И сразу лендинг пейдж шаблон html 5, где наглядно демонстрируется этот элемент.

pop-up

галерея

«Видео» позволяет без труда добавлять ролики, настраивать их.

Видео

Снова образец готового сайта.

лендинг

«Дополнительные шрифты» — виджет, благодаря которому можно загрузить новые шрифты с Google Fonts.

Google Fonts — это коллекция бесплатных шрифтов, которые многие веб-мастера используют на своих сайтах.

Дополнительные шрифт

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

Дополнительные шрифт

Назад к содержанию

Вместо заключения

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

Высоких вам конверсий!

Image Source: K. James 

22 октября 2015

Продающие лендинги от отдела
дизайна LPgenerator

Используем технологии:
4U, AIDA, ХПВ, психология влияния Р. Чалдини, управление взглядом
  • 4U
  • AIDA
  • ХПВ
  • психологии влияния Р. Чалдини
  • управления взглядом
  • нейромаркетинг
Готовность от 7 дней
blog comments powered by Disqus
copyright © 2011–2017 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".