Как настроить Contact Form 7. Обязательные плагины. Часть 2.

Описано как настроить contact form 7 – плагин создания и управления контактными формами на сайте. Вторая часть статьи “Обязательные плагины”. Описываются плагины, которые обязательно должы быть на каждом сайте. Первая часть “Как настроить akismet“.

Настроить Contact Form 7

Очень полезный плагин, который позволяет создавать и размещать в публикациях и виджетах контактные формы, через которые посетители могут отправлять сообщения владельцу сайта. Очень простой и очень гибкий.

Для использования плагина необходимо его установить из репозитория WordPress и активировать на сайте (см. “Как установить плагин WordPress” и “Как обновить плагин WordPress“).

После активации плагина в боковой панели консоли администратора сайта сразу под встроенными типами данных появляется новый элемент “Contact Form 7“. Нажимаем на него мышкой и переходим на страничку управления формами (Рис. 1.).

настроить contact form 7& Рис. 1. Управление формами

Рис. 1. Управление формами

После установки плагина мы получаем одну простую форму (рис. 2). Чтобы посмотреть, как она выглядит, надо скопировать шорткод (код вставки на рис. 1) и вставить его на какую-нибудь страницу или текстовый виджет.

настроить contact form 7. Рис. 2. Поставляемая форма

Рис. 2. Поставляемая форма

Как видим. это простейшая контактная форма, которую вполне можно применять, как она есть. Если мы хотим использовать эту форму, то ее лучше переименовать во что-нибудь более понятное, чем “Контактная форма 1”. Также, целесообразно включить в нее поле CAPTCHA для того, чтобы роботы не смогли отправлять Вам спамовые письма.

Для того, чтобы получить в Вашей форме поле CAPTCHA (это такие кривые знаки, которые надо распознать и ввести в поле, чтобы подтвердить, что Вы человек а не спамовый робот), необходимо установить плагин Really Simple CAPTCHA. Только установить из репозитария WordPress и активировать на сайте. Никаких настроек не требуется. Для его работы нужны библиотеки PHP GD и FreeType. Если вы использовали для Вашего сайта нашу виртуальную машину и нашу программу установки installer, то эти библиотеки уже у Вас установлены.

Плагин Contact Form 7 имеет очень мощный редактор форм –  элементами формы могут быть текстовые поля, поля ввода адресов эл. почты, URL, числа, телефона, слайдер, дата, текстовая область, выпадающее меню, кнопки выбора, радио кнопки, кнопки подтверждения, CAPTCHA, загрузка файла, кнопка отправки.

Чтобы внести изменения в форму или создать новую, лучше скопировать исходную форму и все изменения делать в копии (рис. 3.)

настроить contact form 7. Рис. 3. Копирование формы

Рис. 3. Копирование формы

Нажав на ссылку “Копировать”, переходим на страничку редактирования формы, которая состоит из следующих полей сверху вниз:

  • шорткод формы;
  • шаблон формы;
  • адресат 1;
  • адресат 2;
  • сообщения;
  • дополнительные настройки.

При помощи поля шорткода можно менять название формы (рис. 4.)

настроить contact form 7. Рис. 4. Шорткод формы

Рис. 4. Шорткод формы

Для этого надо нажать мышкой на название формы (подчеркнуто красным) и оно превратиться в текстовое поле ввода. После завершения редактирования формы, шорткод нужно скопировать и вставить в нужное место на сайте.

Шаблон формы (рис. 5.) позволяет создавать необходимую форму из доступных элементов и строк HTML.

настроить contact form 7. Рис. 5. Шаблон формы

Рис. 5. Шаблон формы

Это можно сделать вручную в левом окошке или при помощи генератора элементов форм в правом. Для создания нового элемента надо выбрать в выпадающем меню “Сгенерировать тэг” его тип, в полученной форме (рис. 6.) отметить обязательный ли для заполнения посетителями сайта элемент, ввести все необходимые параметры. В результате, генератор выдает два шорткода – первый, для вставки в левое окошко для формы и второй – для вставки в письма ниже. Если полученная форма с размерами по умолчанию выглядит не красиво, то можно задать размеры каждого элемента формы.

настроить contact form 7. Рис. 6. Генератор элементов форм

Рис. 6. Генератор элементов форм

Внимание!! В выпадающем меню два текстовых поля. Это неправильный перевод. Верхнее должно быть “Текстовая область” – многострочное текстовое поле. Можно задать размеры по ширине и высоте. Нижнее – нормальное однострочное текстовое поле. Имеет только один размер – ширину.

В поле “Адресат” (рис. 7.) можно отредактировать вид и состав письма сообщения: его заголовок (1), тело сообщения (2), дополнительный заголовок (Сс:)(3), вкладывемые файлы (4) и т. д.

настроить contact form 7. Рис. 7. Поле Адресат

Рис. 7. Поле Адресат

Поле “Адресат-2” используется для отправки другого письма, основанного на данных, введенных посетителем сайта, еще какому-нибудь адресату. Для этого, необходимо поставить галочку в поле “Использовать Адресат-2”, после чего станет доступна такая же форма редактирования письма, как на рис. 7.

В поле “Сообщения” можно поменять выводимые на экран посетителю сайта сообщения при его работе с контактной формой. Конечно, если появится желание.

Как видите, все очень просто. Успеха!

Описано как настроить contact form 7 – плагин создания и управления контактными формами на сайте. Вторая часть статьи “Обязательные плагины”. Описываются плагины, которые обязательно должы быть на каждом сайте. Третья часть статьи “Плагины SMTP и Cyr to Lat enhanced

Внимание!! Без установки плагина SMTP (см. третью часть статьи) отправка писем с сайта WordPress, например, при помощи контактных форм, окажется невозможной.

,

No comments yet.

Leave a Reply