Office

Настройка формы обратной связи contact form 7. Что есть тут что

Хотите отображать поля формы обратной связи сделанной при помощи плагина Contact Form 7 в несколько колонок? Это простое руководство позволит вам сделать это за пару минут.

Вставьте этот CSS код любым удобным способом. Как вариант, это может быть: файл style.css вашей темы, дополнительные стили в настройщике активной темы или дополнительный плагин для вставки CSS.

One-half, .one-third, .two-third, .one-fourth { position: relative; margin-right: 4%; float: left; margin-bottom: 10px; } .two-third { margin-right: 2.5%; } .one-half { width: 48%; } .one-third { width: 30.66%; } .two-third { width: 66%; } .one-fourth {width: 22%;} .last { margin-right: 0 !important; clear: right; } @media only screen and (max-width: 1024px) { .one-fourth { width: 100%; margin-right: 0; } } @media only screen and (max-width: 767px) { .one-half, .one-third, .two-third { width: 100%; margin-right: 0; } } .wpcf-wrap { min-height: 90px; } div.wpcf7-response-output { width: 100%; clear: both; margin: 0; } .wpcf-accept { clear: both; } .wpcf7-acceptance > .wpcf7-list-item { margin: 0; } .wpcf-accept > .wpcf7-form-control-wrap { display: inline-block !important; }

Поля Contact Form 7 в 2 колонки

Чтобы сделать поля формы в 2 колонки, необходимо использовать подобную конструкцию, которую нужно вставить в основное поле создания формы Contact Form 7:

Ваше имя (обязательно)

Ваш e-mail (обязательно)

Сообщение

Поля имя и email выстроятся в две колонки, а текстовая область для сообщения будет под ними.

Поля Contact Form 7 в 3 колонки с подтверждением

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

соглашаюсь

Поля Contact Form 7 в 3 колонки без подтверждения

Если же вы считаете, что подтверждение о согласии на обработку персональных данных для слабаков, то вот вариант без него:

Поля Contact Form 7 в 4 колонки

Ну и на дорожку, поля и кнопка Contact Form7 в 4 колонки. С подтверждением:

Заполняя форму соглашаюсь на обработку персональных данных

И без подтверждения:

Как убрать автоматическую вставку тега P в Contact form 7

По умолчанию Contact Form 7 вставляет тег

Когда создаёт свою разметку. Это частенько приводит к неприятным сюрпризам и если вы столкнулись с таковым, то нужно сделать следующее.

Найдите в корневой папке вашего сайта файл wp-config.php;
Прокрутите файл до конца и отыщите комментарий /* Это всё, дальше не редактируем. Успехов! */ или /* That"s all, stop editing! Happy blogging. */ ;
Вставьте этот код define("WPCF7_AUTOP", false); НАД надписью из пункта 2;
Сохраните файл.

Вот таким образом мы очень просто можем отображать форму Contact Form 7 в 2, 3 и даже 4 колонки. Разумеется, невозможно разобрать 1000 и 1 ситуацию всего в одной статье. Пишите в комментариях свои ситуации! Будем разбирать и дополнять статью вместе. Только указывайте какой вариант кода используете.

(Последнее обновление: 19.05.2019)

Приветствую вас, уважаемый читатель! Сегодня я покажу вам, как создать форму обратной связи с автором сайта/блога в вордпресс, при помощи популярного плагина Contact Form 7 (более 5 млн. установок). В пост включено: правильная настройка Contact Form 7 , защита от спама, как изменить и настроить внешний вид формы. А также указал на основные причины - почему не работает и не отправляет письма контактная форма .

Контактная форма является важным средством для поддержки связи со своими читателями и наоборот. Чиркнуть личное письмецо, сделать предложение автору (от которого он не сможет отказаться), задать вопрос, отправить какой нибудь и многое другое. Все это возьмет на себя и не разгласит посторонним ценную информацию, наша контактная форма WordPress Contact Form 7. Вот, как то, так. Написал так написал, самому аж понравилось.

О, письмо пришло! Контактная форма 7 молодец

Не буду вас утомлять, уважаемый читатель, всякой писаниной - перейдем к делу. Установка и правильная настройка модуля для Вордпресс - контактная форма 7.

Плагин WordPress Contact Form 7

Плагин для WP Contact Form 7

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

Все манипуляции производим в админке вордпресс. Для того, чтобы установить плагинчик, в разделе "Плагины" нажимаем "Добавить новый". Вводим в окошко "Поиска" Contact Form 7. Естественно он отобразится первым. Кликаем кнопку "Установить:

Как установить плагин

Контактная форма № 1 по умолчанию

Из картинки видно, что по умолчанию представлена стандартный вариант формы для связи и готовый шорткод для вставки на новую страницу, запись или на боковую панель (через текстовый виджет). Contact form 7 внешний вид по умолчанию, установленная на отдельной странице сайта:

Внешний вид: Стандартная контактная форма на сайте WordPress

Если вы хотите просто посмотреть, проверить или изменить, то есть, добавить к ней дополнительные поля, тогда нажмите пункт "Изменить". Скрин выше.

Откроется страница "Редактировать контактную форму". Плагин на русском языке и поэтому вам разобраться что к чему, будет очень легко. Вкладка "Шаблон формы". Вы можете изменить шаблон формы под свои нужды.

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

Редактировать контактную форму. Вкладка файл

Откроется окно - Генератор тега формы: файл:

Чтобы прикрепить файл загруженный к почте, вам нужно вставить тег ()

Контактная форма 7 применяет ограничения по умолчанию для типа файла и размера файла. Когда вы не устанавливаете свои параметры, то по умолчанию расширения файлов являются: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav, and wmv. А допустимый размер файла составляет 1 МБ (1048576 байт). Жмём кнопочку "Вставить тег":

Тег файл вставлен в шаблон формы

Где отметили курсором мышки там и появится дополнительный тег. Если вставился не в том месте, то просто копируете его и помещаете в нужное. Таким же способом добавьте нужные теги в вашу форму. Обязательно после добавления дополнительных тегов нажимайте синею кнопку "Сохранить". А вот так, будет выглядеть кнопка для прикрепления файла к письму, после поля сообщения:

Кнопка Выберите файл в контактной форме

Если всё правильно делаете, то проблем с дополнительными полями, у вас не будет.

Ещё проверьте вкладки Письмо, Уведомления при отправке формы и Дополнительные настройки. По моему там и менять ничего не надо. Если только в Дополнительных настройках можно указать параметр - только для подписчиков - subscribers_only: true . Для подробной информации будет ссылка на страницу настроек дополнительных параметров.

А теперь, друзья, нам нужно подготовленную контактную форму разместить на отдельную, новую страницу или боковую панель веб-ресурса. Делается это легко.

Размещаем контактную форму на отдельной странице сайта/блога

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

Новая станица с контактной формой

Если у вас новая страница автоматически добавляется в меню, то выставляем "Порядок" 1, 2 или 3 (какая по счету в меню, будет отображаться страница Контакт). Нажимаем кнопку "Опубликовать". Всё. Готово. Так же вы можете добавить страницу в меню вручную. Теперь у вас установлена форма для связи с автором блога/сайта.

Таким же методом контактную форму добавляют на боковую панель, футер или в текст статьи. Скопируйте шорткод и вставьте его в свои записи или содержимое текстового виджета. Знайте, что в любой момент форму можно отредактировать или создать новую, с разными тегами/полями.

Получаете спам через Contact Form 7?

Есть защита. Спамеры затрагивают всё, ваши контактные формы не являются исключением. Прежде чем вас заспамят, защитите ваши контактные формы с помощью мощных анти-спам функций Contact Form 7.

Contact Form 7 поддерживает фильтрацию спама с Akismet. Интеллектуальная reCAPTCHA блокирует раздражающих спам ботов. Используя черный список комментариев вы можете также блокировать сообщения, содержащие определенные ключевые слова или отправляемые с определённых IP адресов.

Нажмите пункт "Интеграция". Сервис Google reCAPTCHA защищает вас от спама и других видов автоматического злоупотребления. С модулем интеграции reCAPTCHA Контактной формы 7 вы можете заблокировать форму отправку спам-ботами.

Интеграция Google reCAPTCHA v3: защита от спама

Интеграция плагина с другими сервисами recaptcha

Топчите Setup Integration, а после перейдите по ссылке, чтобы получить ключи ReCaptcha API:

reCAPTCHA - это сервис Google

Чтобы начать использовать reCAPTCHA, сначала необходимо зарегистрировать ваш сайт WordPress. reCAPTCHA - это сервис Google, поэтому для его использования вам необходим аккаунт Google. Войдите в Google, используя учетную запись, и перейдите по ссылке https://www.google.com/recaptcha/admin . Вы увидите простую регистрационную форму, такую как:

Зарегистрировать сайт WordPress. Goodle reCAPTCHA

Укажите название. Выберите reCAPTCHA v3 (для работы reCAPTCHA v3 не нужен виджет CAPTCHA (флажок «Я не робот», используемый в reCAPTCHA v2)) и введите домен сайта в поле Домены. После регистрации сайта вы получите ключ сайта и секретный ключ. Введите их (скриншот выше) и сохраните настройки. Вот и все. Теперь ваша контактная форма используют счет reCAPTCHA, чтобы проверить, была ли отправлена сообщение от человека или от спам-бота.

Если вы решите установить Contact Form 7, то я советую дополнительно к нему установить аддон Contact Form 7 Style. Он позволит вам редактировать внешний вид вашей формы. Вы сможете не только выбрать один из готовых шаблонов, но и создать свой собственный уникальный дизайн. Хотите изменить внешний вид? Тогда продолжение специально для вас, ценителей красоты.

Внешний вид контактной формы - Contact Form 7 Style

Стили для форм обратной связи 7

Плагин Contact Form 7 Style - это аддон для Contact Form 7, который необходимо установить на вашем сайте WordPress. Поддерживает пользовательские стили, которыми можно легко управлять через панель администратора. Также есть предопределенные шаблоны которые можно активировать в настройках контактной форме 7. В настройках основного плагина появится новая вкладка - Contact Form 7 Style Template. Настройка внешнего вида:

Готовые шаблоны для формы

Пример, я изменил стандартный внешний на такой симпатичный:

Внешний вид формы для связи

Не забывайте, что можно задать свои, пользовательские параметры стиля:

Плагин поддерживает пользовательские стили, которыми можно управлять через админпанель

И в заключение:

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

Почему не работает (не отправляет письма) Contact Form 7?

Проблемы вашего хостинга. Важно отметить, что отправка и получение электронных писем в значительной степени зависит от сервера, на котором размещен ваш сайт WordPress;
Убедитесь, что используется правильный обратный электронный адрес;
Ваше письмо может рассматриваться как спам;
Плагины или тема конфликтует с Contact Form 7;
Конфликты Javascript.

Если вы не можете отправлять электронные письма из этого плагина, вполне вероятно, что вы не можете отправлять электронные письма из WordPress в целом. В случае чего, господа, получить на часто задаваемые вопросы по работе плагина вы можете на странице https://contactform7.com/faq/.

Или на форуме поддержки https://wordpress.org/support/plugin/contact-form-7/ . Английский язык не беда, с переводом любимого браузера будет всё понятно.

На этом у меня всё. Вроде, ни чего не забыл. Всего доброго. Удачи, друзья.

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

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

И сегодня рассмотрим плагин Contact Form 7 Style , который предназначен для того, чтобы визуально создавать стили для Contact Form 7. Изначально, кроме своего оформления, у плагина есть готовые стили формы в виде шаблонов. Где вы просто выбираете вариант шаблона и ставите галочку какой форме, созданной вами ранее, применить это оформление. Давайте разберем это на деле.

Настройка плагина Contact Form 7 Style

Пропускаем часть объяснения и создание форм, так как тема обзора направлена именно на стилизацию формы. Для этого, как говорилось выше, мы воспользуемся специальным плагином. После его установки в боковой панели добавится раздел «Contact Styles » с пяти подразделами.

В первом разделе «All Styles » находится уже готовые шаблоны стилей формы, и тут же будут сохраняться стили созданными вами. При наведении курсора мыши на один из шаблонов, появляются дополнительные кнопки управления: Изменить, Свойства, Удалить. При нажатии на кнопку «Свойства» отобразится все доступные формы связи имеющиеся на вашем сайте. Где нужно только поставить галочку напротив нужной формы и сохранить изменения.

В разделе «Add New » можно самостоятельно сделать шаблон для формы со своими стилями, как это показано выше на видео. Переключаясь между элементами формы и визуально оформлять все поля как в нормальном состоянии, так и в hover эффекте.

В данном материале мы детально рассмотрим настройку 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. Для этого необходимо в конце в коде добавить цифры 60/55. В результате должен получится код . После того как все внесенные изменения будут сохранены, длины данного поля будет составлять 60, а максимальное количество символов будет равняться 55. Также аналогичным образом можно менять и размеры текстового поля сообщения. В данном случае необходимо изменить код данного элемента следующим образом – . 40 в данном случае представляет собой количество букв в строке, 30 – общее количество строк в данном элементе интерфейса ContactForm 7. Чтобы настроить внешний вид самой формы, необходимо подбирать значения параметров каждого отдельного элемента. По этой причине в коже каждого элемента рекомендуется указывать конкретные значения каждого параметра, приведенного в данном разделе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

По причине того, что плагин Contact Form 7 очень широко используется пользователями WordPress, возникла необходимость написать подробное руководство по нему. В данной статье рассматриваются настройки Contact Form 7, методы внедрения и ответы на часто задаваемые вопросы по использованию плагина.

Для того чтобы добавить форму Contact Form 7в нужное место, нужно скопировать код вставки на участок страницы или поста. Делается это очень просто:

Каждая контактная форма имеет свой собственный короткий тег, такой как [ contact-form-7 id="71" title="Контактная форма 1"] . Чтобы вставить контактную форму в свой пост, скопируйте шорткод и вставьте его в содержание поста.

Если ваша форма не отображается и выдает ошибку contact-form-7 404 «Not Found»

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

Как добавить или отредактировать поле для изменения внешнего вида формы Contact Form 7?

Чтобы добавить поле, добавить тег к форме текстового поля, полностью изменить или отредактировать форму нужно зайти в настройки и задать нужные вам параметры.

Каждый тег имеет строгий синтаксис, поддерживая несколько вариантов. Изучение синтаксиса может быть трудно, но вы можете легко сделать пользовательский тег с помощью генератора тегов вместо этого. Нажмите кнопку тега и после форматирования нажимайте «Создать Тэг». Так же вы можете ознакомиться с тем в отдельной статье.

Внутренние настройки формы Contact Form 7.

В каждой форме доступны такие настройки:

Настройка шаблона формы;
Письмо;
Уведомления при отправки формы.

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

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

Как указать или изменить тему сообщения?

Просто измените поле «Тема» поле в разделе «Письмо». Для этого зайдите в нужное меню настроек и измените стандартный тег на свое название.

Как установить автоответчик к форме Contact Form 7?

Для того что бы установить автоответчик, который будет срабатывать после того как было успешно отправлено первое письмо нужно перейти в раздел «Письмо, опустится вниз настройки и поставить галочку возле «Письмо 2». После появления формы, настроить по нужным вам критериям, по аналогии с «Письмо 1».

Почта, которая приходит через контактную форму плагина Contact Form 7 показывает «WordPress», как имя отправителя. Как изменить это?

Адрес отправителя состоит из адреса электронной почты отправителя и дополнительного имени отправителя. WordPress присваивает «WordPress» в качестве имени отправителя, если параметр не отформатирован. Если вы хотите использовать другое имя, чтобы «WordPress» больше не появляется в качестве имени отправителя, вы должны явно указать имя отправителя в поле «От:» поле в разделе «письмо»:

Можно ли размещать контактную форму вне поста?

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

Как вставлять контактную форму в файле шаблона?

Вы можете вставлять шорткод непосредственно в тему шаблона, для этого будет нужно воспользоваться функцией do_shortcode(). Это можно сделать с помощью такой строки:

Сообщение об ошибке «Не удалось отправить сообщение». Contact Form не отправляет письма. Что не так?

Причин для такого сообщения обычно может быть несколько:

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

Сообщение ответа «Ваше сообщение было успешно отправлено», но письмо не доходит.

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

Если вы можете проверить журнал вашего почтового сервера, это может дать вам некоторые подсказки.Спам-фильтр часто вызывает проблемы такого рода.

Контактная форма перенаправляет на страницу ошибки 404 после отправки.

Эта проблема вызвана сочетанием двух ошибок конфигурации. Во-первых, AJAX JavaScript не работает на вашей контактной форме. Из-за этой проблемы, ваша контактная форма вынуждена перенаправлять после отправки. Во-вторых, ваша контактная форма использует недоступные слова в названиях полей ввода. Этот вопрос смущает WordPress, в результате чего появляются 404 («Not Found») ошибки.

Контактная форма ведет себя странно в некоторых браузерах.

Это может быть вызвано из-за неверного HTML, CSS, Javascript. Пожалуйста, проверьте Вашу страницу формы с валидаторов или инструментов отладки.

Полезные инструменты:

Firebug — расширение Firefox. Хорошо для отладки JavaScript.
W3C Markup Validation Service — служба проверки HTML.
W3C CSS Validation Service — служба проверки CSS.

Как использовать контактную форму на нужном языке, а не на английском.

Contact Form 7 была переведена на многие языки. Смотрите, если имеется файл конфигурации языка для вашего сайта тогда и плагин Contact Form 7 будет использовать этот язык.

Contact Form 7 устанавливает параметр языка WordPress. После того, как вы измените языковые настройки WordPress, Contact Form 7 также изменяется.

CAPTCHA не работает, изображение не появляется.

Чтобы использовать CAPTCHA, нужно что бы GD и FreeType библиотеки были установлены на вашем сервере. Кроме того, убедитесь, что временная папка для CAPTCHA установлена с правами для записи.