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

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

Содержание

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

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

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

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

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

Конкретно о инструментах и функционале мы поболтаем прямо на данный момент.

  • 20 базисных HTMLCSS приемов для маркетологов

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

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

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

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

По номерам:

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

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

3 — отменяет последнее идеальное воздействие.

4 — возвращает трансформации по окончании отмены.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виджеты

Панель выглядит так.

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

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

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

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

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

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

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

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

Но, возвратимся к виджетам.

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

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

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

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

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

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

«Видео» разрешает легко додавать ролики, настраивать их.

Опять пример готового сайта.

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

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

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

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

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

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

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

Image Source: K. James

Случайные статьи:

LPgenerator.ru: Редактирование стандартного шаблона


Подборка похожих статей:

admin