Архивы

Редактирование элементов (расширенный режим)


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

Добавление элементов (расширенный режим)

Меню настроек любого из элементов открывается нажатием на иконку «Шестеренка». В расширенном режиме в этом меню, в разделе «Другое», становятся доступны дополнительные настройки.

Редактирование элементов (расширенный режим)

С помощью данных настроек можно изменить отступы, то есть добавить или убрать дополнительное пространство с разных сторон, снаружи или внутри элемента.

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

Внешние отступы.

Редактирование элементов (расширенный режим)

Внутренние отступы.

Редактирование элементов (расширенный режим)

Добавление элементов (расширенный режим)


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

Добавление элементов (расширенный режим)

Чтобы добавить новый элемент, наведите курсор на любой элемент в той колонке, в которую хотите его добавить. Нажмите на знак «+» в углу и выберите нужный элемент из появившегося списка.

Добавление элементов (расширенный режим)

Если колонка, в которую вы хотите добавить новый элемент, пустая, наведите курсор на колонку и нажмите знак «+» в центре.

Добавление элементов (расширенный режим)

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

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

  • Для сбора email-адресов клиентов с целью дальнейшей почтовой рассылки.
  • Для сбора заявок клиентов.

Чтобы подключить форму:

1. Интегрируйте (подключите) нужный сервис — рассылок или оповещений.

  • E-mail рассылки — сервисы SendPulseUniSender, используются для сбора базы подписчиков с целью дальнейшей e-mail рассылки.
  • Оповещения по SMS — сервис SMS Aero, предназначен для оповещения вас по SMS о новых заявках на сайте.
  • Оповещения по e-mail — сервис LPTREND, предназначен для оповещения вас по e-mail о новых заявках на сайте.

2. Откройте меню настроек формы. Для этого наведите курсор на форму, кликните по иконке «Шестеренка», нажмите на «+».

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

3. Выберите тип интеграции, который нужно подключить:

  • Email-рассылки — используется для сбора контактных данных клиентов с целью последующей e-mail рассылки.
  • Оповещение по SMS/email — используется для сбора контактных данных клиентов и оповещения вас по SMS/email о поступившей заявке на товар/услугу.
Подключение формы

4. Выберите сервис, который нужно подключить или нажмите «Новый сервис», если нужно создать интеграцию с новым сервисом.

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

5. Если вы подключаете один из сервисов email-рассылки, выберите конкретную рассылку, для которой нужно собирать данные (эти рассылки создаются вами в личном кабинете того сервиса, который вы в данный момент подключаете). Для оповещений по SMS и email, пропустите этот шаг и переходите к пункту №8.

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

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

  • Double Opt-In — двойное подтверждение. Пользователь заполняет форму на сайте, а затем получает ссылку на подтверждение по электронной почте.
  • Single Opt-In — простое подтверждение. Пользователь подтверждает подписку просто заполнив форму и отправив данные.
Подключение формы

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

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

8. Настройка формы закончена, вы можете увидеть информацию о подключенном сервисе. Обязательно сохраните и опубликуйте изменения.

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

Что бы проверить корректность настройки формы, опубликуйте сайт, заполните форму и нажмите «Отправить».

Если форма настроена правильно, данные, которые вы ввели поступят в список контактов сервиса email-рассылок либо на указанный вами email или номер телефона. В зависимости от того, какой сервис вы подключили к форме заявки или рассылки.

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


В конструкторе доступны три вида текстовых элементов.

«Заголовок» — текстовый элемент с самым большим размером шрифта по умолчанию.

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

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

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

«Текстовый редактор» — элемент для работы с большим объемом текста. Имеется возможность устанавливать абзацы и отступы.

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

Меню редактирования параметров текста открывается при клике на текст.

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

С помощью меню редактирования параметров текста можно:

Для этого выделите необходимый текст и нажмите на иконку «сделать ссылкой».

Редактирование текста
  • Изменить размер шрифта.
Редактирование текста
  • Изменить цвет текста — для этого нужно задать цвет, оттенок и прозрачность.
Редактирование текста
  • Задать выравнивание текста.
Редактирование текста
  • Изменить формат текста:

Редактирование текста — Форматирование текста «жирный».

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

Редактирование текста — Форматирование текста «курсив».

Редактирование текста — Формат текста «подчеркнутый».

Редактирование текста — Формат текста «зачеркнутый».

Редактирование текста — Очистка форматирования текста.

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

Сбросить выделение текста можно с помощью функции «Очистка форматирования текста».

  • Изменить тип шрифта.

(!) Обратите внимание — изменение шрифтов происходит для всего текста на сайте, а не только для того текста, который вы редактируете.

Настройки шрифтов поделены на три типа:

  • Сменить основной шрифт — меняет шрифт во всех элементах «Текст» и внутри элементов, например — «Кнопка».
  • Сменить шрифт заголовков — меняет шрифт во всех элементах «Заголовок».
  • Сменить шрифт подзаголовков — меняет шрифт во всех элементах «Подзаголовок».
Редактирование текста

Меню управления заголовком, подзаголовком и текстом появляется при наведении курсора сам элемент.

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

Меню настроек текста открывается нажатием на иконку «Шестеренка». С помощью данного меню можно:

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

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

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

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

  • Задать параметры обводки (контура) вокруг текста:
    • Цвет обводки.
    • Тип обводки.
    • Ширину обводки.
    • Скругление углов обводки.
Редактирование текста
  • Добавить тень.
Редактирование текста

Редактирование элементов формы


У формы есть ряд специфичных элементов, которые доступны только для нее.

Это поля для ввода данных:

  • Поле имени.
  • Поле телефона.
  • Поле e-mail.
  • Поле комментариев (сообщение).

«Чекбокс формы» и кнопка «Отправить».

Редактирование полей формы.

Меню настройки любого поля появляется при наведении курсора на него.

Редактирование элементов формы

Меню настроек открывается нажатием на иконку «Шестеренка». С его помощью в разделе «Действие» можно:

  • Изменить название поля.
Редактирование элементов формы
  • Сделать поле обязательным/необязательным.
Редактирование элементов формы

С помощью настроек в разделе «Дизайн» можно:

  • Изменить тип поля.
Редактирование элементов формы
  • Изменить цвет текста — для этого нужно задать цвет, оттенок и прозрачность.
Редактирование элементов формы
  • Если вы выбрали тип поля «С заливкой» — изменить цвет фона. Для этого нужно задать цвет, оттенок и прозрачность.
Редактирование элементов формы

Редактирование кнопки формы.

Редактирование кнопки происходит аналогично редактированию остальных кнопок на сайте.

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

Редактирование элементов формы

Редактирование чекбокса формы.

Чтобы отредактировать текст чекбокса, кликните по кликните по нему. Теперь вы можете отредактировать текст в нем, как обычный текст в текстовом редакторе.

Редактирование элементов формы

Вы можете изменить формат текста:

Редактирование элементов формы — Форматирование текста «жирный».

Редактирование элементов формы

Редактирование элементов формы — Форматирование текста «курсив».

Редактирование элементов формы — Формат текста «подчеркнутый».

Редактирование элементов формы — Формат текста «зачеркнутый».

Редактирование элементов формы — Очистка форматирования текста.

Редактирование элементов формы

Вы можете изменить тип шрифта.

(!) Обратите внимание — изменение шрифтов происходит для всего текста на сайте, а не только для того текста, который вы редактируете.

Настройки шрифтов поделены на три типа:

  • Сменить основной шрифт — меняет шрифт во всех элементах «Текст» и внутри элементов, например — «Кнопка».
  • Сменить шрифт заголовков — меняет шрифт во всех элементах «Заголовок».
  • Сменить шрифт подзаголовков — меняет шрифт во всех элементах «Подзаголовок».
Редактирование элементов формы

Меню управления чекбоксом появляется при наведении курсора на него.

Редактирование элементов формы

Меню настроек чек-бокса открывается нажатием на иконку «Шестеренка». С помощью данного меню можно:

  • В разделе «Действие» — сделать это поле обязательным или активным по умолчанию.
Редактирование элементов формы

  • В разделе «Дизайн» — изменить цвет текста. Для этого нужно задать цвет, оттенок и прозрачность.
Редактирование элементов формы

Редактирование формы


Форма — это элемент который предназначен для сбора заявок или контактных данных клиентов. Как правило это имя, телефон или почта.

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

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

Для изменения ширины формы наведите курсор на ее правый край и потяните за появившийся маркер.

Редактирование формы

Меню редактирования формы появляется при наведении курсора на нее.

Редактирование формы

Меню настроек открывается нажатием на иконку «Шестеренка». С его помощью в разделе «Действие» можно:

  • Задать структуру формы. То есть задать расположение ячеек внутри карточки.
Редактирование формы

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

(!) Обратите внимание — для корректной работы формы, к ней обязательно должен быть подключен один из сервисов для обработки данных.

Редактирование формы
Редактирование формы

С помощью меню настроек в разделе «Дизайн» можно:

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

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

Редактирование логотипа и изображения (обычный режим)

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

  • Задать параметры обводки (контура) вокруг формы:
    • Цвет обводки.
    • Тип обводки.
    • Ширину обводки.
    • Скругление углов обводки.
Редактирование формы
  • Добавить тень вокруг формы.
Редактирование формы

С помощью меню настроек в разделе «Другое» можно:

  • Задать параметры выравнивания элементов внутри формы.
Редактирование формы

Редактирование галереи и слайдера


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

Редактирование галереи.

Меню редактирования галереи появляется при наведении курсора на нее.

Редактирование галереи и слайдера

Меню настроек открывается нажатием на иконку «Шестеренка», с помощью него можно:

  • Задать количество колонок с изображениями од 1 до 6.
Редактирование галереи и слайдера
  • Включить отступы меду изображениями галереи.
Редактирование галереи и слайдера
  • Включить функцию «открытие по клику».
Редактирование галереи и слайдера

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

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

Редактирование слайдера

Слайдер имеет следующие отличия при редактировании относительно галереи:

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

В отличие от галереи у слайдера отсутствует функция «Открытие по клику».

Редактирование галереи и слайдера

Все остальные параметры слайдера редактируются аналогично тому, как это происходит при редактировании галереи.

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


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

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

При добавлении новой карточки в ней по умолчанию уже есть картинка и текст.

Кроме этого, в расширенном режиме, внутрь карточки можно добавить и другие элементы.

Для изменения размера карточки наведите курсор на карточку, кликните по появившемуся ярлыку и потяните за один из появившихся маркеров.

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

Меню редактирования карточки появляется при наведении курсора на нее.

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

Меню настроек открывается нажатием на иконку «Шестеренка». С помощью него в разделе «Действие» можно:

  • Задать структуру карточки. То есть задать количество ячеек и их расположение внутри карточки.
Редактирование карточки

Редактирование ячеек карточки происходит аналогично редактированию ячеек в колонках блока. За исключением того, что в карточках ячейки нельзя перемещать.

В разделе «Действие» можно:

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

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

Редактирование логотипа и изображения (обычный режим)

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

  • Задать параметры обводки (контура) вокруг карточки:
    • Цвет обводки.
    • Тип обводки.
    • Ширину обводки.
    • Скругление углов обводки.
Редактирование карточки
  • Добавить тень вокруг карточки.
Редактирование карточки

Подключение перехода по внутренней ссылке


Подключить функцию «Переход по внутренней ссылке» можно к любому кликабельному элементу на сайте. Таким элементом может быть:

  • Текст.
  • Логотип.
  • Картинка.
  • Иконка.
  • Кнопка.

Чтобы настроить переход по внутренней ссылке:

1. Откройте настройку «Действие по нажатию», для этого нужно:

  • Для текста — выделить необходимый текст, в появившемся меню нажать иконку «Сделать ссылкой».
Подключение перехода по внутренней ссылке
  • Для логотипа, картинки и иконки — навести курсор на выбранный элемент, в появившемся меню нажать иконку «Шестеренка», в появившемся окне нажать на иконку «Сделать ссылкой».
Подключение перехода по внутренней ссылке
  • Для кнопки — навести курсор на кнопку, в появившемся меню нажать иконку «Шестеренка».
Подключение перехода по внутренней ссылке

2. В разделе «Действие по нажатию» необходимо нажать «+», а затем выбрать тип действия «Переход по внутренней ссылке».

Подключение перехода по внутренней ссылке

3. В появившемся списке выберите раздел сайта (блок сайта), на который будет осуществляться переход.

Подключение перехода по внутренней ссылке

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

Подключение перехода по внутренней ссылке

Подключение перехода по внешней ссылке


Подключить функцию «Переход по внешней ссылке» можно к любому кликабельному элементу на сайте. Таким элементом может быть:

  • Текст.
  • Логотип.
  • Картинка.
  • Иконка.
  • Кнопка.

Чтобы настроить переход по внешней ссылке:

1. Откройте настройку «Действие по нажатию», для этого нужно:

  • Для текста — выделить необходимый текст, в появившемся меню нажать иконку «Сделать ссылкой».
Подключение перехода по внешней ссылке
  • Для логотипа, картинки и иконки — навести курсор на выбранный элемент, в появившемся меню нажать иконку «Шестеренка», в появившемся окне нажать на иконку «Сделать ссылкой».
Подключение перехода по внешней ссылке
  • Для кнопки — навести курсор на кнопку, в появившемся меню нажать иконку «Шестеренка».
Подключение перехода по внешней ссылке

2. В разделе «Действие по нажатию» необходимо нажать «+», а затем выбрать тип действия «Переход по внешней ссылке».

Подключение перехода по внешней ссылке

3. В появившемся поле указать необходимую ссылку, при необходимости выбрать функцию «Открывать в новом окне».

(!) Обратите внимание — ссылка должна обязательно начинаться с http:// или https://.

Подключение перехода по внешней ссылке

Проверить корректность настройки перехода по внешней ссылке можно в режиме предпросмотра сайта.

Подключение перехода по внешней ссылке