1. Начните работу с создания страницы
Для этого нажмите на кнопку «Добавить новую страницу» в Личном кабинете и выберите из предложенных шаблонов тот, который наиболее соответствует вашим требованиям.
Введите название страницы, подтвердите свои действия нажатием кнопки «Сохранить и начать редактирование».
2. Основные части редактора
- Основное меню
- Свойства элемента
- Рабочая область
- Список элементов
3. Редактирование элементов
Для того, чтобы редактировать элемент на странице, сделайте двойной щелчок по нему.
3.1. Графические элементы и изображения
Для редактирования графических элементов страницы вы можете загружать в галерею собственные изображения со своего компьютера (выберите нужный файл на жестком диске и подтвердите загрузку).
3.2. Текст
После двойного щелчка на текстовом элементе появится окно, в котором вы можете редактировать содержание текста, изменять его цвет, размер, шрифт и прочее. Когда форматирование текста завершено, нажмите кнопку «Сохранить» для подтверждения изменений.
3.3. Кнопка
Меняйте надпись на кнопке в соответствии с целями, которые вы преследуете («Скачать», «Перейти на сайт», «Купить», «Отправить» и тому подобное).
3.4. Лид-форма
Меняйте, удаляйте или добавляйте поля, необходимые для заполнения.
4. Позиции элементов
Для управления позиционированием в редакторе доступна общая для всех элементов «привязка» к сетке и к направляющим (можно включить или отключить оба способа позиционирования).
Для каждого элемента можно выставлять собственные направляющие, установив флажок в «Свойствах» для выбранного элемента (Дополнительно / Включить направляющие).
5. Набор свойств элементов
В «Свойствах» можно изменить цвет элемента, его размеры, настроить фон или границу (рамку) или воспользоваться другими настройками.
Все действия можно отменить, вернув настройки в прежнее положение, к примеру для очистки фона достаточно нажать на кнопку «Прозрачный» (около строки выбора цвета):
6. Изменение размеров элементов целевой страницы
Высоту, ширину и размер элемента можно изменить, потянув за правую или нижнюю сторону его границы при появлении соответствующего курсора.
Для пропорционального увеличения или уменьшения размера поняните за правый нижний угол элемента.
7. Порядок элементов
Для изменения порядка элементов, используйте кнопки «Вперед» и «Назад» в «Основном меню» редактора. Перед применением действия убедитесь, что был выделен нужный элемент.
8. Дублирование и удаление элементов
Для дублирования и удаления элементов используйте соответствующие кнопки «Основном меню» редактора. Перед применением действия убедитесь, что был выбран нужный элемент.
9. Элементы редактора
9.1.Секции
Секции применяются для логической группировки элементов целевой страницы (по высоте). Для добавления дополнительной секции нажмите кнопку «Секция страницы» в «Основном меню» редактора. Высоту любой секции легко регулировать посредством направляющей, выделенной пунктиром по бокам целевой страницы.
9.2. Блоки
Блоки применяются в качестве фона для группы элементов. Для добавления дополнительного блока нажмите кнопку «Блок» в «Основном меню» редактора. Все элементы, «лежащие» на блоке будут сохранять свои позиции при его перемещении.
9.3. Изображения
Для того чтобы добавить свои изображения на страницу нажмите кнопку «Изображение» в «Основном меню» редактора. В появившемся окне выберите нужный файл на жестком диске и подтвердите загрузку. Изображения можно использовать в качестве фона вашей целевой страницы.
9.4.Текст
Легко заполняйте целевую страницу необходимой информацией. Для добавления текстового блока нажмите кнопку «Текст» в «Основном меню» редактора. Вставьте текст, форматируйте его инструментами, доступными в верхней панели редактора текста, и опубликуйте, нажав кнопку «Сохранить».
9.5. Кнопки
Вы можете создавать собственные кнопки с помощью инструмента «Кнопка» в «Основном меню» редактора.
Вставьте текст, направленный на призыв к действию (CTA), которое вы ожидаете от пользователя. Введите URL-адрес страницы, на которую должен переадресовываться пользователь, в строку «Ссылка» и выберите, каким образом она будет открываться («В том же окне» или «В новом окне»). Подтвердите создание новой кнопки, нажав «Сохранить».
После этого вы сможете отредактировать внешние характеристики — изменить цвет кнопки, добавить рамку, форматировать текст в «Свойствах элемента».
9.6. Лид-форма
Меняйте порядок полей формы, удаляйте или добавляйте их в зависимости от того, какую информацию о пользователе вы хотите получить. Для того чтобы приступить к редактированию лид-формы, нажмите кнопку «Форма» в «Основном меню» редактора.
9.7. Произвольный HTML-код
Вы можете вставить в свою страницу любой HTML-код, например, ссылку на Twitter или видеоролик с YouTube. Для этого нажмите кнопку «Произвольный HTML-код» в «Основном меню» редактора.
9.8. Мета-теги страницы
Для добавления мета-тегов на вашу страницу нажмите кнопку «Мета-теги» в «Основном меню» редактора. Заполните строчки, внеся соответствующую информацию. Сохраните изменения.
9.9. Скрипты
Вы можете интегрировать в свою страницу необходимый скрипт, например, от системы Google Analytics. Для этого нажмите кнопку «Скрипты» в «Основном меню» редактора, заполните форму и сохраните изменения.
9.10. Цели конверсии
Вы можете обозначить цели конверсии для своей целевой страницы. Для этого в «Основном меню» редактора воспользуйтесь кнопкой «Цели конверсии», выберите любую ссылку на вашей целевой странице или отслеживайте отправку данных с лид-формы.
10. Сохраните изменения
Пожалуйста, не забывайте сохранять изменения, осуществленные в процессе работы со страницей.
11. Опубликуйте страницу
Повышайте конверсию вместе с нами!
