Добавление формы обратной связи
Создание формы обратной связи осуществляется с помощью модуля Form Creator (Редактор форм). Данный модуль заводят в разделе admin, чтобы пользоваться и редактировать его мог только администратор, и только один раз, т.е. узел типа Form Creator должен присутствовать на сайте в единственном числе. Далее с помощью этого модуля Вы можете создать сколько угодно различных форм. Далее необходимо в нужном месте создать страницу на, которой будет форма и вызвать ее. Весь процесс будет подробно рассмотрен ниже.
-
Создание узла
Новый узел модуля «Редактор форм» нужно создавать только в случае его отсутствия на сайте.
Зайдите в admin, в меню управления выберите пункт Add (рис. 1).
Рис. 1. Меню управления, пункт Add
Откроется форма добавления нового узла. На этой странице необходимо выбрать модуль «Редактор форм», заполнить название страницы, если оно не заполнилось автоматически (рис. 2) и нажать кнопку «Добавить».
Рис. 2. Форма создания нового узла
Далее откроется страница редактирования только что созданного узла. При необходимости внесите изменения в нужные поля и нажмите кнопку «Сохранить».
Далее можем создать новую форму. -
Сознание формы
На странице «Редактор форм» отображается список уже созданных форм, если таковые имеются на данном сайте. Нажмите на ссылку «Create new» (рис. 3), откроется страница создания новой формы (рис. 4).
Рис. 3. Ссылка создания новой формы
Рис. 4. Создание новой формы
Заполните поля c левой стороны:
Название – название формы
Алиас – название латинскими буквами, без пробелов, кавычек, скобок и других символов, можно использовать только «_».
В обработчике формы проставьте нужные галки: «Проверять на автоматический ввод» - ставится для защиты от ботов, пользователю придется ввести код подтверждения прежде, чем отправить сообщение; «DB Storage» - чтобы отправленные сообщения хранились в базе, как правило это не нужно, так как если Вы далее укажете нужный почтовый ящик все сообщения заполненные в форме будут приходить на указанный ящик; «Feedback» - пользователю будет приходить сообщение о том, что он заполнил эту форму, на указанный им почтовый ящик, чаще всего – это не нужно; «mailer» - как правило, указывается всегда, а ниже откроются поля: в поле E-mail, пишется адрес почтового ящика, на который будут приходить результаты заполнения формы, в поле Subject – заголовок письма с результатами формы. Описание – поле заполняется при необходимости и, обычно, рассказывает, что это за форма и зачем ее заполнять.
Справа от формы есть раздел «Поля» (рис. 5), который имеет ряд кнопок.
Рис. 5. Поля которые можно задать в форме
При нажатии на соответствующую кнопку, создастся нужный элемент. Каждый элемент имеет свой ID, это полу нельзя трогать; галку «Is required» нужно ставить, если поле обязательно для заполнения; кнопки «up» и «down» перемещают поле вверх или вниз относительно других элементов. Кнопка «Remove» удаляет данный элемент.
• text – создает текстовое поле, максимально количество символов 255, нажмите на кнопку и появится форма заполнения названия данного поля (рис. 6).
Рис. 6. Добавление поля типа text
Заполняем только поле Name, пишем название поля, например «ФИО». Остальные поля заполнять не надо.
• textarea – поле, для большого текстового сообщения. При нажатии на эту кнопку появится форма заполнения этого поля (рис. 7), в поле Name указываем название поля (например Сообщение), все остальное не трогаем.
Рис. 7. Добавление поля типа textarea
• checkbox – галка. Используется для вопросов, когда можно дать несколько ответов (рис. 8)
Рис. 8. Добавление поля типа checkbox
Сам вопрос пишите в поле Name. В таблице в столбце Name вводите варианты ответов. Чтобы добавить новый вариант ответа, нажмите кнопку «add option»
• radio – радио-кнопки, когда можно выбрать только один из представленных вариантов. Вопрос введите в поле Name. В таблице в столбце Name вводите варианты ответов. Чтобы добавить новый вариант ответа нажмите кнопку «add option».
Рис. 9. Добавление поля типа radio
• date – дата. Форма добавления даты. Заполните название элемента в поле Name. В «Fields order» выберите форму ввода: день-месяц-год, месяц-день-год или год-месяц-день. В «Year period» выбрать с какого по какой год выводить в выборе года.
Рис. 10. Добавление поля типа date
• email – адрес почтового ящика. В Name введите название поля.
Рис. 11. Добавление поля типа email
• string – текстовое поле без названия. Иногда возникает необходимость завести несколько полей, под одним общим названием, тогда создается одно поле типа text, а все остальные поля типа string. В этой форме никакие поля заполнять не надо (рис. 12).
Рис. 12. Добавление поля типа string
• file – загрузка файла. Иногда есть необходимость, чтобы в форму загружались какие-то файлы. Заполните название элемента «Name», при необходимости укажите максимальный размер файла в поле «Max file size», значение нужно указывать в байтах.
Рис. 13. Добавление поля типа file
После того, как все необходимые поля заведены нажмите кнопку «Отправить запрос» (рис. 14). Если после этого никаких ошибок не выдалось и сверху зеленым выдалось сообщение «Данные сохранены», значит Вы все сделали правильно и теперь остается только вызвать форму на нужной странице.
Рис. 14. После создания всех полей формы нажмите «Отправить запрос» -
Редактирование формы
Чтобы отредактировать форму, добавить или удалить какое-то из полей, нужно зайти в Редактор форм и напротив нужной формы нажать ссылку «edit». -
Вызов формы
Для начала нам нужно узнать номер только что созданной нами формы в базе, для этого нужно выйти из режима редактирования формы и просто зайти в редактор форма, там мы увидим сводную таблицу всех созданных форм (рис. 15).
Рис. 15. Таблица созданных на сайте форм
В этой таблице у каждой формы есть свой Id. Выберите нужную форму и запомните ее Id.
Зайдите в редактирование страницы, на которой должна выводиться форма и напишите следующий код:
{literal}{form id=”Id нужной формы”}{/literal}
например: {literal}{form id=”5”}{/literal}
Так же можете еще добавить параметр width=””, указав ширину формы, по умолчанию она составляет 400 пикселей.
Пример: {literal}{form id=”5” width=”500px”}{/literal}