Недавно я изучал Optimizely Forms — установил пакет NuGet для включения Optimizely Forms, создал форму обратной связи и разместил ее на целевой странице. Делюсь своим обучением от установки до отправки.
Давайте начнем.
- Чтобы включить Optimizely Forms, нам необходимо установить пакет NuGet для форм. Его можно установить через консоль NuGet или диспетчер. Я предпочитаю графический интерфейс, поскольку он более нагляден.
Эписервер.формы
EpiServer.Forms.Core
Эписервер.Form.ui
- Давайте запустим проект — у localhost:5000 теперь будет новая вкладка. Формы кроме Блоков и Медиа.
- Создайте новую форму, щелкнув правой кнопкой мыши на «Формы EpiServer» и назвав ее «Форма обратной связи».
- Давайте добавим поля, перетащив их в область содержимого.
- Быстрое редактирование чтобы изменить метку, всплывающую подсказку, обязательное поле и регулярное выражение, если это необходимо. Сохраните и опубликуйте изменения.
- Примечание: каждое поле необходимо опубликовать.
- Аналогичным образом я создал следующие поля:
Имя – Текст
Фамилия – текст
Электронная почта – текст
Комментарий — текстовая область
Кнопка «Отправить»
Примечание: В поле «Электронная почта» отображается текст, в котором установлен флажок «Электронная почта».
- Форма теперь готова к размещению на любой целевой странице.
- Давайте создадим стандартную страницу или любую страницу с областью контента.
- Перетащите форму обратной связи в область содержимого и опубликуйте изменения.
- Давайте проверим форму обратной связи – мы увидим, что новое меню «СТРАНИЦА СВЯЗАТЬСЯ С НАМИ» автоматически добавляется при публикации страницы.
- Отправил форму — проверено, что необходимые валидаторы полей работают должным образом.
- Отправленные записи легко проверить, нажав кнопку «Отправка формы».
- Записи можно экспортировать в любой из следующих форматов.
- По умолчанию записи сохраняются навсегда — не стесняйтесь изменять политику хранения по мере необходимости для частичной или полной отправки.
Надеюсь, это поможет.
Удачной оптимизации!
Ещё по этой теме
