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

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

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

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

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

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

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

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

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

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

 

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

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

конструктор сайтов
О компании:
Функциональность:
Полезные ссылки:
Документы:
mottor — это бесплатный конструктор сайтов и лендингов. Создайте сайт, лендинг или интернет-магазин без знаний программирования и дизайна. Весь функционал mottor доступен сразу, поэтому вы можете создать лендинг бесплатно и воспользоваться встроенными функциями mottor: А/Б-тестами, CRM-системой, десятками интеграций со сторонними сервисами.
При поддержке Фонда
Развития Интернет Инициатив
*Настоящая информация о тарифах не является офертой, публичной офертой и предоставляется исключительно в информационно-ознакомительных целях.
Бесплатный звонок по России