Архивы

Подключение формы


В LPTREND доступно два варианта размещения формы обратной связи: форма размещенная непосредственно на странице сайта и форма во всплывающем окне.

Для размещения формы непосредственно на сайте можно использовать готовый блок с формой или добавить в нужное место сайта элемент «Форма«.

Подключение формы

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

Подключение формы

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

Предыдущая статья: Использование расширенных возможностейСледующая статья: Публикация сайта

Использование расширенных возможностей


В конструкторе LPTREND есть два режима работы — стандартный и расширенный.

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

Расширенный режим — позволяет создать максимально индивидуальную страницу сайта за счет дополнительных возможностей редактирования.

В расширенном режиме вы можете:

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

Обычный и расширенный режим конструктора
Предыдущая статья: ДизайнСледующая статья: Подключение формы

Изменение дизайна


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

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

С дополнительной полезной информацией о дизайне одностраничного сайта вы можете ознакомиться в нашем блоге.

Ниже вы найдете описание основных принципов дизайна лендинга.

Структура

Каждый из блоков сайта призван отвечать на один конкретный вопрос посетителя: описание товара, стоимость, отзывы, где находится магазин и т. д. По этому все элементы в рамках одного блока должны быть выполнены в едином стиле.

Изменение дизайна

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

Изменение дизайна

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

Изменение дизайна

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

Иерархия

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

Размер — чем важнее заголовок или картинка, тем крупнее они должны быть.

Цвет — по аналогии с размером, чем важнее элемент, тем ярче и контрастней он должен быть на общем фоне.

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

Пустое пространство — пустое пространство вокруг элемента акцентирует внимание также эффективно как размер или цвет.

Призыв к действию и форма

Призыв к действию и форма — основной функциональный блок лендинга. Обычно состоит из текста и формы или текста и кнопки.

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

Изменение дизайна

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

Изменение дизайна

Полей в форме должно быть как можно меньше — чем меньше полей, тем проще ее заполнить.

Обложка

Обложка — это первый экран лендинга, первое что видит посетитель при попадании на сайт.

Текст на обложке должен быть максимально кратким и емким и должен располагаться в стороне от значимой части фонового изображения обложки.

Изменение дизайна

Навигация

Навигация — набор элементов, которые помогут посетителю найти ответы на его вопросы.

Меню — должно содержать только действительно нужные элементы. Перегруженное меню отвлекает посетителя вместо того, что бы помочь найти нужную информацию.

Логотип-ссылка — уже стало достаточно привычно, когда при клике на логотип посетитель возвращается к началу страницы.

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

Цвет

Главное правило — в дизайне ленндинга следует использовать небольшое количество цветов. Лучше всего 1-2 цвета. При этом цвет, который используется для привлечения внимания, должен занимать не более 10%.

Предыдущая статья: Редактирование контентаСледующая статья: Использование расширенных возможностей

Редактирование контента


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

Текст

  • В одной строке используйте только текст одного размера.
  • Для всей страницы рекомендуется использовать 2-3 размера текста.
  • Рекомендуется использовать 2, максимум 3 шрифта на странице. Один для заголовков, один для основного текста.

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

Изображения и логотип

Иллюстрации играют важную роль. Они должны быть не только хорошего качества. Правильные иллюстрации должны показывать не просто товар или услугу, а то, что получит клиент в результате покупки товара или услуги.

Подходящие изображения хорошего качества, в том числе бесплатные, вы можете найти на страницах фотобанков:

Если у вас пока еще нет своего логотипа, самым простым и быстрым способом его создания будет использование онлайн-генератора логотипов, например logaster.

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

Кроме того, инструкции по редактированию всех остальных элементов сайта доступны на станице «Помощь», в разделе «Редактирование элементов сайта».

Предыдущая статья: Использование готовых блоковСледующая статья: Дизайн

Использование готовых блоков


Для быстрого редактирования любого из шаблонов используются готовые блоки. Это позволяет максимально просто адаптировать шаблон для ваших нужд, заменив одни готовые блоки на другие, добавив новые блоки, или удалив не нужные вам блоки.

Использование готовых блоков

В большинстве случаев страница сайта состоит из нескольких основных частей:

  • Шапка (или хедер) — верхняя область сайта. Шапка может содержать название сайта, логотип и меню вашего сайта.
Использование готовых блоков
  • Содержание (или контент) — это основная часть сайта, которая содержит большую часть контента, в том числе текст, изображения, видео. Может включать в себя следующие блоки:
    • Преимущества.
    • Медиа.
    • Продукт.
    • Контакты.
    • Отзывы.
    • Галерея и т. п.
  • Форма — блок содержащий форму заявки, обратной связи, подписки на рассылку.
Использование готовых блоков
  • Подвал (или футер) — нижняя область сайта. Может содержать ваши контактные данные, условия пользования, ссылки на разделы сайта и иконки социальных сетей.
Использование готовых блоков

Вы можете изменить внешний вид любого из готовых блоков изменив фон или добавив фоновую картинку.

Использование готовых блоков
Предыдущая статья: Выбор шаблона (дизайна)Следующая статья: Редактирование контента

Выбор шаблона (дизайна)


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

Выбор шаблона (дизайна)

Шаблон – почти готовый одностраничный сайт. Вам нужно только изменить текст и картинки. В личном кабинете представлены шаблоны сайтов для мероприятий, часов, недвижимости, дизайна интерьеров, туризма, портфолио.

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

Выбор шаблона (дизайна)

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

Выбор шаблона (дизайна)

После того как подходящий шаблон выбран, просто кликните на него. Вы сразу перейдете в режим редактирования, а автоматически созданный сайт будет доступен в разделе «Мои сайты».

Выбор шаблона (дизайна)

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

Также будем признательны, если вы напишите нам на почту hello@lptrend.com или в чат, какого именно шаблона вам не хватает.

Предыдущая статья: Регистрация на сайте
Следующая статья: Использование готовых блоков

Создание сайта и видеообучение функциям редактора LPTREND


Из видео вы узнаете:

  • Как выбрать дизайн и создать сайт (0:09).
  • Как добавить блок на сайт (0:43).
  • Как отредактировать внешний вид блока (1:11).
  • Как отредактировать текст (1:30).
  • Как добавить новое изображение (1:58).
  • Как отредактировать кнопки (2:16).
  • Как изменить структуру блока (2:38).
  • Как добавить, переместить, скопировать колонки блока (3:22).
  • Как добавить новый элемент на сайт (3:46).
  • Как настроить форму связи (4:08).
  • Как настроить интеграции, необходимые для подключения формы (4:08).
  • Как подключить дополнительные сервисы к сайту (4:58).
  • Как сохранить и опубликовать изменения (5:38).

Публикация сайта


Переход к публикации осуществляется двумя способами:

1. С помощью кнопки «Опубликовать» в верхней панели конструктора.

Публикация сайта

2. Из раздела «Настройки», нажатием на кнопку с адресом вашего сайта.

Публикация сайта

После перехода к публикации откроется окно «Публикация сайта» и вы сможете опубликовать сайт одним из трех способов:

1. По внутреннему домену в системе LPTrend. Это домен, который автоматически присвоен сайту в момент его создания, он имеет вид project1111.lptrend.pro. Именно его вы видите в меню настройки домена.

Публикация сайта

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

2. По внутреннему домену в системе LPTrend, но вместо автоматически присвоенного имени сайта (вида «project1111»), указать придуманное вами имя сайта, например mysite.lptrend.pro.

Публикация сайта

Обратите внимание — внутренний домен можно изменить только один раз, и в дальнейшем для данного конкретного сайта внутренний домен изменить будет невозможно. Внутренний домен обязательно должен быть уникальным, то есть вы сможете выбрать только такой домен, который ранее никем в системе LPTrend не использовался.

3. По внешнему (собственному) домену — это домен, получить который можно на сервисах-регистраторах доменов, таких как reg.ru, godaddy.com, nic.ru, timeweb.com.

Публикация сайта

Для завершения публикации необходимо выбрать один из указанных способов и нажать «Подтвердить».

Перейти на опубликованный сайт можно кликнув по иконке «Переход» в верхней панели.

Публикация сайта