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

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

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

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

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

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

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

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

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

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

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

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

ВАЖНО: Если вы начинаете с чистого листа – первым перетаскивается СЕКЦИЯ.
Абсолютно любой элемент на сайте можно перетащить, редактировать или удалить. При наведении каждый элемент подсвечивается синей обводкой

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

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

Для перехода в редактирование фона нужно 2 раза нажать на фон или на иконку настроек в левом верхнем углу секции

ВАЖНО: редактировать фон можно только у секций.

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

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

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

Попробуйте и поймете, как это просто!

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

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

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

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

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

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

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

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

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

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

бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
support@lpmotor.ru
О компании и сервисе
Все шаблоны
Тур по сервису
Шаблон доставка еды
Помощь
Шаблон лендинг для вебинаров
Договор-оферта
Партнёрская программа
Шаблон онлайн курса
Шаблоны
Шаблон онлайн школы
Видеоинструкции
Шаблон интернет-магазин мебели
Согласие
Тарифы и услуги
Шаблон курс инвестиций
Обновления
Шаблон для портфолио
Инструкции для пользователей
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке