Создание офлайн-форм ^#2118

Вы можете самостоятельно сконструировать офлайн-форму: добавить нужные Вам виды полей, пометить их как обязательные/необязательные, задать заголовки и отсортировать - для этого воспользуйтесь нашим конструктором форм.

Обратите внимание!

• Конструктор форм доступен только на новых тарифах Onicon.

В главном меню сервиса Onicon выберите раздел "Настройки".

Откроется окно со списком сайтов (доменов). Нажмите на имя домена или на иконку карандаша.

В открывшемся окне перейдите ко вкладке "Виджеты".

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

Очистите выбранную готовую форму или удалите только ненужные Вам поля с помощью иконки с изображением корзины. Подготовив шаблон формы для дальнейшей работы, перейдите к добавлению новых полей в конструкторе - для этого нажмите на вкладку "Конструктор форм".

Тут Вам будут доступны для добавления следующие виды полей:

• Поле для ввода контактов,
• Поле для ввода сообщения,
• Крупный текст с центрированием,
• Обычный текст с центрированием,
• Изображение,
• Старая/новая цена,
• Даты акции.

Также Вы сможете:

 Задавать заголовки и наполнять поля контентом

 Изменять правила заполнения полей

Рассмотрим работу с каждым из полей по порядку.

Нажмите на иконку поля в меню выбора (первая в списке) и перетащите в конструктор формы справа.

В данном поле Вы можете:

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

• Задать правила заполнения поля (выпадающий список рядом с иконкой шестеренки): 
  • Обязательное - для отправки формы поле должно быть обязательно заполнено пользователем.
  • Необязательное - соответственно, поле не обязательно к заполнению для отправки формы.
  • Телефон - перед отправкой будет осуществлена проверка данных, указанных в этом поле, и, если они не соответствуют формату телефонного номера, отправка не будет произведена, а пользователю сервис выдаст ошибку.
  • E-mail - перед отправкой будет осуществлена проверка данных, указанных в этом поле, и, если они не соответствуют формату адреса электронной почты, отправка не будет произведена, а пользователю сервис выдаст ошибку.

Нажмите на иконку поля в меню выбора (вторая в списке) и перетащите в конструктор формы справа.

В данном поле Вы можете:

• Указать заголовок для поля - он будет отображаться на сайте (например, "комментарии").  Для этого просто двойным кликом перейдите к редактирования заголовка, введите вместо установленного по умолчанию текста свой заголовок и нажмите Enter.

• Задать правила заполнения поля (выпадающий список рядом с иконкой шестеренки): 
  • Обязательное - для отправки формы поле должно быть обязательно заполнено пользователем.
  • Необязательное - соответственно, поле необязательное к заполнению для отправки.
  • Телефон - перед отправкой будет осуществлена проверка данных, указанных в этом поле, и, если они не соответствуют формату телефонного номера, отправка не будет произведена, а пользователю сервис выдаст ошибку.
  • E-mail - перед отправкой будет осуществлена проверка данных, указанных в этом поле, и, если они не соответствуют формату адреса электронной почты, отправка не будет произведена, а пользователю сервис выдаст ошибку.

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

Нажмите на иконку поля в меню выбора (третья в списке) и перетащите в конструктор формы справа.

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

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

Нажмите на иконку поля в меню выбора (четвертая в списке) и перетащите в конструктор формы справа.

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

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

Нажмите на иконку поля в меню выбора (пятая в списке) и перетащите в конструктор формы справа.

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

Выберите и загрузите нужную Вам картинку (в том числе и GIF).

Рекомендуемая ширина изображения 260px.

Довольно актуально, если Вы размещаете в форме информацию о каком-либо товаре, цена на который снизилась или будет снижена при участии в акции/заполнении формы.

Нажмите на иконку поля в меню выбора (шестая в списке) и перетащите в конструктор формы справа.

Затем укажите значения для старой и новой цены.

В данном поле Вы можете указать дату окончания акции.

Нажмите на иконку поля в меню выбора (последняя в списке) и перетащите в конструктор формы справа.

Затем укажите время и дату окончания акции.

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

Чтобы поменять поля местами, наведите курсор на иконку перемещения (стрелки вверх-вниз), зажмите левую кнопку мыши и перетащите поле на нужную позицию.

Чтобы удалить какое-либо поле - просто нажмите на иконку удаления.

После внесения всех изменений нажмите одну из кнопок:

• Сохранить  - изменения будут сохранены, окно редактирования останется открытым;
• Сохранить и закрыть - изменения будут сохранены, окно редактирования закрыто;
• Закрыть - изменения не будут сохранены, откроется окно со списком сайтов.

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

• Пример 1: изображение + обычный текст с центрированием ("Хотите получить скидку...") + дата акции + 2 поля для ввода контактов ("Ваше имя", "Ваш e-mail") + поле для ввода сообщения ("Сообщение").

• Пример 2: Изображение + старая/новая цена + 2 поля для ввода контактов ("Ваше имя", "Ваш e-mail").

• Также Вы можете ознакомиться с готовыми примерами на нашем сайте.

• После создания формы Вам необходимо настроить ее для авторассылки - об этом читайте в соответствующей инструкции.
• Конструктор форм доступен только на новых тарифах.
• Внесенные Вами изменения сохранятся именно в той готовой форме, которую Вы выбрали в шаге 4.
• Вы можете сбросить все произведенные Вами изменения на настройки формы по умолчанию. Для этого нажмите на карточке формы иконку сброса в списке готовых форм.