Регистрация

Редактор сайта

Разбор простого и функционального редактора сайтов и лендингов

Основа конструктора сайтов LPmotor – мощный landing page редактор. Давайте разберем его подробнее!

Логика работы в редакторе

Для начала разберемся с логикой работы редактора. Существуют секции, контейнеры и блоки.

Панель редактирования в редакторе LPmotor
Для размещения элемента перетяните его в желаемое место на сайте

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

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

Блоки – элементы сайта. Если вам нужно вставить текст и картинку, то перетащите блок «текст» и «картинка» соответственно. Блоки можно вставлять как в область секции, так и в любую ячейку контейнера.

ВАЖНО: границы секций и контейнеров видны только в редакторе. На сайте их не видно!

Звучит сложно и запутанно, но как только вы попробуете, то сразу поймете простоту конструктора сайтов!

Перетаскивание элементов

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

Редактор LPmotor

ВАЖНО: Если вы начинаете с чистого листа – первым перетаскивается СЕКЦИЯ.

Абсолютно любой элемент на сайте можно перетащить, редактировать или удалить. При наведении на элемент – он подсвечивается обводкой.
Желтая обводка – редактирование секции
Зеленая обводка – редактирование контейнера
Синяя обводка – редактирование блока

Отображение отдельного элемента в редакторе LPmotor

Изменение фона

У любой секции можно изменить фон по бокам сайта или подложку. Для этого наведите курсор на нужную секцию (желательно ближе к левому краю секции), в левом верхнем углу секции появятся значки редактирования. Выберите второй сверху значок и внизу появится панель редактирования секции.

Панель редактирования фона в редакторе LPmotor
Редактировать фон можно только у секций

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

Изменение размеров

Часто необходимо изменить размер элемента (картинки, формы или текста). Для этого используются контейнеры.

Пример: вам нужно в центр вставить картинку. Но она большая.
Для этого сначала вставляем «контейнер (3х)». А уже в центральную ячейку вставляем блок «картинка». Теперь с помощью бегунков в контейнере – изменяем размер картинки.

Редактор LPmotor
Используйте бегунки для изменения размера картинок

Формы и кнопки

Одностраничные сайты создаются для сбора заявок или заказов. Для этого в LPmotor есть мощный редактор форм.

Панель редактирования в сервисе LPmotor

Мы можем перетащить блок «форма» или «всплывающая форма». Отличие у них в том, что всплывающая форма сработает при нажатии на кнопку. Во всем остальном – они идентичны в настройке.

Внешний вид формы в редакторе LPmotor

Любые поля в форме можно перемещать, удалять и редактировать. Также можно отредактировать название и описание формы.

Каталог товаров

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

Внешний вид окна для настройки формы
Редактор форм: настройка элементов

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

ВАЖНО: «Выручка» и «затраты» видны только Вам. Пользователь это не видит.

При заполнении формы – информация попадет к вам на email, придет sms-уведомление о заявке, а также заявка отобразится в CRM-системе сервиса.
______________________

Следующий шаг: Настройки сайта

ИНН 6608008004
ОГРН 313590414000013
8 800 250 5337

*Настоящая информация о тарифах не является офертой, публичной офертой и предоставляется исключительно в информационно-ознакомительных целях.
окно оферты (скрыто)
окно соглашения (скрыто)
При поддержке Фонда Развития Интернет Инициатив