858 Третьим по популярности среди плагинов для создания контактных форм является Contact Form 7. Популярность его обусловлена тем, что плагин прост в использовании. В то же время обладает очень широкими возможностями создания контактных форм.
После установки и активации будет создано собственное меню плагина и форма по умолчанию:
Внешний вид формы с кодом вставки:
Вид формы может незначительно меняться, в зависимости от выбранных стилей шаблона.
Создать такую контактную форму можно в несколько кликов. Именно за такую легкость в использовании пользователи и ценят плагин.
Однако возможности плагина несоизмеримо большие, чем создание стандартных форм. С его помощью можно сделать такую форму, которую вы захотите.
Начнем с простых вариантов создания пользовательских форм. Сначала необходимо нажать кнопку «Добавить новую»:
После этого Вы увидите стартовую страницу создания формы:
Региональные языковые настройки определяются автоматически, так что необходимость в возне с частью настроек отпадает. Поэтому просто нажимаем кнопку добавления новой формы и задаем заголовок:
Это название нигде на сайте не отображается и предназначено для того, чтобы Вы смогли ориентироваться в уже созданных формах. После того, как Вы зададите и сохраните заголовок формы появится код вставки:
Полученный код можно вставлять в выбранную Вами страницу сайта. Перед вставкой не забудьте перейти в текстовый режим просмотра страницы. На странице, в которую был вставлен код формы, появится стандартная контактная форма. Но она устраивает не всех. Для изменения вида формы в конструкторе форм необходимо нажать кнопку «Сгенерировать тег»:
Если выбрать один из пунктов (к примеру, телефонный номер), то Вы увидите следующее:
В большинстве ситуаций настройки можно оставить в первоначальном виде. Кроме, разве что, пункта «Использовать как placeholder». Этот пункт можно менять, если Вы хотите, чтобы пользователь видел образец заполнения формы.
Пример заполнения:
И при отображении формы вид поля будет следующим:
Когда это поле получит фокус текст, находящийся в нем, исчезнет. Внешний вид сгенерированного тега:
В левой части конструктора должен находиться код формы:
К сожалению, этот код придется писать вручную. В итоге должно выйти что-то вроде:
После сохранения Ваша контактная форма будет выглядеть так:
Аналогично добавляются любые теги плагина. Комбинируя их, вы можете создавать практически любые формы.
Перейдем к разбору процесса получения этих тегов на свою электронную почту. Неправильное заполнение шаблона письма приведет к тому, что Вы не сможете узнать что же было написано в форме. Возьмем, к примеру, номер телефона:
В самой контактной форме необходимо указывать код в формате [тег имя тега], а в шаблоне письма – просто [имя тега]. Вы можете самостоятельно задавать имена тегов. По аналогичному принципу и с другими тегами.
В разделе «Сообщения» находится конструктор, в котором также можно изменять тексты, которые выдает форма:
Возможные проблемы при работе с плагином Contact Form 7
Ошибка 404
Ошибка возникает если форма, которую необходимо вывести, была удалена, либо пункт title был задан неверно.
В тексте письма отображается тег вместо его значения.
Если в письме, приходящем Вам на почту вместо значения тега отображается сам тег, значит пользователь не заполнил данное поле.
Не удается задать имя тега
Имена переменных Вордпресса и некоторые другие зарезервированы и не могут быть использованы в качестве имен тегов. В таком случае лучше всего использовать какой-либо префикс перед именем поля. Например, не image, а your_image.
Пользователь не получает уведомление о успешном заполнении формы.
Чтобы пользователь получал письмо с уведомлением, что данные, которые он внес в форму, успешно обработаны, воспользуйтесь настройкой «Адресат 2» в конструкторе форм:
Данный функционал также подойдет для автоматизации ответов пользователям.
Письмо отправляется только одному человеку
Для того, чтобы письмо из шаблона отправлялось на несколько адресов, воспользуйтесь настройкой «Адресат» и заполните поле «Дополнительные заголовки»:
Параметр «сс» указывает на то, что копия должна быть скрытой.
Форма выводится только в записях или на странице
Чтоб вставить форму в виджет, просто скопируйте в него текст кода формы.
При попытке отправить форму возникает ошибка.
Возможно, в настройках PHP запрещен вызов функции mail (). Тут поможет только общение со службой поддержки Вашего хостера.
При попытке отправить форму возникает ошибка в рамке оранжевого цвета.
Такая ошибка возникает при попытке многократных отправлений одинаковых запросов. В этом могут быть виноваты плагины кэширования. Настройте автоматическое удаление файлов из кэша через определенный промежуток. К примеру, каждые сутки.
Внешний вид поля ввода адреса электронной почты отличается от остальных полей.
Для вывода этого поля используется HTML5. Он не поддерживается многими старыми шаблонами, поэтому Вам придется вручную править файл стилей.
К письму не прикрепляется загруженный пользователем файл.
Для отправки вместе с письмом загруженного пользователем файла воспользуйтесь настройкой «Прикрепленные файлы»:
Популярность этого плагина объясняется не только его большим функционалом, но также и его бесплатностью – весь функционал доступен сразу. К тому же его достаточно просто настроить. Однако, следует напомнить, что с помощью плагина получится создать только контактные формы. Он не предназначен для создания всех остальных видов форм. Для этого существуют отдельные плагины. И стоит воспользоваться ими.
