Создание и редактирование форм с каталога


У нас в сервисе есть большой готовый каталог форм для вашего сайта.

В каталоге уже более 100 форм, каждая из которых доступна для редактирования:
- изменения текстов
- изменения цветов
- возможность поставить свои картинки в форму
- возможность изменить размеры формы
- редатирование HTML/CSS формы напрямую (только в платных тарифах)

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


Мы записали небольшое видео о создании формы с помощью нашего каталога:

Элементы редактора шаблонов:
1) Название формы
Всегда можно изменить, может использоваться в интеграциях и выгрузках.
Рекомендуем именовать формы так, чтобы было понятно, где какая.

2) Меню вкладок конкретной формы
Создано для быстрого переключения между внешним видом и другими параметрами (таргетинг, условия показа, интеграции, аналитика) конкретноц формы

3) Вкладка "Внешний вид"
На этой вкладке задаются:
- все тексты формы
- все картинки и иконки
- размеры шрифтов, элементов
- параметры для интеграций
и т. д.
Детальное описание параметров шаблонов вкладки "Внешний вид" смотрите в таблице ниже

4) Вкладка "Поведение"
На вкладке задается:
- расположение формы на экране (посредине, справа вверху, справа внизу, слева вверху, слева внизу)
- уровень затемнения фона экрана при показе формы (только если выбрали посредине)
- отступы от края экрана
- анимация появления и пропадания формы
- таймер (если он есть в форме!)
Важно! Для разных типов форм существуют разный набор элементов вкладки "Поведение".
Например, во встроенных формах не будет расположения и анимаций.


5) Редактор HTML/CSS
Возможность править код любой формы после внесения визуальных изменений.
Важно! Доступен только на платных тарифах!

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

6) Вкладки над превью "Форма", "После отправки", "Ошибки заполнения", "Экран 1, 2, 3"
Форма - основной экран, который увидят когда форма появится
После отправки - экран, который увидят после удачной отправки данных с формы.
Ошибки заполнения - что увидят посетители, если введут в поле емейл некорректные данные или не заполнят обязательное поле

7) Статус активности формы
Форма выключена или форма включена на сайте.
Тут в любой момент можно выключить или включить форму. Зеленый индикатор - форма включена.

8) Кнопка генерации тестовой ссылки
По этой ссылке можно проверить, как будет показываться форма на вашем сайте.
Подробнее о тесте формы на сайте.

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

10) Масштаб формы в превью
Некоторые формы на десктопных устройствах достаточно большие и не помещаются в окно для превью.
Для того, чтобы посмотреть полные размеры формы, увеличьте масштаб до 100%

Таблица типов параметров шаблонов:
Вам была полезна эта статья?