Недавно я изучал формы Optimizely и создал многоэтапную форму запроса поддержки клиентов с функцией загрузки файлов.
Давайте начнем.
Примечание. Предполагается, что вы установили модуль Forms. Если нет, пожалуйста, ознакомьтесь с моим сообщением в блоге –
https://madhuanbalagan.com/optimizely-forms-setup-configuration-and-submission
Создание многошаговой формы
- Создайте новый контейнер формы на вкладке «Формы» и назовите его «Форма поддержки клиентов».
Шаг 1: Контактная информация
- Давайте создадим первый шаг, перетащив шаг формы в область содержимого.
- Быстрое редактирование, чтобы заполнить заголовок, описание и опубликовать изменения.
- Внутри формы Шаг 1. Перетащите элементы текста для следующих полей.
- Имя
- Электронная почта
- Телефон
Примечание: Опубликуйте каждое поле, чтобы отразить его в области содержимого.
Шаг 2: Подробная информация о продукте
- Давайте перетащим элемент «Шаг формы», как раньше, и следующие поля.
- Идентификатор продукта
- Дата покупки
- Статус гарантии
- Идентификатор продукта — создан как номер и проверены всеми валидаторами.
- Дата покупки — текстовое поле с проверкой формата даты.
- Форма Шага 2 готова.
Шаг 3. Описание проблемы
- Давайте перетащим элемент «Шаг формы», как раньше, и следующие поля.
- Тип проблемы
- Описание проблемы
- Загрузка файла
- Кнопка «Отправить»
- Тип проблемы — параметры элемента выбора, введенные вручную — также могут быть источником данных.
- Загрузка файлов – установите максимальный предел и разрешенные расширения, разделенные запятой.
- Часть Шага 3 завершена и готова к размещению на целевой странице.
Форма на целевой странице:
- Создайте новую стандартную страницу — страницу поддержки клиентов.
- Перетащите вновь созданную форму в область содержимого.
- Опубликуйте изменения.
Тестирование формы:
- В меню появится новая целевая страница – давайте проверим ее.
- Загрузка файла – выбор нескольких файлов работал отлично!
- Давайте отправим форму — при необходимости вы можете перенаправить на конкретную страницу.
Отправка формы:
- Отправленные записи легко проверить, нажав кнопку «Отправка формы».
- Записи можно экспортировать в любой из следующих форматов.
- По умолчанию записи сохраняются навсегда — не стесняйтесь изменять политику хранения по мере необходимости для частичной или полной отправки.
Если вы предпочитаете смотреть видео, моя быстрая запись —
Надеюсь, это поможет.
Удачной оптимизации!
По теме
