Как создать форму?

Для создания формы можно использовать Мастер форм. Шаблоны форм сгруппированы по категориям. Вам нужна форма регистрации на мероприятие, форма заказа или форма подписки на рассылку? У нас есть все необходимое. Шаблоны можно настраивать как угодно. Вы можете даже создать форму под цветовую схему вашего сайта с помощью инструмента Настройка цветов.

Начало работы

1. Перейдите Главная панель>>Меню>>Формы и опросы.
2. На странице Мои веб-формы нажмите кнопку Создать форму.
3. Выберите Мастер форм, чтобы посмотреть все доступные шаблоны. На этом этапе вы можете:

  • искать шаблоны по категориям для выбора подходящего. После выбора нужного шаблона нажмите на него, чтобы перейти в редактор.
  • (Необязательно) Нажмите кнопку Настройка цветов. Затем введите URL-адрес своего сайта. Мы подгрузим цветовую схему сайта и отобразим варианты цветового оформления формы. Выберите цвета, которые хотите использовать в форме. Все доступные шаблоны подстроятся под цветовую схему автоматически. Затем нажмите на нужный шаблон для перехода в редактор.
  • (По желанию) Выберите формат и затем нажмите на нужный шаблон для перехода в редактор.

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

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

Добавление полей

В форму можно добавлять настраиваемые поля и поля согласия. Настраиваемые поля позволяют вам собирать ценную информацию о контактах. Поля согласия помогают создавать формы, соответствующие Общему регламенту по защите данных ЕС (GDPR). Используйте их, чтобы у контактов при регистрации была возможность предоставить свое согласие на получение рассылок или принять ваши политики обработки данных.

Перед началом работы

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

1. Дважды нажмите на поле, чтобы добавить его в форму. Повторите этот шаг для всех полей, которые необходимо добавить. Размер формы будет адаптироваться автоматически.
2. Дважды нажмите на элемент, чтобы открыть вкладку Верстка. Здесь можно выполнять следующие действия:

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

3. Перейдите во вкладку «Стиль», чтобы изменить шрифт.
4. Дважды нажмите на кнопку, чтобы изменить ее текст. Двойное нажатие также открывает вкладку Стиль для кнопки, где можно изменить параметры ее оформления.
5. (По желанию) Добавьте статические элементы, такие как разделители, изображения, блоки текста, значки конфиденциальности, сертификаты доверия и счетчики.
6. Чтобы удалить элемент, наведите на него курсор и нажмите на значок корзины в блоке элемента.

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

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

Добавление ссылок

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

1. Дважды нажмите на текст.
2. Выделите часть текста, к которой надо добавить ссылку.
3. Перейдите во вкладку Стиль и прокрутите вниз.

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

4. В меню Ссылка на (Destination) выберите, куда должна вести ссылка: на внешнюю веб-страницу (webpage) или на лендинг (landing page) GetResponse.

  • При выборе внешней веб-страницы укажите ее URL в поле URL. Здесь можно указать полный адрес расположения файла, которым вы хотите поделиться. Например, адрес электронной книги.
  • При выборе лендинга GetResponse откройте меню и выберите нужный лендинг. Примечание: вы можете выбрать только уже опубликованный лендинг.

5. (По желанию) Добавьте ссылке название, которое будет отображаться при наведении курсора.

Завершение настройки

1. Чтобы изменить настройки формы, нажмите на значок шестеренки в правом верхнем углу редактора. Измените настройки согласия для текущей формы, создайте страницу благодарности и выберите настройки автоответчика.
2. Нажмите «Сохранить» или «Опубликовать». На последнем этапе вы увидите код JavaScript, который нужно скопировать в элемент BODY веб-страницы HTML.

Как изменить размер формы?

Чтобы изменить размер формы, откройте ее в редакторе и передвиньте стороны по вертикали или горизонтали. Для изменения размера всей формы потяните за угол. Если в форме недостаточно места для добавления новых полей, потяните за нижний угол, чтобы ее увеличить, или воспользуйтесь инструментов «Интервал» в разделе «Верстка» для создания интервала между полями.

Адаптируются ли формы под мобильные устройства?

В настоящее время формы не адаптируются под мобильные устройства.

Похожие ресурсы