Мы начали создание формы обратной связи с установки плагина Fast Secure Contact Form и удалению из него внешних ссылок. Это позволит нам сохранить вес собственного сайта. Теперь, можно начать создание формы обратной связи с оформлением по умолчанию.
Продолжаем создание формы обратной связи
В предыдущей статье вы узнали, как сделать форму обратной связи. Переходите к настройкам плагина Fast Secure Contact Form и создания формы. Это можно сделать двумя способами: со страницы плагинов и с любой другой части админпанели – наведите курсор на вкладку “Плагины” и найдите вкладку 2-ого уровня FS Contact Form. При переходе по ней вы попадете в меню плагина.
Basic Settings основные настройки
В первой вкладке Basic Settings создайте новую форму. Select a Form: Add a New Form – введите название, например “Форма обратной связи”. Здесь же измените вступительное приветствие. По умолчанию оно звучит как: “Вопросы и комментарии приветствуются” и сохраните Save Changes (синяя кнопочка).
Во второй вкладке Field (Field Settings) настраиваются поля формы. По умолчанию установлены: Name и Email (имя и адрес отправителя), Subject (тема), Message (сообщение). Чтобы добавить новое поле Add New Field (синяя кнопочка справа). Типы полей:
- text – текстовое поле предназначено для ввода одной строки текста.
- область текста позволяет вводить многострочный текст.
сheckbox field (единственный флажок). Это поле можно использовать для подтверждения согласия отправителя на обработку и хранение персональных данных, указанных им в форме обратной связи. Если отправитель не поставит флажок (галочку), то и сообщение не будет отправлено.
- checkbox-multiple (несколько флажков) позволяют пользователю выбрать один или несколько вариантов из предложенных при помощи галочки. Например, при оформлении заказа и выбора цвета дать возможность выбрать несколько цветов: красный, синий, белый…
- Select -переключатель. Отправителю предлагается выбрать один из предложенных вариантов.
- поле выбора, например, темы сообщения. Отображается только верхний вариант, для выбора надо нажать на стрелочку в поле, которая откроет другие варианты. (Понравилось!)
- select-multiple – позволяет выбрать несколько вариантов из предложенных. Для тех же целей, что и предыдущая опция. Но здесь видно сразу несколько вариантов – они расположены по вертикали. При помощи полосы прокрутки сбоку можно выбрать нужный вариант. В отличии от предыдущей опции есть возможность выбрать несколько вариантов.
- Attachment – поле для загрузки фалов. Например, фотографий, презентаций, видеозаписей. После отправки сообщения, они поступают на ваш email, но не сохраняются на вашем сервере, т.е. не увеличивают нагрузку на сайт.
- date – открывается календарь, где можно выбрать конкретную дату. В этом случае вы получаете все даты от разных отправителей в одном формате. Например, дд.мм.гггг.
- time – тоже самое, что и с датой – преимущество в едином формате времени.
- email – без комментариев.
- URL – поле для адреса веб-сайта или другой ссылки. Выбрав это поле, вы будете уверенны в том, что не поступит “битая” ссылка и не будет введен текст.
- Hidden field можно добавить скрытое поле, но отражаться в форме обратной связи оно не будет. Вероятно это для передачи конфиденциальной информации получателю. С какой целью – не понятно.
- Password – отправитель может отправить свой пароль, который ему можно напомнить. Например, для возможности редактирования информации, отправленной через форму обратной связи и размещенной на сайте. (Предположение.)
- box-open – набор поле (открытая рамка) для группировки полей одной категории. Например, при указании адреса, где есть индекс, населенный пункт, дом. На скриншоте объединены: вложение, дата, время. Вокруг них есть рамка и название группы. В данном случае: Набор полей (открытая рамка).
- box-cloused – набор полей (закрытая рамка) – для группирования полей одной категории. В данном случае все поля созданные после box-cloused будут объединены в одну группу. При этом не появляется рамка и не видно названия: Набор полей (закрытая рамка) или любого другого, которые вы попробуете установить. В чем фишка – не понятно.
Поля легко поменять местами. Для этого наведите курсор на название нужного поля, зажмите левую кнопку мыши и перетащите в нужно место. После того созданы необходимое количество полей, сохраните изменения Save Changes (синяя кнопочка).
Расположите поля в необходимой последовательности и закончите на этом создание формы обратной связи с помощью плагина Fast Secure Contact Form. В следующей статье: настройки каждого поля. Их можно будет выставить по вертикали или горизонтали, скрыть названия, вписать подсказки, оформить поля.
Справа от названия формы Select a Form есть “волшебная кнопочка” Preview Form, которая позволяет увидеть созданную форму в готовом виде и затем внести соответствующие дополнения, изменения. Для возврата к настройкам нужно нажать кнопочку Edit Form в том же месте и продолжить создание формы обратной связи Fast Secure Contact Form.
Завершив создание формы обратной связи вернитесь на вкладку, скопируйте шорткод, он выглядит примерно так: [si-contact-form form=’10’] и вставьте его на необходимую страницу.
Оформление добавиться автоматически в соответствии с настройками (CSS) вашей темы. Если захотите изменить размеры полей, шрифтов и т.п. читайте следующую статью. Там же остальные настройки wordpress форма обратной связи плагин.