Плагин Contact Form 7: настройка внешнего вида. Настройка Contact Form 7 дляWordPress

В данном материале мы детально рассмотрим настройку ContactForm 7. Это плагин для популярной настройки WordPress, которая используется для создания и продвижения сайтов в Интернете. Данный программный продукт дает возможность создавать и конфигурировать форму обратной связи.

Немного о WordPress

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

WordPress: недостатки и преимущества

Преимущества данной платформы следующие:

— простота и открытость исходных кодов;

— большое количество справочной информации;

— возможность разработки тематического ресурса любой степени сложности в кротчайшие сроки;

— высокое быстродействие без необходимости дополнительных программных настроек.

Данная система также имеет и свои недостатки:

— сайты, созданные с помощью WordPress не смогут справится с такой нагрузкой;

— при установке дополнительных мини-программ наблюдается снижение быстродействия интернет-ресурса;

Что такое плагины на базе WordPress

Система управления контентом WordPress имеет очень скромный базовый функционал. Его достаточно только для разработки наиболее простых сайтов и блогов. Чтобы немного улучшить ситуацию, связанную с функциональностью данной программной платформы и добавить ей определенную гибкость, разработчикам приходится добавлять различные мини-программы, которые называются на профессиональном жаргоне плагинами. Как раз одним из таких плагинов и является ContactForm7. Настройка данного плагина позволяет создать форму обратной связи с расширенным уровнем функциональности на определенной странице системы управления контентом.

Специализация Contact Form 7

Как же было отмечено ранее, основной задачей Contact Form 7 является создание обратной связи между администратором интернет-ресурса и посетителем сайта. Редактирование шаблона, настройка почты, пересылка различных файлов – это еще далеко не все возможности, которые дает данная мини-программа. Нагрузка на аппаратные ресурсы сайта при этом будет относительно невелика. Наличие этой программы может привести к существенному снижению быстродействия блога или сайта.

Порядок установки плагина Contact Form 7

Всего имеется три способа установки плагинов на WordPress. Первый способ предусматривает скачивание ZIP архива из глобальной паутины и его заливки в соответствующий каталог интернет-ресурса. Можно также использовать для этой цели FTP-клиентов различного рода. Еще одним вариантом является загрузка микропрограммы с использованием административной панели управления блогом, сайтом или порталом. Из всех трех вариантов установки плагинов наиболее безопасным является последний. Программный код в данном случае скачивается с официального сайта. В этом случае в файле точно не будет опасных фрагментов и вредоносных объектов. Порядок установки плагина в данном случае будет следующим. Прежде всего необходимо зайти в административную панель WordPress. Затем нужно переместиться в раздел «Плагины». В открывшемся окошке следует выбрать пункт «Добавить новый». В строке поиска необходимо ввести название плагина Contact Form 7. После этого необходимо навести указатель мыши на кнопку «Поиск» и сделать однократный клик мышью. После этого должна начаться операция поиска программного обеспечения. Когда она будет завершена, на экране высветится список найденных плагинов. В этом списке необходимо найти тот плагин, который вам нужен, и нажать на надпись «Установить», расположенную напротив него. Система управления контентом после этого автоматически загрузит и установит данный плагин. На следующем этапе нужно будет активировать инсталлированное программное обеспечение. Для этого необходимо перейти ко вкладке «Плагины» и найти в списке Contact Form 7. С ним рядом должна быть надпись «Активировать». Нужно кликнуть по ней мышкой один раз. Теперь обновляем административную панель системы управления контентом и находим среди пунктов Contact Form 7. Вот и весь секрет установки популярного плагина Contact Form 7.

Contact Form 7: алгоритм настройки

Настройка Contact Form 7 состоит из следующих пунктов:

— создание новой платформы или редактирование старой, созданной при установке плагина. Опыт показывает, что в данном случае лучше использовать опцию по созданию новой формы.

— выбор языка формы и названия.

— изменение конфигурации шаблона формы.

— сохранение внесенных изменений.

— создание новой страницы с полученным ранее кодом. Необходимо опубликовать новую страницу.

На заключительном этапе необходимо перейти на сайт и проверить корректность работы созданного элемента интерфейса интернет-ресурса.

Создание новой формы

Данный плагин сразу после активации по умолчанию создает форму для задания вопросов от посетителей блога или сайта. Конечно, ее можно просто настроить и отредактировать должным образом. Однако намного проще будет удалить ее и создать новую с полным набором всех необходимых функций. Для этого необходимо выполнить следующую последовательность действий. Нужно зайти в меню данного плагина и выбрать пункт «Формы».  В открывшемся окне необходимо поставить флажок возле пункта «Контактная форма». Над ней сверху в выпадающем списке «Действия» необходимо выбрать пункт «Удалить». В результате должен появится запрос на подтверждение выполняемой операции. Подтвердите удаление формы и кликните мышью по кнопке «Да». На следующем этапе необходимо выбрать пункт меню «Создать новую» в административной панели WordPress нажать ContactForm 7. В результате откроется окно, в котором в выпадающем списке нужно выбрать язык интерфейса будущей платформы – «русский». Затем необходимо нажать на кнопку «Создать». В результате будет сгенерирован изначальный код новой формы обратной связи. Затем следует выполнить такую операцию, как настройка Contact Form 7.

Задаем название формы

После осуществления всех ранее описанных действий появится окно ввода названия формы. Настройка данного элемента интерфейса начинается именно с этой простой операции. Лучше всего задавать название формы исходя из поисковой оптимизации. В данном случае наиболее оптимальными вариантами будет «Задаем вопрос администратору сайта» или «Форма обратной связи». После того, как вы определитесь с названием данного элемента интерфейса, необходимо будет набрать его в соответствующем поле окна запроса.

Contact Form 7: редактирование шаблона

В окне с названием созданной формы присутствует еще четыре вкладки. Первой из них является вкладка «Шаблон». Здесь по умолчанию сформировано только пять элементов.

— место набора имени посетителя ресурса;

— поле набора адреса электронного ящика пользователя;

— поле для задания темы вопроса;

— поле для написания непосредственно самого сообщения;

— кнопка с надписью «Отправить».

При необходимости текст в поле можно редактировать, добавлять в него другие элементы интерфейса. Для этого будет достаточно просто выделить код текстового элемента и скопировать его с использованием контекстного меню в другое поле. С правой стороны имеется выпадающий список параметров. Здесь необходимо выбрать интересующий вас элемент. Рядом с выпадающим списком после этого должен появиться необходимый код. Вам необходимо копировать его и вставить вместо кода темы. Название элемента вы можете выбрать на свое усмотрение.

Настройка Contact Form 7

В том же месте можно поменять длину поля ввода ContactForm 7. Настройку ширины любого текстового поля можно осуществить следующим образом. Предположим, вам необходимо увеличить количество символов в имени посетителя до 55. Их по умолчанию всего 40. Для этого необходимо в конце в коде [text*your-name] добавить цифры 60/55. В результате должен получится код [text*your-name 60/55]. После того как все внесенные изменения будут сохранены, длины данного поля будет составлять 60, а максимальное количество символов будет равняться 55. Также аналогичным образом можно менять и размеры текстового поля сообщения. В данном случае необходимо изменить код данного элемента следующим образом – [textareayour-message 40×30]. 40 в данном случае представляет собой количество букв в строке, 30 – общее количество строк в данном элементе интерфейса ContactForm 7. Чтобы настроить внешний вид самой формы, необходимо подбирать значения параметров каждого отдельного элемента. По этой причине в коже каждого элемента рекомендуется указывать конкретные значения каждого параметра, приведенного в данном разделе

Другие вкладки формы

Как уже было отмечено ранее, первая вкладка называется «Шаблон формы». За ней следует вкладка «Письмо». В ней задаются параметры того места, в которое с этого интернет-ресурса будет отправляться почта. Текст сообщения, выдаваемого системой в случае успешной отправки письма, формируется на вкладке «Уведомление». Здесь также имеется возможность заготовки сообщения на тот случай, если не получится связаться с администратором сайта. Последней вкладкой в ContactForm 7 является «Дополнительные настройки». В данной вкладке находятся параметры, которые довольно редко используются на практике. Так, например, с ее помощью можно настроить отслеживание текста, введенного пользователем, средствами «Яндекс» — метрики.

Поля, которые можно добавить с помощью плагина Contact Form 7

Настройка ContactForm 7 дает возможность добавить в форму обратной связи следующие элементы интерфейса:

— текстовое поле – это универсальный элемент. В него можно внести любой набор символов.

— E-Mail – используется для ввода электронной почты;

— URL – поле для набора адреса интернет-страницы;

— номер телефона – дает возможность в международном формате ввести номер телефона;

— «Число (spinbox)» — дает возможность создать поле ввода любого целочисленного значения;

— «Число (slider)» — добавляет в форму ползунок, при помощи которого можно выбрать числовое значение из некоторого диапазона;

— «Дата» — создает специальное поле ввода, в котором можно будет указать необходимую дату. В случае активации данного элемента интерфейса внизу отобразится календарь, где можно будет сразу выбрать дату;

— «Текстовое поле» — предназначено для набора текстовой части послания;

— «Выпадающее меню» — дает возможность из фиксированного набора выбрать нужный параметр;

— «Сheck Boxes» — предназначена для выбора одного или нескольких значений из представленного списка;

-Radio Buttons – практически идентичен предыдущему элементу, разница состоит только в том, что в данном случае можно выбрать только один правильный вариант. В элементе «Check Boxes» может быть несколько правильных значений;

— «Aceptance» — дает возможность добавить на создаваемую форму только один флажок. Данный элемент обычно используется для ознакомления с какими-то либо условиями. Без их принятия дальнейшая отправка письма будет невозможна;

— «Меню» — дает возможность создать в интерфейсе специальный раздел, который обеспечивает защиту почтового ящика от спама. Перед отправкой в этом случае нужно будет просто дать правильный ответ на вопрос;

— «CAPTCHA» — еще один вариант защиты. При выборе данного элемента к форме добавится специальный раздел, в котором будет отображена картинка с символами и дополнительное поле;

— «Отправка файла» — данный пункт позволяет добавить к тексту письма файл с комментариями;

— «Кнопка отправки» — позволяет добавить соответствующий элемент.

Как сохранить внесенные изменения?

После того, как вы зададите все необходимые значения, нужно сохранить форму. Для этого необходимо в окне редактирования плагина подняться в его верхнюю часть. Здесь располагается кнопка «Сохранить».