Настройка wordpress форма обратной связи плагин

Для wordpress форма обратной связи плагин Fast Secure Contact Form – отличный инструмент. Он поддерживает русский язык, обеспечивает защиту от спама, позволяет создавать неограниченное количество форм под различные задачи.

Настройка wordpress форма обратной связи плагин

В предыдущих статьях wordpress форма обратной связи плагин Fast Secure Contact Form: как сделать форму обратной связи (часть 1) и Продолжаем создание формы обратной связи (часть 2) мы установили плагин, удалили из него лишние ссылки, создали нужные нам поля.

Но на этом тема: wordpress форма обратной связи плагин Fast Secure Contact Form не исчерпана. Сегодня разберемся со свойствами полей. Они помогут в настройках формы обратной связи. Вы узнаете:

  • как удалить поля, те что есть в шаблоне по умолчанию,
  • как изменить название поля, сделать его открытым или скрыть,
  • как ввести варианты выбора, разместить их по горизонтали или вертикали,
  • как объединить одно поле с другим в одну группу,
  • как изменить длину поля и внешний вид.

Field Properties свойства полей

Для создания свойства поля нажмите Hide Details и перейдите к настройкам.

Внимание!

1. Некоторые свойства работают не со всеми типами полей.

2. Если вы сделали ошибку, то при сохранении получите уведомление (на анг.яз.)

Метка: Название поля. Каждое название должно быть уникальным. Если вы создаете два поля для вложений (например, первое для прикрепления фото, второе – для прикрепления текстового файла), то укажите разные названия полей. Например: Приложение 1, Приложение 2…

Метка в полях по-умолчанию: Name, Email, Subject, Message не меняется.

Tag – используется для идентификации поля, в опубликованном виде ее не видно. Например, название поле на английском языке. Если вы ничего не напишите, система автоматически создаст метку. Этот тег нужен для других настроек.

Default – значение поля по умолчанию, это поле, которое должен заполнить отправитель. В поле Name (имя, отчество, фамилия) можно вписать: Ваше имя.

Default as placeholder – его нужно включить, если вы используете предыдущую Default функцию. В этом случае значение по умолчанию  Default (введенный вами текст) будет исчезать при заполнении формы отправителем. В противном случае, ему придется выделять и удалять вашу запись, например: Ваш email. Согласитесь, что это неудобно.

контактная форма для wordpressHide label – скрыть метку – название поля. Это свойство иногда используется с предыдущей меткой. Не понравилось – поле сливается с предыдущим полем и вводит в заблуждение. Возможно, когда поля представляют собой набор полей, объединенные рамкой. Например, прикрепленные файлы или данные адреса (индекс. город, email и т.п.).

Select options – вводите варианты выбора при подключении полей типа, сheckbox-multiple (флажки), select (выбор), select-multiple, переключатель.

контактная форма для сайтаInline – параметр, который позволяет разместить все варианты выбора на одной строке: сheckbox-multiple (флажки), select (выбор), вложения. По умолчанию они будут размещены вертикально, а не горизонтально. на скриншоте Inline включен во втором поле: select (переключатель).

Max size – максимальное количество знаков в текстовом поле. Например, название темы можно ограничить 60 символами.

Required field – включив это свойство, вы сделаете поле обязательным для заполнения.

Disable field – параметр, отключающий одно из полей, установленных по умолчанию: Name и Email (имя и адрес отправителя), Subject (тема), Message (сообщение).

Attributes – атрибуты могут быть использованы для любого типа полей.

Регулярные выражения и Regex – используется для проверки регулярных выражений. Например, если вместо номера телефона вводится текст, то отправитель сообщения будет получать предупреждение о нарушении правил ввода. Подробно это функция будет рассмотрена в другой статье.

Label CSS/Input CSS – используется для настройки стиля конкретного поля. Например, можно выделить курсивом или жирным шрифтом. Если вы не введете свои правила, используются по умолчанию. Поле по умолчанию, очень короткое.

плагин контактной формы для wordpress

Чтобы увеличить длину поля, например сделать по ширине сайта (текста записи), то следует изменить настройки Input. Например, так: width:99%; max-width:585px;margin-left:10px; border: 2px ridge; (скопируйте, вставьте и отредактируйте). Где:

  • width задает в % длину от максимально возможной,
  • max-width задает максимально возможная длина конкретного поля в пикселях,
  • margin – left отступ в пикселях от левого края,
  • border – толщина линии вокруг полей для ввода, а также тип линии (dotted, dashed, solid, double, groove, ridge, inset, outset).

HTML before/after field – параметры, которые позволяют использовать HTML до и после поля. Отображаются только в форме обратной связи на вашем сайте. При отправке сообщения по электронной почте HTML не отображается.

Follow previous field – свойство, позволяющее отображать поля (как правило, не более 2-ух полей) на одной линии по горизонтали. Например, поля: индекс, страна, город, улица, дом, квартира.

wordpress-forma-obratnoj-svyazi-plagin-3

 

wordpress-forma-obratnoj-svyazi-plagin-2Enable double email entry required on the form – это функция находится в самом низу единственного поля Email. Дополнительная защита от спама. Обязывает отправителя вводить адрес электронной почты дважды. (Не морочьте голову посетителям! Вообще писать не будут.)

Основная настройка wordpress форма обратной связи плагин Fast Secure Contact Form сделана.

В следующей статье для продвинутых пользователей: форма обратной связи wordpress вы узнаете как закончить настройку плагина Fast Secure Contact Form. Если остались вопросы, задавайте в комментариях. Найдет ответ вместе.

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

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