Настройка contact form 7 для wordpress


Сегодняшний урок поможет вашему wordpress сайту обзавестись симпатичной и функциональной формой обратной связи. Сделаем мы ее с помощью плагина Contact Form 7. В свое время я потратил немало времени на поиски нормальной контактной формы и достойной альтернативы данному плагину так и не нашел.

 

Содержание:

  1. Возможности Contact form 7
  2. Установка и настройка плагина
  3. Два варианта защиты от спама – фильтр akismet и captcha
  4. Размещение контактной формы во всплывающем окне
  5. Несколько всплывающих окон с разными формами на одной странице

Возможности плагина

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

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


Одним словом, плагин мегафункциональный.

Если вас до сих пор волнует вопрос «делать или не делать форму связи?» (можно обойтись простым размещением контактных данных на нужных страницах), то я скажу однозначно – делать стоит.

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

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

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

В-четвертых, это просто стильно и современно.

Установка и настройка плагина Contact form 7

Плагин есть в общей базе wordpress, поэтому нет необходимости искать где-то его файлы, скачивать их себе и потом закидывать на хостинг. Все делается проще – через админку wordpress входите в раздел плагины, набираете в поле для поиска «Contact form 7» и устанавливаете его. Если вы никогда плагины не ставили, то подробная инструкция как установить плагин есть тут.

 


Настройка contact form 7 для wordpress

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

Настройка плагина состоит из двух этапов.

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

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

Итак, поехали.

Для начала в левом меню панели администратора находим вкладку Contact form 7. Под ней всплывет меню с двумя пунктами – «Формы» и «Добавить новую».

Настройка contact form 7 для wordpress

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

Настройка contact form 7 для wordpress

Настройка формы разделена на отдельные блоки. Рассматривать их я буду по порядку.

Блок «Название формы»

Первый блок отвечает за название вашей формы – поставьте курсор на надпись «Без названия» и введите нужное вам имя. Это название будет отображаться только вам в списке контактных форм плагина, так что делайте его понятным для вас, чтобы в будущем не запутаться во всем многообразии.


Настройка contact form 7 для wordpress

Блок «Шаблон формы»

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

Настройка contact form 7 для wordpress

Звездочками помечены поля обязательные для заполнения. Если такое поле оставить пустым, то сообщение не будет отправляться.

Расположение полей можно настраивать с помощью обычной html разметки.

Что касается настройки самих полей, то вы можете удалить ненужные и добавить те, которые вам потребуются. Если вы не хотите, чтобы тему письма вносили вручную – просто удалите соответствующий блок.

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

Настройка contact form 7 для wordpress

Допустим, вы хотите, чтобы автор сообщения указал свой телефон.

Выберите нужный элемент и настройте его параметры. Плагин на русском, поэтому все настройки интуитивно понятны.

Первый чекбокс указывает на обязательность или необязательность поля (он добавляет звездочку).

После настройки поля у вас появятся 2 шорткода:


  • «Скопируйте этот код и вставьте его в шаблон формы слева» — этот код вставляется в код формы аналогично со всеми остальными;
  • «И вставьте следующий код в шаблон письма ниже» – этот код понадобится нам для оформления письма в следующем блоке.

Настройка contact form 7 для wordpress

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

Блок «Письмо»

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

Наша задача включить в письмо всю информацию.

Настройка contact form 7 для wordpress

Первым пунктом мы указываем электронный адрес, на который будет отправляться сообщение (он может быть любым).

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


Дальше мы указываем тему письма. Стандартно, тема берется из поля [text your-subject], которое заполняется в форме. Но можно из формы этот элемент удалить, а в поле вписать конкретную тему, задаваемую в каждом письме автоматически. Я так сделал для форм обратной связи со страниц об услугах и рекламе. Сообщения оттуда всегда приходят с одной и той же темой «Заказ услуг» или «Заказ рекламы» — просто и понятно.

Поле дополнительных заголовков содержит тег «Reply-To: [your-email]» для того, чтобы при ответе на письмо, полученное с вашего блога вы отсылали сообщение на на блог, а на тот адрес, который указывал отправитель письма в поле формы [your-email]. Менять это поле не стоит.

Поле «Шаблон письма» отвечает за внутреннее содержание полученного вами сообщения. По умолчанию оно содержит информацию об отправителе, теме и текст сообщения, введенный в поле [your-message].

В конце указывается сайт, с которого отправлено письмо.

Если вы вносили в форму какие-то дополнительные поля, не установленные по умолчанию, то в шаблоне письма не забудьте добавить соответствующий тег. Он был вам дан в блоке «Шаблон формы», там, где вы генерировали соответствующий тег (поле «И вставьте следующий код в шаблон письма ниже»).

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


Блок «Письмо 2»

Если вы хотите, чтобы отправленное вам сообщение получал кто-то еще, то можно поставить галочку в этом блоке.

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

Вы можете настроить отправку копии, например, своему менеджеру или бухгалтеру.

Блок «Уведомления при отправке формы»

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

Активация формы

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

Плагин поместит созданную вами форму в список действующих и присвоит ей специальный код примерно такого вида:

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

Борьба со спамом — Akismet и Captcha

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

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

Избавиться от спамеров можно двумя способами:

  1. Поставить обязательную капчу (это можно сделать дополнительным плагином — Really Simple CAPTCHA).
  2. Воспользоваться антиспамерским плагином для wordpress – Akismet.

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

Использование плагина Akismet удобнее тем, что он самостоятельно анализирует вводимые данные (имена, email адреса, ссылки) и на основании наработанной базы делает выводы о спамности или неспамности сообщения.

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

Защита от спама с помощью Akismet

1. Устанавливаем плагин Akismet на ваш сайт и активируем его.

2. Добавляем в теги контактной формы дополнительные данные:

  • в поле с именем автора дописываем akismet:author
  • в поле с email отправителя письма akismet:author_email
  • в поле для адреса сайта akismet:author_url

Должно получиться вот так:

Настройка contact form 7 для wordpress

После сохранения, контактная форма должна блокировать все сообщения, отправляемые спамерами. Проверить работу фильтра можно с помощью специального тестового имени “viagra-test-123? — при его вводе должно появляться сообщение об ошибке.


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

Защита от спама с помощью Really Simple CAPTCHA

Если вы обнаружите, что Akismet вас не устраивает (пропускает много спама или блокирует нужные сообщения), то вы можете подключить капчу. Для этого установите плагин Really Simple CAPTCHA.

Открываем для редактирования нужную контактную форму

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

Настройка contact form 7 для wordpress

Чтобы капча начала работать, необходимо скопировать и вставить оба этих тега в левое окно шаблона формы, после чего сохранить изменения.

Размещение формы обратной связи во всплывающем окне

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

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

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

Делается это с помощью еще одного плагина — Easy FancyBox.

1. Установка плагина


Настройка contact form 7 для wordpress

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

Настройка contact form 7 для wordpress

В этой вкладке нужно найти перечень типов контента, который должен отображаться во всплывающем окне. По умолчанию стоит только Images, нужно добавить Inline content.

На этом настройка плагина закончена, переходим к настройке кнопки обратной связи.

2. Вставляем код на сайт

В принципе, можно использовать обычную текстовую ссылку, но кнопка-картинка будет выглядеть лучше.

На вашем сайте, там где вы хотите вывести кнопку для формы связи (в шапке, подвале или сайдбаре) вставьте следующий код:

В коде вам необходимо указать адрес картинки, которую вы используете в качестве кнопки обратной связи, и отредактировать шорткод самой формы – прописать ваш id и title.

3. Снимаем ограничение на шорткоды в сайдбаре

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

Чтобы эту функцию разрешить, требуется открыть для редактирования файл function.php (прямо из админки wordpress) и вставить перед закрывающей скобкой «?>» следующий код:

Он даст возможность выполнять все шорткоды в сайдбаре.

У меня получилась вот такая симпатичная всплывающая форма:


Настройка contact form 7 для wordpress

Несколько разных всплывающих форм на одной странице

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

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

Для этого необходимо корректировать код кнопки из предыдущего пункта. Первая кнопка использует представленный выше вариант. Во второй меняются два значения:

  1. Меняется ссылка, параметру href присваиваете значение #contact_form_pop_2
  2. Изменяете идентификатор id на то же значение #contact_form_pop_2

Для второй формы получится такой код:

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

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

ithelpblog.pro

Журнал изменений

Для получения дополнительной информации смотрите Релизы.

5.1.1

  • reCAPTCHA: Modifies the reaction to empty response tokens.

5.1

  • Introduces the Constant Contact integration module.
  • Updates the reCAPTCHA module to support reCAPTCHA v3.
  • Adds Dark Mode style rules.

5.0.5

  • Fixes the inconsistency problem between get_data_option() and get_default_option() in the WPCF7_FormTag class.
  • Suppresses PHP errors occur on unlink() calls.
  • Introduces wpcf7_is_file_path_in_content_dir() to support the use of the UPLOADS constant.

5.0.4

  • Specifies the capability_type argument explicitly in the register_post_type() call to fix the privilege escalation vulnerability issue.
  • Local File Attachment – disallows the specifying of absolute file paths referring to files outside the wp-content directory.
  • Config Validator – adds a test item to detect invalid file attachment settings.
  • Fixes a bug in the JavaScript fallback function for legacy browsers that do not support the HTML5 placeholder attribute.
  • Acceptance Checkbox – unsets the form-tag’s do-not-store feature.

5.0.3

  • CSS: Applies the «not-allowed» cursor style to submit buttons in the «disabled» state.
  • Acceptance Checkbox: Revises the tag-generator UI to encourage the use of better options in terms of personal data protection.
  • Introduces wpcf7_anonymize_ip_addr() function.
  • Introduces the consent_for:storage option for all types of form-tags.

5.0.2

  • Added the Privacy Notices section to the readme.txt file.
  • Updated the Information meta-box content.
  • Use get_user_locale() instead of get_locale() where it is more appropriate.
  • Acceptance Checkbox: Reset submit buttons’ disabled status after a successful submission.

5.0.1

  • Fixed incorrect uses of _n().
  • Config validation: Fixed incorrect count of alerts in the Additional Settings tab panel.
  • Config validation: Fixed improper treatment for the [_site_admin_email] special mail-tag in the From mail header field.
  • Acceptance checkbox: The class and id attributes specified were applied to the wrong HTML element.
  • Config validation: When there is an additional mail header for mailboxes like Cc or Reply-To, but it has a possible empty value, “Invalid mailbox syntax is used” error will be returned.
  • Explicitly specify the fourth parameter of add_action() to avoid passing unintended parameter values.
  • Check if the target directory is empty before removing the directory.

5.0

  • Additional settings: on_sent_ok and on_submit have been removed.
  • New additional setting: skip_mail
  • Flamingo: Inbound channel title changes in conjunction with a change in the title of the corresponding contact form.
  • DOM events: Make an entire API response object accessible through the event.detail.apiResponse property.
  • HTML mail: Adds language-related attributes to the HTML header.
  • File upload: Sets the accept attribute to an uploading field.
  • Introduces the WPCF7_MailTag class.
  • Allows aborting a mail-sending attempt using the wpcf7_before_send_mail action hook. Also, you can set a custom status and a message through the action hook.
  • Acceptance checkbox: Allows the specifying of a statement of conditions in the form-tag’s content part.
  • Acceptance checkbox: Supports the optional option.
  • New special mail tags: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_first_name], [_user_last_name], [_user_nickname], and [_user_display_name]
  • New filter hooks: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data_{$type}, and wpcf7_mail_tag_replaced_{$type}
  • New form-tag features: zero-controls-container and not-for-mail

ru.wordpress.org

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

Для того что бы зайти в настройки Contact Form 7 нужно найти в консоли  пункт Настройка Contact Form 7меню и перейти в него. В данном меню нам будет доступен шаблон Contact Form 7, который установлен по умолчанию. Это стандартная форма, предоставляемая данным плагином.

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

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

Код [contact-form-7 404 "Not Found"] является признаком того, что контактная форма заданная шорткодом, не может быть найдена. Убедитесь, что вы используете правильный код вставки. Попробуйте повторить вставку скопировав нужный код еще раз.

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

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

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

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

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

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

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

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

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

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

Изменить тему сообщения в форме письма Contact Form 7

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

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

Настройка автоответчика Contact Form 7

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

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

Сontact form 7 настройка формы

 

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

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

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

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

<?php echo do_shortcode( '[contact-form-7 404 "Not Found"]' ); ?>

Сообщение об ошибке «Не удалось отправить сообщение». 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 установлена с правами для записи.

Поле ввода текста для CAPTCHA работает на Internet Explorer, но не в Firefox. Невозможно ввести код.

Это хорошо известная проблема вызванная злоупотреблением тега <label>. Убедитесь, что вы правильно его используете.
Правильное использование:

Это не будет работать правильно:
<label>[captchac your-captcha] Enter the code: [captchar your-captcha]</label>

yrokiwp.ru

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

Тут нам придется разобраться в четырех вкладках — «Шаблон формы«, «Письмо«, «Уведомления при отправке формы» и «Дополнительные настройки«. Рассмотрим каждую в отдельности.

Шаблон формы

Пожалуй, самая важная из вкладок настроек плагина. Шаблон формы представляет из себя редактор кодов плагина. Тут уже находятся существующие короткие коды стандартной контактной формы. Можно их удалять или добавлять новые. Рассмотрим назначение всех кодов, доступных в редакторе.

Тэги Contact-Form-7

1. text — текстовое поле для ввода короткого текста в одну стоку (имя, тема сообщения и т.д.).

2. email – поле для ввода адреса email. Письмо с некорректным адресом не удастся отправить, именно этим и отличается поле от простого текстового. (Оба этих поля обычно обязательны к заполнению, что исключает рассылку анонимных сообщений).

3. URL — адрес сайта или страницы.

4. tel — номер телефона, не надо объяснять что это такое.

5.1 number — число (spinbox), количество чего-либо, например заказываемого товара.

5.2 number — число (slider), что это за шляпа, я так и не понял. Скажу спасибо тому, кто мне объяснит в комментариях его назначение.

6. date  — дата в формате дд.мм.гггг.

7. text area — текстовое поле, вмещает в себя текст большого объема, собственно само сообщение.

8. drop-down menu —  выпадающее меню, создаст выпадающее меню.

9. Checkboxes – генерирует «чекбоксы». Пользователь выбирает нужное установкой галочек.

10. Radio buttons – в буквальном переводе «радиокнопки». Настройка, как и в выпадающем меню. Пользователь выбирает нужный вариант из предложенных.

11. Acceptance – по принципу «С правилами ознакомлен и согласен». Пока пользователь не поставит галочку, кнопка отправки сообщения будет не активна.

12. quiz — вопрос, защита от спам-роботов. Перед отправкой сообщения необходимо ответить на однозначный вопрос, который вы зададите в настройках. Перед вертикальным слешем пишется вопрос, а за ним правильный ответ.

13. reCaptcha – тоже защита от спама, но с помощью генерируемой картинки с символами, которые необходимо ввести в поле перед отправкой сообщения. (Спам через контактную форму рассылается очень редко. Советую не использовать защиту, чтобы не раздражать отправителя).

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

15. submit — кнопка отправки, сама кнопка, нажатием на которую, сообщение отправляется.

!!! Для наглядности, ближе к концу статьи, я размещаю форму, созданную из всех вышеперечисленных тегов, кроме каптчи. Можете оценить их в действии. Ни одно поле в форме необязательно к заполнению! Разрешаю вам наслать мне разных анонимных сообщений ? ? :-). Цензура отсутствует.

Для примера рассмотрим процедуру добавления кода прикрепления файла «file» в контактную форму. Процесс этот довольно прост. Выполните следующие действия:

  • — Поставьте курсор в то место редактора, куда должна встать кнопка прикрепления файла к письму.
  • — Нажмите на кнопку «file» в верхней панели редактора шаблона формы. Откроется следующее окно.

добавление кнопки прикрепления файла к письму в контактной форме

  1. Если поставить тут галочку, пользователь не сможет отправить сообщение без прикрепленного файла. Обратите внимание, в коде кнопки за file появится звездочка. Эту опцию можно назначить любому полю вашей контактной формы.
  2. Тут итак все понятно. Скопируйте надпись в этом поле, вам она обязательно понадобится на следующей вкладке «Письмо«. Иначе прикрепленный файл просто не дойдет до адресата.
  3. Сюда впишите разрешенный размер файла. Если оставить поле пустым, то по умолчанию ограничитель будет равен 1 mb . Допускается вписывать только целые числа просто в байтах, в mb или в kb.
  4. Разрешенные типы файлов вписывайте через вертикальный слэш. Если ничего не писать, то по умолчанию будут разрешены файлы с расширениями jpg, jpeg, png, gif,pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav, wmv.
  5. Если не знаете для чего нужны поля Id attribute и Class attribute, то и заполнять их не следует. А завершающим действием останется только нажатие кнопки «Insert Tag«.

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

Приступим к рассмотрению следующей вкладки — «Письмо«.

Письмо

Итак, после создания своей контактной формы перейдите на вкладку «Письмо». Эта часть настроек отвечает за доставку, внешний вид и информативность писем, пришедших адресату, то есть Вам.

Настройки вкладки "письмо" в Contact-Form-7

  1. Обязательно впишите сюда адрес своей электронной почты, на который будут приходить сообщения. Иначе, почта просто не дойдет.
  2. Два коротких кода «[your-name]» и «<[your-email]>» сообщат имя отправителя и его E-mail.
  3. Тема сообщения, с которой к вам обращается посетитель.
  4. ——
  5. Само тело сообщения. Вы можете использовать для информативности любые коды, которые использовали в шаблоне (они представлены в шапке вкладки, сразу под надписью «In the following fields, you can use these mail-tags:«. Сопровождайте коды в теле сообщения понятными пояснениями, например От кого, Тема сообщения, Тело сообщения.
  6. Можно не получать пустые строки с полей, необязательных к заполнению, если отправитель их не заполнил. Попробуйте также опцию HTML  формата письма.
  7. В поле «File Attachments» обязательно вставьте код для вложения, если вы поставили кнопку прикрепления файла. Об этом я говорил выше.
  8. Опцию «Письмо 2» активируют в качестве дополнительного почтового шаблона для автоответчика. Об этой опции и как ей пользоваться я напишу немного позже.

Уведомления при отправке формы

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

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

Дополнительные настройки

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

Можно еще изменить размер полей в контактной форме. Размер текстового поля в одну строчку задается числовыми значениями в конце тега перед закрывающейся квадратной скобкой. Например, вот тег для имени с новыми размерами —  [text* your-name 50/41]. Здесь 50 — длина текстового поля, а 41 — количество символов, которое можно в это поле прописать. Если ничего не прописывать, длина текстового поля по умолчанию равняется 40, а разрешенное количество символов до бесконечности.

Вот тег с измененными размерами для сообщения —  [textarea your-message 80×10]. Здесь 80 — длина поля в символах, а 10 — его высота в строчках. Экспериментируйте с этими циферками пока размеры полей вашей контактной формы не будут гармонично вписываться в дизайн страницы. Ниже картинка для наглядности со стандартной контактной формой.

Размер полей в Contact Form 7

Вот и все настройки плагина Contact Form 7.

Ошибка при отправке сообщения. Попытайтесь позже или обратитесь к администратору сайта.

Ошибка при отправке сообщения

Вот такое сообщение всплывает под формой Contact Form 7 в некоторых случаях после попытки отправить сообщение администратору сайта.

1. Почти всегда ошибка кроется не в плагине, а в php функции mail() сервера. Либо эту функцию хостинг не поддерживает, либо функция не включена или работает с ошибками. Если функция php_mail() поддерживается хостингом, то очень часто причиной сбоя отправки сообщений является:

  • — Тестовый период хостинга. В этот период функция отправки почты выключена по умолчанию. Решение – оплатить услуги хостинга;
  • — Сбой функции на сервере. Решение – обратиться в службу поддержки хостинга. Часто, для восстановления функции, достаточно отлинковать домен, а затем прилинковать его обратно.

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

P.S. Коллеги, проверяйте папку СПАМ вашего почтового ящика после отправки письма самому себе при тестировании работы плагина. Это самая распространенная причина «недоставки» писем адресату, особенно на gmail.

wordpress-book.ru

О Contact Form 7

Contact Form 7 является свободным – и очень популярным плагином контактной формы в WordPress. Согласно статистике каталога плагинов в  WordPress, он активно установлен на более чем на одном миллионе сайтов. А также является наиболее широко используемым решением контактной формы в официальном каталоге плагинов, он также имеет впечатляющий рейтинг пользователей 4,5 звезды из 5 возможных.

Короче говоря, когда речь идет о добавлении свободной формы контакта на WordPress сайте, речь идет о наиболее испытанном и проверенном варианте. Но хорошо ли это?

Давайте взглянем на этот плагин.

5 причин, чтобы рассмотреть вопрос об использовании Contact Form 7

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

Быстрый способ добавить контактную форму на WordPress

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

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

После того, как плагин будет активирован, вы можете добавить контактную форму по умолчанию для ваших WordPress постов и страниц путем вставки соответствующего шорткода ( не знаете, что такое шорткод? ) в содержание.

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

Формы также могут быть вставлены в боковые панели и в других виджетов вашей темы, добавив шорткод в текстовый виджет WordPress.

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

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

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

Некоторые проблемы могут возникнуть, если адрес электронной почты, связанный с вашей формой не находится на одном и том же имени домена, как ваш сайт. Например, если доменное имя Вашего веб-сайта AndreyEx.ru, но адрес электронной почты контактной формы использует домен gmail.com, форма представления может не доставить.

Если эта проблема непоставки Contact Form 7 действительно происходит, это обычно проблема с вашим веб – хостингом, а не самим плагином. Есть бесплатные инструменты, которые могут помочь вам преодолеть эту проблему, но самый простой вариант, как правило, чтобы создать и использовать адрес электронной почты с того же домена, что и ваш сайт.

Как легко создавать специальные формы

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

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

Пример тегов разметки Контактный формуляр 7

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

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

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

Полезный набор полей формы

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

Текущий список полей Contact Form 7 включает в себя:

  • Текст
  • Эл. адрес
  • URL
  • Номер телефона
  • Число
  • Дата
  • Текстовая область
  • Выпадающее меню
  • Флажки
  • Радио-кнопки
  • Викторина
  • Рекапча
  • Прикрепленный файл/загрузка
  • Кнопка “Отправить”

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

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

Полезная интернет документация и поддержка пользователей

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

Онлайн документация выросла за эти годы, и охватывает все, от начала работы до устранения неполадок. FAQ по Contact Form 7 обширна тоже.

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

Дополнения к Contact Form 7

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

Оболочка дополнений Контактной формы 7

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

Другим полезным дополнением является free Contact Form DB. После того, как вы включите этот модуль, данные формы будут храниться в вашей базе данных WordPress и доступны через админку в WordPress. Если вы хотите снизить риск потери формы представления, или вы хотите создать центральное место, где данные формы можно хранить и просматривать, используя надстройку, то настоятельно рекомендуется free Contact Form DB. Flamingo еще один бесплатный плагин с аналогичной функциональностью.

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

Другие особенности Contact Form 7

Некоторые другие причины, по которым вы можете захотеть выбрать Contact Form 7 включит на свой сайт:

  • AJAX с питанием от формы представления, чтобы избежать перезагрузок страницы
  • Akismet и поддержка CAPTCHA, анти-спам, чтобы уменьшить спам от контактной формы
  • Возможность отображения пользовательских сообщений подтверждения представления и об ошибках
  • Возможность отображения поля формы шаблонного текста
  • Возможность отслеживать формы представления с помощью Google Analytics
  • Возможность позволить пользователям выбрать получателя формы
  • Возможность перенаправления пользователей на другой URL после формы представления.

Contact Form 7 в настоящее время на версии 4.7 и обновляется на регулярной основе, есть хороший шанс, что будут добавлены новые возможности.

Недостатки Contact Form 7

Если вы просто хотите быстрый и простой способ добавить контактную форму на ваш сайт WordPress, Contact Form 7 трудно превзойти. Тем не менее, это не идеальное решение, и имеет некоторые недостатки.

Одна из областей, где Contact Form 7 отстает от конкурентов является его интерфейс формы построителя. В отличие от WPForms, а также некоторых других свободных и коммерческих форм плагинов, нет никакого инструмента drag-and-drop в форме строителя.

Как мы рассмотрели ранее, процесс добавления дополнительных полей в формы немного длителен. Создание пользовательских форм не слишком сложно, но drag-and-drop в форме построителя с окном предварительного просмотра позволит улучшить вещи значительно. Там также нет быстрого способа изменить внешний вид и стиль ваших форм.

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

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

К сожалению, из коробки, Contact Form 7 не поддерживают эту функцию. Тем не менее, как указано в дополнениях разделе, есть по крайней мере два бесплатных плагина – Flamingo и Contact Form DB – которые могут хранить свои формы представления для безопасного хранения.

andreyex.ru

Основные возможности плагина

  • Тонкая настройка под любые потребности пользователя;
  • Простой интерфейс и понятные опции;
  • Удобный просмотр электронной почты;
  • Поддержка множества языков, включая русский;
  • Надежная защита от спама текстовым вопросом или капчей;
  • Поддержка Ajax запросов;
  • Настройка внешнего вида через CSS стили;
  • Полезная документация, отвечающая на многие вопросы.

Использование плагина

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

Первое, что вы заметите после активации плагина, это появление нового пункта в административной панели WordPress под названием «Contact Form 7», где осуществляется вся настройка плагина. В качестве альтернативы, вы можете зайти туда через список установленных плагинов, найдя Contact Form 7 и нажав «Setting».

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

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

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

  1. Текстовое поле, адрес электронной почты (text, email);
  2. Ссылка (url);
  3. Номер телефона, диапазон чисел, дата (tel, number, date);
  4. Текстовое поле в несколько строк (textarea);
  5. Флажки, переключатели и выпадающее меню (checkbox, radio, select);
  6. Проверка капчей (captchac и captchar);
  7. Проверка контрольным вопросом (quiz);
  8. Флажок согласия (acceptance);
  9. Прикрепление файлов (file);
  10. Кнопка отправки (submit).

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

В качестве примера, можно добавить к готовому шаблону такие поля, как: никнейм, номер телефона, текстовый вопрос для защиты от спама. Это будет самая простая форма отправки сообщения администратору сайта. Для ее создания понадобятся теги (text, tel, quiz).

Сперва добавим новое поле для никнейма автора сообщения, с именем «Ваш никнейм», как написано в других готовых полях (можно просто скопировать). Теперь, в разделе «Шаблон формы» выбираем «text» и задаем нужные параметры. Например, можно сделать обязательное заполнение, поставив галочку на «Required field». В качестве альтернативы, можно сделать это поле обязательным для заполнения просто добавив звездочку (text*).

contact-form-7-signup

Имя поля можно оставить по умолчанию или задать любое другое, например, «your-nickname». Чтобы поле имело содержание по умолчанию, которое поможет пользователю сориенироваться быстрее, нужно добавить его в строчку «Значение по умолчанию». Если поставить галочку на «Use this text as the placeholder of the field», то это содержание будет исчезать при нажатии. Далее, можно задать атрибуты «ID» или «Class», чтобы использовать их для оформления поля через CSS стили. Теперь остается только нажать «Insert Tag», и сгенерированный тег появится в содержимом. Он должен выглядеть так:

<p>Ваш никнейм<br />
(text your-nickname id: your-nickname placeholder "Никнейм") </p>

Аналогичные действия нужно провести и при добавления остальных полей (tel, quiz). Только, в случае с вопросом для защиты от спама (quiz), нужно будет написать вопрос и ответ одной строкой, через разделитель «|». Это должно выглядеть примерно так (Сколько будет 2+3?|5). Обратите внимание, что очередность тегов в содержании шаблона определяет расположение полей на сайте.

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

Настройка адресата и содержания писем

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

  1. «To» – адрес почтового ящика администратора;
  2. «From» — имя отправителя;
  3. «Тема» — тема письма;
  4. Additional Headers – дополнительные заголовки;
  5. Message Body – содержимое письма;
  6. Прикрепленные файлы.

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

обратной-связи-contact-form-7-настройка

Настройка уведомлений при отправке

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

Дополнительные параметры

Вы можете задать дополнительные параметры для каждой контактной формы, добавив часть кода, в определенном формате, в специальное поле раздела «Дополнительная настройка». К примеру, строка «demo_mode: on» включает демонстрационный режим, в котором не будут отправляться электронные письма, а будет только выводиться сообщение об успешной отправке. Кроме того, если вставить строку

acceptance_as_validation: on

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

Персонализация

По умолчанию, для всех полей в Contact Form 7 используется стандартная стилизация из шаблона WordPress, не отличающаяся особой красотой. Из-за этого, многие пользователи ищут альтернативные решения, с более привлекательным внешним видом. Но для тех, кто знаком с CSS, будет очень просто изменить внешний вид полей по своему вкусу. Для этого можно воспользоваться атрибутами «ID» и «Class», которые задаются в параметрах каждого тега.

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

tema_contact_form_7

Дополнение

В качестве дополнения, стоит упомянуть одну очень хорошую особенность в Contact Form 7 для WordPress, с помощью которой можно фильтровать большие потоки писем от посетителей. Бывают ситуации, когда их действительно очень много, поэтому быстро ответить на все невозможно, а фильтровать вручную очень долго. Конечно, в таком случае, можно использовать метки и фильтры непосредственно в почтовом ящике, но это тоже потребует много времени. Гораздо проще будет осуществить фильтрацию еще на стадии отправки, воспользовавшись тегом «select» в Contact Form 7, отображающим раскрывающийся список. В этом списке можно предоставить пользователю выбор категории сообщения, чтобы по ней определять важность приходящей корреспонденции.

Создайте новое поле, выбрав «drop-down menu», и установите ему обязательное заполнение. Затем, добавьте в строку «Options» несколько вариантов категорий для сообщений, в зависимости от направления деятельности вашего сайта (например, «Общие вопросы», «Отзывы по работе компании», «Верните мои деньги»). Каждая категория должна начинаться с новой строки. Также, желательно поставить галочку на «Insert a blank item as the first option», чтобы первым пунктом списка была пустая строка, и пользователю пришлось выбирать подходящую причину, а не оставлять первый вариант.

Теперь, нажмите «Insert Tag» и скопируйте его название. Затем, перейдите в раздел «Письмо», и вставьте скопированное в строку «Тема», обязательно перед «[your-subject]». Готово, теперь в теме каждого пришедшего письма будет значиться выбранная пользователем категория, что значительно облегчит фильтрацию.

Вывод

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

Похожие статьи

wordpresslib.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.