Продолжаем создание формы обратной связи

Мы начали создание формы обратной связи с установки плагина  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 – текстовое поле предназначено для ввода одной строки текста.
  • область текста позволяет вводить многострочный текст.

Fast Secure Contact Form

  • бесплатные формы обратной связис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 форма обратной связи плагин.

Марина Белоусова

Преподаватель-эксперт в области прикладных социально-экономических программ Центра компьютерного обучения «Специалист» при МГТУ им. Н.Э. Баумана. Директор специальных и краудфандинговых проектов Российского агентства развития информационного общества. Владелец интернет-проектов под брендом Эксперт BTL.

Поделитесь своим инсайтом

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>