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

Нажмите + (W) в левой панели и выберите Form.

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

Поля

По умолчанию все поля обязательны для заполнения пользователем вашего проекта. Чтобы сделать какое-то из полей необязательным, включите для него настройку Optional Field («Необязательное поле»).

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

Текст (Тext). Пользователь может ввести текст. При необходимости вы можете добавлять дополнительные строки.

Номер (Number). Пользователь может ввести любые цифры. В качестве разделителей поддерживаются и точка [.], и запятая [,].

Имя (Name). Данные об имени пользователя сохраняются в Mailchimp. Поддерживается текстовый формат.

Электронный адрес (Email). Можно вводить адреса электронной почты формата any.text1.23@example.com. Данные сохраняются в Mailchimp. Обратите внимание: верность введенных данных не проверяется, поэтому даже в том случае, если адрес введен с ошибками или не существует, он все равно будет сохранен.

Номер телефона (Phone number). Может быть введен телефонный номер следующего формата: +[код страны][код зоны][номер]. Плюс («+») вводить необязательно. Пользователь может также использовать пробелы и дефисы: к примеру, +12221234567 или 7 415 123-45-67.

Список (Dropdown). Для этого поля можно создать выпадающий список с различными опциями на выбор. Кликните на «стрелку» в поле для того, чтобы открыть панель, в которой вы можете добавлять, удалять и менять местами пункты этого списка.

Чекбокс (Checkbox). Поле, в котором посетитель может поставить «галочку»: согласиться или отказаться от предлагаемых вам условий.

Файл (File). Поле, в котором пользователь может прикрепить файлы. Всего можно загрузить до 10 файлов. 

Все загруженные файлы вы получите на почту вместе с остальными данными из формы.

Также вы можете сохранять файлы из форм в вашем аккаунте в Google Drive или Dropbox. Для этого нажмите на иконку Send data («Отправить данные») и активируйте нужную настройку. Затем введите название папки и опубликуйте проект: после того, как первый посетитель заполнит форму, эта папка со всеми данными автоматически появится в вашем аккаунте на Google Drive или Dropbox. Создавать ее заранее не нужно. 

После того как пользователь нажал на кнопку отправки формы, вы можете показать ему текстовое сообщение, а также перенаправить его по ссылке: на другой сайт, проект или страницу внутри вашего проекта. Для этого кликните по иконке выпадающего меню рядом с надписью Text after submit (Текстовое сообщение) и выберите нужный пункт:

Текстовое сообщение (Text after submit): введите текст, который увидит пользователь после того, как заполнит форму;

URL сайта (Website URL): введите ссылку, по которой должен быть перенаправлен пользователь;

Переход на страницу (Jump to Page): введите номер страницы проекта, на которую должен быть перенаправлен пользователь.

Мы поддерживаем загрузку следующих типов файлов: любые графические, видео- и аудиофайлы, а также DOC, DOCX, XLS, XLSX, KEY, PPT, PPTX, ODT, ODS, ODP, PDF.

Стили

Нажмите Styles («Cтили») в настройках виджетов, чтобы выбрать из нескольких вариантов вида формы: вертикальным макетом, горизонтальным макетом или одним из стандартных шаблонов (Colored, Outlined или Underlined).

Вы также можете изменить свойства полей формы (Fields) и кнопки (Button). Еще здесь можно настроить расстояние между полями (Spacing), цвет формы (Сolor), cкруглить углы (Radius), задать границы, стиль текста и так далее.

Отправка данных из формы

Нажмите Send Data («Отправить данные»), чтобы выбрать один из способов сбора данных из форм.

• Email. Отправляет все данные на тот электронный адрес, на который зарегистрирован ваш аккаунт в Readymag. У вас есть возможность добавить один дополнительный адрес.
  
  При создании формы по умолчанию включен именно этот вариант.
  
  Если вы хотите отправлять данные на несколько адресов, обратитесь к вашему email-провайдеру, чтобы настроить фильтрацию и редирект писем с темой New form submission («Новое заполнение формы») от отправителя Readymag.
  
• Google. При каждом заполнении формы данные сохраняются отдельной строкой в таблице Google Sheets. Если вы являетесь пользователем Google, ваш аккаунт автоматически связывается с аккаунтом Readymag. В этом случае вам не обязательно создавать вручную таблицы для данных из формы. Просто введите название новой таблицы, и она будет создана автоматически в корневой папке вашего аккаунта в Google. Отвязать аккаунт Google от аккаунта в Readymag, вы можете во вкладке Services в настройках профиля. Если вы хотите, чтобы в вашем проекте было несколько одинаковых форм и их данные сохранялись в одну таблицу, не создавайте отдельные виджеты: скопируйте созданную форму и вставьте ее на нужные вам страницы.
  
• Mailchimp. Добавляет подписчиков в один из ваших списков на Mailchimp. В список будут сохранены данные из поля Email. Отвязать аккаунт Mailchimp от аккаунта в Readymag, вы можете во вкладке Services в настройках профиля.
  

  Если аккаунт в Readymag привязан к аккаунту в Mailchimp, коллабораторы не смогут получить доступ к настройкам Send Data: из соображений безопасности они будут доступны только владельцу проекта. 

• URL. Отправляет все собранные данные на заданный вами URL. Отправка данных производится с помощью POST-запроса в формате application/x-www-form-urlencoded.
  
  Для настройки URL вам может понадобиться помощь разработчика.
  
  Перед тем как использовать вашу ссылку в проектах на Readymag, мы рекомендуем протестировать ее при помощи Webhook Tester.