Плагин contact form 7 wordpress – Contact Form 7 — Маска ввода телефонного номера — Плагин для WordPress

Содержание

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

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

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

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

Письмо через Contact Form 7Письмо через Contact Form 7

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

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

Плагин WordPress Contact Form 7

Contact Form 7Contact Form 7

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

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

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

Установка Contact Form 7 Установка Contact Form 7

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

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

Contact form 7 настройка

Находим в панели управления появившийся новый раздел «Contact Form 7» — пункт «Контактные формы». На данной странице у вас уже будет готовая по умолчанию форма контактов. С номером 1.

Контактная форма шорткодКонтактная форма шорткод

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

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

Контактная форма WPКонтактная форма WP

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

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

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

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

Тег файлТег файл

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

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

Тег файл контактной формыТег файл контактной формы

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

Контактная форма 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: защита от спама

google recaptchagoogle recaptcha

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

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

Ссылка reCAPTCHAСсылка reCAPTCHA

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

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

Goodle reCAPTCHAGoodle reCAPTCHA

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

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

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

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

Contact Form 7 StyleContact Form 7 Style

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

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

Style Template для контактовStyle Template для контактов

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

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

Готовая карточка формыГотовая карточка формы

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

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

Пользовательские параметры стиляПользовательские параметры стиля

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

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

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

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

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

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

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

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

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


Contact Form 7 Multi-Step Forms — Плагин для WordPress

I needed a contact form that spanned across multiple pages and in the end would send an email with all the info collected. This plugin adds onto the popular Contact Form 7 plugin to do just that.

Sample of this working is at https://webheadcoder.com/contact-form-7-multi-step-form/

Requires the Contact Form 7 plugin, version 4.8 or above, by Takayuki Miyoshi.

Usage

  1. Создайте одну страницу или запись для каждого шага в многоэтапном процессе. Если у вас есть 3 шага, создайте 3 страницы/записи. При создании ваших форм вам понадобятся URL-адреса.

  2. Создайте форму Contact Form 7

  3. Поместите курсор в конец формы.

  4. На вкладке «Шаблон формы» формы «Contact Form 7» нажмите кнопку «multistep».

  5. In the window that pops up, check the checkbox next to «First Step» if this is the first step of your multi step forms. If this is your last step in the multi step forms, check the «Last Step» checkbox. All other checkboxes are optional.

  6. The Next Page URL is the url that contains your next form. If this form is the last step, you can leave the URL field blank.

  7. Нажмите «Вставить тег»

  8. Сохраните заполненную форму и поместите шорткод формы в соответствующую страницу/запись, созданную на шаге 1.

  9. Повторите для каждой формы в многоэтапном процессе

  10. On the last step, you probably would want to send an email. Make sure to check the «Send Email» checkbox in step 5. On the Mail Tab, simply enter the mail-tags as you normally would. For example if your first form has the field your-email you can include [your-email] in the Mail tab on your last form. Note: CF7 will see this as an error because your-email may not be displayed on the current form. You can safely ignore this error.

Multistep Tag Options

  • Name — The name of this multistep form-tag. This is required, but is currently not being used.

  • First Step — Besides marking the first step of your multistep forms, this allows any form to act as the first step and show when no previous data has ben submitted. This is useful when you want some users to skip the first step.

  • Last Step — Besides marking the last step of you multistep forms, this clears the data from user’s browsers. Once they submit this form they won’t see their data populating the forms anymore.

  • Send Email — If this is checked the form will send an email like a normal Contact Form 7 submission.

  • Skip Save — If you use Flamingo or CFDB7 to save submissions to the database this prevents saving this form submission.

  • Next Page URL — This is the URL your users will go to after the form is submitted.

Additional Tags

[multiform "your-name"]

The multiform form-tag can be used to display a field from a previous step. Replace your-name with the name of your field. This is only for use on the Form tab, this tag will not work in the Mail tab.

[previous "Go Back"]

The previous form-tag can be used to display a button to go to a previous step. Replace Go Back with text you want to show in the button.

Messages Tab
When a visitor to your site visits the 4th step in your multi step form without filling out the 1st step, the message «Please fill out the form on the previous page.» will be displayed. You can change this on each form in the Messages tab.

What this plugin DOES NOT do:

  • This plugin does not support file uploads on every form. If you need to use file uploads make sure to place it on the last step.

  • This plugin currently does not support «pipes» in the select field. See https://contactform7.com/selectable-recipient-with-pipes/ for more on what «pipes» is on the Contact Form 7 site.

  • This plugin does not load another form on the same page. It only works when the forms are on separate pages. Many have asked to make it load via ajax so all forms can reside on one page. This plugin does not support that.

PRO Version
If you expect to have a lot of data submitted through your multi-step forms, the Pro version may be able to help you better. The PRO version uses Session Storage so it is able to handle roughly 1,000 times more data for your multiple forms. In total it can handle about 5MB vs 4KB in the free version. Currently the Pro version REQUIRES the WordPress REST API and Contact Form 7 AJAX Submission to be enabled.

Another feature the Pro version offers is the ability to skip steps with the «Contact Form 7 — Conditional Fields plugin». Learn more here.

The Next button doesn’t show up

Like all Contact Form 7 forms, you still need to add a button to submit the form. Use the normal submit button with any label you want like so [submit "Next"].

The multistep form tag is a hidden field and tries not to add any spacing to your form. In this effort, anything directly after this tag may be hidden. To prevent this, add a carriage return after the multistep form tag, or just follow the directions and place the form tag at the end of the form.

I keep getting the «Please fill out the form on the previous page» message. What’s wrong?

It could be one of these reasons:

  1. Your Caching system is not allowing cookies to be set in a normal way. No workarounds or fixes are planned at this time. You will need to turn off caching for cookies named cf7*.
  2. Your protocol or domain is not the same on all pages. Each page that holds a form needs to have the same protocol and domain. If your first page uses https like https://webheadcoder.com, your second page cannot be http:// or a subdomain of that.
  3. Make sure your first form has the first_step attribute in the multistep form-tag, like: [multistep multistep-123 first_step "/your-next-url/"]
Why are no values being passed from one form to the next form?

If your form reloads the page after hitting the submit button, you either disabled the WordPress REST API or javascript for Contact Form 7 isn’t working correctly. Please see the Contact Form 7’s troubleshooting page for more information:
https://contactform7.com/why-isnt-my-ajax-contact-form-working-correctly/

How can I show a summary of what the user entered or show fields from previous steps?

[multiform «your-name»]
The multiform form-tag can be used to display a field from a previous step. Replace your-name with the name of your field.

My form values aren’t being sent in the email. I get [multiform «your-name»] instead of the actual person’s name.

The multiform form-tag should only be used on the Form tab. On the Mail tab follow the instructions from the Contact Fom 7 documentation. So if you wanted to show the your-name field, type [your-name].

It’s also important that the last form has the multistep form-tag.

Can I have an email sent on the first step of the multi-step forms?

Yes, you can. Make sure to check the «Send Email» checkbox or have the send_email attribute in the multistep form-tag like: [multistep multistep-123 first_step send_email "/your-next-url/"].

My forms are not working as expected. What’s wrong?
  • Make sure you have the multistep tag on each and every form.

  • It is very common for other plugins to have javascript errors which can prevent this plugin from running properly. Deactivate all other plugins and try again.

Why «place your cursor at the end of the form» before inserting the multistep tag?

The multistep form tag is a hidden field and tries not to add any spacing to your form. In this effort, anything directly after this tag may be hidden. To prevent this, add a carriage return after the multistep form tag, or just follow the directions and place the form tag at the end of the form.

How do I get Flamingo or CFDB7 to not save every form?

Make sure to check the «Skip Save» checkbox or have the skip_save attribute in the multistep form-tag like: [multistep multistep-123 skip_save "/your-next-url/"].

«Contact Form 7 Multi-Step Forms» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
4.0.1
  • fixed issue where the multistep cookie was being set on non multistep forms.
4.0

In Version 4.0 the format of the multistep form-tag has changed dramatically. The old format is backwards compatible and will still work until January 2021. Beyond that the old format is not guaranteed to work with newer versions. More Info: https://webheadcoder.com/contact-form-7-multi-step-forms-update-4-0/

  • added new multiform form-tag format to allow for options to send email and not save to database.
  • added customizable error on the Messages tab.
  • added admin notice to notify user of large form submissions.
  • PRO: added compatibility to skip steps with the CF7 Conditional Fields plugin.
3.2
  • added review notice to get to know how users like this plugin.
  • fixed WP warning when CF7 is not installed.
  • updated freemius.
3.1.2
  • added ability to skip over steps if it was previously submitted.
3.1.1
3.1
  • fixed issue where CF7 MSM files still loaded even when WPCF7_LOAD_JS is set to false.
  • fixed success message not showing for forms with a wrapping inner element.
  • fixed multi-select population.
  • updated how select is set so it can trigger javascript changes.
3.0.9
  • fixed issue where WPCF7_LOAD_JS is set to false and resulted in 302 error. thanks to @zetoun17.
  • security fix
3.0.8
  • added missing freemius files
3.0.7
3.0.6
  • PRO: fixed «Cannot use a scalar value as an array» warning when CF7 Conditional Fields plugin is active.
3.0.5
  • PRO: fixed compatibility with Contact Form 7 Conditional Fields plugin to only show group that is supposed to show.
3.0.4
  • deprecated wpcf7_form_field_value filters.
  • added cf7msm_form_field_value filters.
3.0.3
  • PRO: fixed conditional fields (from the Conditional Fields for Contact Form 7 plugin) not showing in email.
3.0.2
  • fixed quotes in values causing errors.
  • added plugin action links.
3.0.1
  • fixed session storage not clearing after final step was submitted.
  • fixed form not hiding after final step was submitted. Thanks to @tschodde.
3.0
  • changed internal field names to be prefixed with cf7msm.
  • added PRO version to handle long forms.
  • fixed minor issues.
2.26
2.25

Contact From 7 version 4.8 or above is required for this version.
* fixed incompatible JSON_UNESCAPED_UNICODE for PHP versions < 5.4.

2.24

Contact From 7 version 4.8 or above is required for this version.
* fixed not redirecting to next step on older iPad browsers.
* fixed illegal offset exception warning.
* added JSON_UNESCAPED_UNICODE for czech language.

2.23

Contact From 7 version 4.8 or above is required for this version.
* fixed back button on firefox.
* fixed url not displaying correctly when it has the & symbol.

2.22

Contact From 7 version 4.8 or above is required for this version.
* fixed back button going back more than one step.

2.21

Contact From 7 version 4.8 or above is required for this version.
* fixed an issue where a notice occurred when using scan_form_tags on servers that displayed PHP notices.

2.2

Contact From 7 version 4.8 or above is required for this version.
* fixed back button not working when using with Contact Form 7 version 4.8.
* fixed fields from previous steps not showing up when using with Contact Form 7 version 4.8.
Thanks to @eddraw, updated deprecated functions.

2.1
  • Use Contact Form 7’s built-in hidden form tag if version 4.6 or above is present.
2.0.9
  • fixed issue where using the [multiform] tag causes the field to blank out and not show in emails on certain servers.
2.0.8
  • added field_name and value to wpcf7_form_field_value filter.
2.0.7
  • fixed calls to deprecated CF7 functions.
  • Increased minimum WP version to match CF7’s specs.
2.0.6
  • Thanks to @eddraw for the updates!
  • added translation: add pot file.
  • fixed translation: use the name of the plugin as textdomain and load it.
2.0.5
  • added form id to wh_hide_cf7_step_message filter.
2.0.4
2.0.3
  • fixed issue where server variables may not be defined. added some support for strings to be translatable.
2.0.2
  • Fix previous button not showing class attribute.
2.0.1
  • Minor fix to detecting if previous form was filled.
2.0
  • Added Form Tags to Form Tag Generator. No more needing to update the Additional Settings tab.
  • Added error alert when form is too large.
  • Fixed Deprecated: preg_replace() error message.
  • Fixed certain instances where the «Please fill out the form on the previous page» messages displayed unexpectedly.
  • Fixed issue where it was possible to type in the url of the next step after receiving validation errors on the current step.
1.6
  • Added support for when contact form 7 ajax is disabled.
1.5
  • Added support for free_text in checkboxes and radio buttons.
1.4.4
  • fix empty checkboxes causing javascript error when going back.
1.4.3
  • fix exclusive checkboxes not saving on back. added version to javascript.
1.4.2
  • fix radio button not saving on back. make sure its the last step before clearing cookies.
1.4.1
  • Fixed bug where tapping the Submit button on the final step submits form even with validation errors.
1.4
  • Updated to be compatible with Contact Form 7 version 3.9.
1.3.6
  • Updated readme to be more readable.
  • Fixed issue for servers with magic quotes turned off. Fixes «Please fill out the form on the previous page» error.
1.3.5
  • Fix: Also detect contact-form-7-3rd-party-integration/hidden.php so no conflicts arise if both are activated.
1.3.4
  • Fix: Better detection of contact-form-7-modules plugin so no conflicts arise if both are activated.
1.3.3
  • Fixed back button functionality.
1.3.2
  • Some people are having trouble with cookies. added ‘cf7msm_force_session’ filter to force to use session.
1.3.1
  • Added checks to prevent errors when contact form 7 is not installed.
1.3
  • Confused with the version numbers. apparently 1.02 is greater than 1.1?
1.1
  • renamed all function names to be more consistent.
  • use cookies before falling back to session.
  • added back shortcode so users can go back to previous step.
1.02
1.01
1.0
  • Первая версия.

Honeypot for Contact Form 7 — Плагин для WordPress

This simple addition to the wonderful Contact Form 7 (CF7) plugin adds basic honeypot anti-spam functionality to thwart spambots without the need for an ugly captcha.

The principle of a honeypot is simple — bots are stupid. While some spam is hand-delivered, the vast majority is submitted by bots scripted in a specific (wide-scope) way to submit spam to the largest number of form types. In this way they somewhat blindly fill in fields, regardless of whether the field should be filled in or not. This is how a honeypot catches the bot — it introduces an additional field in the form that if filled out will cause the form not to validate.

Follow us on Twitter and on Facebook for updates and news.

Support can be found here.

Visit the Honeypot for Contact Form 7 plugin page for additional information or to buy us a coffee to say thanks.

Localization/Translation

If you’d like to translate this plugin, please visit the plugin’s translate.wordpress.org page. As of v1.10, all translation is handled there. Thank you to the polyglots that contribute!

IMPORTANT NOTES:

If you are using CF7 3.6+, use the latest version of this plugin. If you are using an older version of CF7, you will need to use CF7 Honeypot v1.3.

  1. Install using the WordPress «Add Plugin» feature — just search for «Honeypot for Contact Form 7».
  2. Confirm that Contact Form 7 is installed and activated. Then activate this plugin.
  3. Edit a form in Contact Form 7.
  4. Choose «Honeypot» from the CF7 tag generator. Recommended: change the honeypot element’s ID.
  5. Insert the generated tag anywhere in your form. The added field uses inline CSS styles to hide the field from your visitors.
Installation & Usage Video


For the more visually-minded, here is a short video showing how to install and use CF7 Honeypot from the fine folks at RoseApple Media. Note: This video was not produced by the CF7 Honeypot developer.

Altering the Honeypot Output HTML [ADVANCED]

While the basic settings should keep most people happy, we’ve added several filters for you to further customize the honeypot field. The three filters available are:

  • wpcf7_honeypot_accessibility_message — Adjusts the default text for the (hidden) accessibility message.
  • wpcf7_honeypot_container_css — Adjusts the CSS that is applied to the honeypot container to keep it hidden from view.
  • wpcf7_honeypot_html_output — Adjusts the entire HTML output of the honeypot element.

For examples of the above, please see this recipe Gist.

Will this module stop all my contact form spam?
  • Probably not. But it should reduce it to a level whereby you don’t require any additional spam challenges (CAPTCHA, math questions, etc.).
Are honeypots better than CAPTCHAs?
  • This largely depends on the quality of the CAPTCHA. Unfortunately the more difficult a CAPTCHA is to break, the more unfriendly it is to the end user. This honeypot module was created because we don’t like CAPTCHAs cluttering up our forms. Our recommendation is to try this module first, and if you find that it doesn’t stop enough spam, then employ more challenging anti-spam techniques.
Can I modify the HTML this plugin outputs?
  • Yep! See the Installation section for more details and this Gist for examples.
My form is not validating with a W3C validation tool
  • This is by design, and we recommend leaving this validation error for enhanced improvement of the plugin. However, there is a simple work around. See here for details.

Still getting spam messages 😮

A lot of Spams from Russia since WordPress update 5.3

I had a high profile site that was getting swamped with spam bots and I was still getting some spam after I added the first honeypot field so I just added 2 more honeypot fields at the top of my forms and named them first-name and last-lame. With 3 honeypot fields and recaptcha the spam finally stopped.

does not work as discribed. still get lots of spam.

I’m seeing the same amount of spam now as I did before I installed this plugin.

It does not prevent spam bots 100%.

Посмотреть все 76 отзывов

«Honeypot for Contact Form 7» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
1.14.1

Minor update to change name to comply with CF7 copyright notice.

1.14

Added do-not-store for when forms are stored in the DB (i.e. Flamingo). Improved wrapper ID masking and customization.

1.13

Additional functionality to improve spam-stopping power.

1.12

Introduces ability to force W3C compliance. See here for details.

1.11

Addresses accessibility concerns regarding a missing label and disables autocomplete to prevent browser autocomplete functions from filling in the field.

1.10

Updates for Function/Class changes related to CF7 4.6. Removed plugin local language support, instead use translate.wordpress.org.

1.9

Added i18n support, French language pack. Thx chris-kns

1.8

Added wpcf7_honeypot_accessibility_message and wpcf7_honeypot_container_css filters, i18n support.

1.7

Provides backwards compatibility for pre-CF7 4.2, introduces ability to remove accessibility message.

1.6.4

Quick fix release to fix PHP error introduced in 1.6.3.

1.6.3

Updates to accommodate changes to the CF7 editor user interface.

1.6.2

Small change to accommodate validation changes made in CF7 4.1.

1.6.1

Small change to accommodate changes made in CF7 3.9.

1.6

Quite a lot of code clean-up. This shouldn’t result in any changes to the regular output, but it’s worth checking your forms after updating. Also, you’ll note that you now have the ability to add a custom CLASS and ID attributes when generating the Honeypot shortcode (in the CF7 form editor).

1.5

Added filter hook for greater extensibility. See installation section for more details.

1.4

Update to make compatible with WordPress 3.8 and CF7 3.6. Solves problem of unrendered honeypot shortcode appearing on contact forms.

1.3

Update to improve outputted HTML for better standards compliance when the same form appears multiple times on the same page.

1.2

Small update to add better i18n and WPML compatibility.

1.1

Small update for W3C compliance. Thanks Jeff.

1.0.0
  • Первая версия.

Contact Form 7 Database Addon — CFDB7 — Плагин для WordPress

The «CFDB7» plugin saves contact form 7 submissions to your WordPress database. Export the data to a CSV file.
By simply installing the plugin, it will automatically begin to capture form submissions from contact form 7.

Возможности CFDB 7
  • Не нуждается в конфигурировании
  • Save Contact Form 7 form submitted data to the database.
  • Single database table for all contact form 7 forms
  • Easy to use and lightweight plugin
  • Дружелюбен для разработчиков и прост в настройке
  • Display all created contact form 7 form list.
  • Export CF7 DB (CF7 Database) data in CSV file
Pro Addons

Support : http://www.ciphercoin.com/contact/
Extensions : Contact form 7 more Add-ons

  • Admin
  1. Скачайте и распакуйте файлы плагина в папку wp-content/plugin
  2. Активируйте плагин в административной панели WordPress.
  3. Готово!

«Contact Form 7 Database Addon — CFDB7» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
1.2.4.8

Removed unwanted data
Removed data with key underscore (_)
add_filter cfdb7_remove_underscore_data

1.2.4.7

Action hook name changed to cfdb7_before_save

1.2.4.6

Optimized csv export memory usage

1.2.4.3

Responsive issue fixed

1.2.4

Fixed admin notification bug

1.2.3

Исправлена ​​проблема экспорта в формат csv

1.2.2

Добавлена возможность «cfdb7_access»

1.2.1

Исправлены ошибки при работе с сетью сайтов

1.2

Исправлена ошибка экспорта в csv

1.1.9

Исправлены ошибки сортировки

1.1.7

Добавлены хук-фильтры
Поддержка режима сети сайтов

1.1.6

Мелкие правки
Добавлены хук-события

1.0.0

Первая версия плагина

Contact Form 7 Skins — Плагин для WordPress

  1. Visit Plugins > Add New in your WordPress admin area and search for Contact Form 7 Skins.
  2. Locate the plugin in search results.
  3. Click on the Install button to download and install the plugin.
  4. Activate the plugin.

Alternate Installation Method

  1. Download the plugin’s zip file and visit Plugins > Add New in your WordPress admin area.
  2. Click on the Upload Plugin button and then simply upload the zip file.
  3. WordPress will now upload the zip file from your computer to your website, extract it, and install the plugin.
  4. Click on the Activate link to start using the plugin.

Having trouble? Learn more about how to install plugins on WordPress Codex.

Website | Documentation | FAQ | Add-ons

What does CF7 Skins do?

CF7 Skins is an add-on plugin for Contact Form 7. It extends the functionality of Contact Form 7 by adding a drag & drop Visual Editor together with range of compatible Templates and Styles. You can learn more by visiting cf7skins.com

Is there Documentation available?

Yes, our in-depth Documentation is a great place to find detailed answers. It covers how to get started, how to customize your forms with CF7 Skins and everything else in between.

Many questions have been answered on the CF7 Skins FAQ.

Website | Documentation | FAQ | Add-ons

How do I get started?

There is a range of Tutorials available to help you get started using CF7 Skins.

Where can I get support?

Add-ons — if you have a current license you can post your questions to our Premium Email Support.

Free Version — you can use the WordPress Support forum. This is community based support offered by other CF7 Skin users (we visit the forum intermittently to assist with plugin bugs only).

What users have to say

Read testimonials from CF7 Skins users.

Do I need to have coding skills to use CF7 Skins?

Absolutely not. You can create and manage Contact Form 7 forms without any coding knowledge (100% drag & drop form builder).

Переводы
  • Indonesian (Bahasa Indonesia; id_ID) — Sastra Manurung

Website | Documentation | FAQ | Add-ons

Tested this and it seems to work just fine, however its quite complicated to set up and, for me, was slower than using the default Contact Form 7 editor. It does help if you want to change the style of the forms on your site and don’t know html but if you are looking for a simple drag and drop try interface such as you may have come across on other form plugins then this may confuse you. I was looking at it for a clients site but I don’t think they would be able to work out how to use it.

I have found the skins great for appearance, but cannot find enough help to know how to use is correctly and my whole form keeps getting messed up :(. REALLY disappointed in the support for this and for CF7. Almost every tutorial is done by someone who is ESL and is not understandable. 🙁

The plugin does not support AMP, AMP for WP. My support ticket was closed today without any explanation. Also a year ago there was another problem with the radio checkboxes. Until now I didn’t receive any news. They told me that CF7 changed their code and the logic with radio checkboxes do not work as expected.

Has broken the design of the form page and we had to restore a backup

The templates are pretty good. Maybe to modernize a little bit to make them more modern (2018) Works well. The support is very responsive and kind. Works with a lot of CF7 plugin, and does not crash or crush, the other CF7 plugins, which is rare. $ Other CF7 design plugins, overwrites the main CF7 plugins. This one is not 🙂 I will take pro version, I finished test with free version. thank you for your kindness

Short and sweet — this works with pleasant looking forms that don’t detract from the purpose of the form: to get them filled in. Thanks — you saved me a bunch of fiddling around with stylesheets.

Посмотреть все 17 отзывов

«Contact Form 7 Skins» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
2.2.1 — 2020-01-14
  • FIX: Improve getting list of all CF7 shortcode tags in CF7 form content
2.2 — 2020-01-07
2.1.4 — 2019-10-02
  • FIX: Remove & replace clearfix removed/deprecated in WordPress 5.0 — had conflict with some other WP plugins.
2.1.3 — 2019-07-03
  • TWEAK: Enable export of individual form.
2.1.2 — 2019-04-11
  • FIX: Encode to UTF-8 when loading HTML
2.1.1 — 2019-03-04
  • FIX: Remove opt-in data collection — security fix
2.1 — 2019-02-25
  • FEATURE: Change type of CF7 Tag
  • FEATURE: Copy visual form data option
  • FIX: Remove duplicate from ReCAPTCHA and Submit fields
  • TWEAK: CF7 acceptance tag options modified
  • TWEAK: Add surrounding LIST-LI to additional CF7 Tag
  • TWEAK: Visual form tab expandable
  • TWEAK: Pro Tips added
2.0.2 — 2019-02-08
  • FIX: Ensure Visual editor shown when add new form if have CF7 configuration error in CF7 5.1+
  • TWEAK: Add minimum required PHP & CF7 versions
2.0.1 — 2018-08-13
  • FIX: Prevent JavaScript conflict with Yoast SEO
2.0 — 2018-06-19
  • FEATURE: Add drag & drop Visual Editor
  • FEATURE: Display Notices when update plugin
  • FIX: Update template files to match visual files
  • FIX: Ensure CF7 Skins connects to CF7 Form section
  • TWEAK: Show Getting Started Tab when activate plugin
  • TWEAK: Ensure deselecting within Template or Style List also deselects in Details or Expanded View
1.2.2 — 2018-01-11
  • FEATURE: Add opt-in data collection
  • FIX: Improve context and conjugation issues for non-Roman languages
  • FIX: Ensure CF7 Skins scripts are loaded if CF7 default script de-registered
  • TWEAK: Hide Info Tabs at WordPress Small screen: 850px
  • TWEAK: Ensure active Tab is highlighted
  • TWEAK: Remove WP hidden class
1.2.1 — 2017-06-07
  • FIX: WPCF7_Shortcode & WPCF7_ShortcodeManager deprecated in CF7 4.6
  • FIX: Ensure key input exists when activating license
  • FIX: Remove locale parameter for CF7 >= 4.4
  • FIX: Display activation log data
  • FIX: Stop default Ready CSS over-writing selected Style CSS
  • TWEAK: Add JS trigger for React components
  • TWEAK: Add Skins Tabs via filter
  • TWEAK: Remove Default CF7 form Template
  • TWEAK: Include typicons
  • TWEAK: Save version installed when update
  • TWEAK: Correct Info Tabs text
1.2 — 2016-04-08
  • FEATURE: Show Template & Style selected in Skin Info Area
  • FEATURE: Info Tabs in Skins Meta box & CF7 Skins Settings
  • FEATURE: Add Styles
  • FIX: Copy CF7 Skins data when CF7 Duplicate used
  • FIX: Deselect Template & Style
  • TWEAK: Check CF7 User Permissions
  • TWEAK: Update colors on Admin messages
  • TWEAK: Suitable for wordpress.org translation
1.1.2 — 2016-03-10
  • FIX: Ensure CF7 Skins Styles are enqueued if Contact Form 7 styles are de-registered
  • FIX: Ensure update version checking is operating
  • FIX: Remove undefined index notice when updating multiple plugins
  • FIX: Skins Metabox toggle not sticking
1.1.1 — 2015-09-21
  • FEATURE: Add support for Ready styles
  • FIX: Enqueue styles for non-content shortcodes
  • TWEAK: Add tabs & consistent spacing to templates
  • TWEAK: Improve readability of Logs tab
1.1 — 2015-06-30
  • FEATURE: Add Styles
  • FIX: Ensure all plugin data is deleted
  • TWEAK: Enqueue only where necessary within Contact Form 7
  • TWEAK: Update Help Ballons
1.0.2 — 2015-05-29
  • FIX: wpcf7_add_meta_boxes action removed in Contact Form 7 4.2
  • FIX: Parse the CF7 shortcode ID in single or nested shortcodes
  • FIX: Ensure JavaScript finds active textarea
  • TWEAK: Add cf7skins_form_classes filter hook
1.0.1 — 2015-05-06
  • FIX: Default CSS overriding input & textarea Styles
1.0 — 2015-04-09

Send PDF for Contact Form 7 — Плагин для WordPress

This plugin adds conditional logic to [Contact Form 7].

Send the PDF for Contact Form plugin will allow you to recover the data yourself via your form to insert them into a PDF built and prepared by you.

This plugin requires the installation and activation of the plugin Contact Form 7.

File send-pdf-for-contact-form-7.pot available

  • Choice of form Contact Form 7
  • View general settings
  • Preparation view of your PDF
  1. Upload the full directory into your ‘/wp-content/plugins’ directory
  2. Activate the plugin at the plugin administration page
  3. Open the plugin configuration page, which is located under ‘Contact->Send PDF with CF7’

Facile e intuitivo da configurare, svolge il suo lavoro senza problemi. Le istruzioni invece sono un pò troppo essenziali

Obrigado por este plugin, estava há 4 meses procurando uma solução para a coleta de dados em um formulário que inserisse estes dados em um PDF, a sua foi a única que funcionou. Gratidão!

Dopo aver installato questo plugin, contact form ha smesso completamente di funzionare. Ore di lavoro perse per recuperare la completa funzione di Contact Form 7 🙁

I am a web developer. All I wanted was this plugin to send a pdf on submit. It does not do that. After a lot of hacking I did repair the module enough to send a pdf but I do not think I will be using it regardless as I have pretty much made my own solution by now. I can not recommend this plugin even though I want to. The developer has put in a lot of time and there are some great ideas of features in there, but some of the features feel sloppy. A good example of a sloppy feature would be the «redirect after message is sent», redirects after contact form 7 has pushed it’s message sent to the user.

Great integration with CF7, i love it so much, very customizable. Definitely useful for every kind of needs!

There is no support for this plugin. Plugin is very basic and has it’s own way of doing things, don’t expect too much.

Посмотреть все 40 отзывов

«Send PDF for Contact Form 7» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
0.7.8
  • Change CodeMirror
  • Add a CSS example for A4 page
0.7.7
  • Fixed bugs notice PHP
  • Adding PDF password length
  • Tags [reference], [pdf-password], [date] and [time] is possible in the subject email
  • Adding URL input for your stylesheet
0.7.6
  • Adding choosing font for your PDF file
0.7.5
  • Fixed bug checkbox
  • Fixed bug CSV
0.7.4
  • Add list of PDF for admin download
0.7.3
  • Add send ZIP option
  • Add Header page option
0.7.2
0.7.1
  • Fixed bug uninstall plugin
0.7
  • Add open PDF in a popup windows option
  • Fixed bug picture view in PDF file if not picture uploaded
  • Fixed bug for open PDF after send form
  • Fixed bug open PDF in a new window
  • Ready for PHP 7.3
0.6.9
  • Add message for download button if «Insert subscribtion in database» option is disabled!
  • Fixed bugs Warning PHP
  • Fixed bug picture view in PDF file
0.6.8
0.6.7
  • The PDF file is now in fillable mode
  • The PDF file recognize now the checkbox and radio fields
0.6.6
  • Bug on ption «Delete all files into this uploads folder» fixed
0.6.5
  • Set event listener instead of using soon to be removed onSentOk
  • Compatible with signature add-on plugin
  • Compatible with multi-step module plugin
0.6.4
  • Add URL for PDF files in CSV file
  • Secure PDF folder
  • Add PDF Footer option
0.6.3
  • Fixed Bug password to protect your PDF file
  • Add a new option: open directly your PDF after sending form
0.6.2
  • Change for a hard password to protect your PDF file
  • Fixed Bug button insert data table
0.6.1
  • Update mPDF lib to 6.1 version
  • Add password to protect your PDF file
  • Fixed some minor bugs
0.6.0
  • Bug fixed on desactivate/uninstall plugin
  • Added export/import settings
  • Added [time] shorcode to display the time
  • Added substitution image for better PDF rendering
  • Added option to desactivate line break auto
0.5.9
  • Adding Page size & Orientation
  • Changing admin page
  • Resolved bug with form without PDF
0.5.8
  • Adding [addpage] tag to force a page break anywhere in your PDF
  • Adding [reference] and [date] tags for name of your PDF
0.5.7
  • Adding CodeMirror scripts for editing PDF
0.5.6
  • Adding a option : convert [file] tags to image for your PDF
0.5.5
  • Adding a option, delete all files after sent email
  • Ready for PHP7
0.5.4
  • Fix bug for use mail-tags
0.5.3
  • Fix bug for other attachements
0.5.2
  • Adding a new option, generate PDF in a another distinct folder
0.5.1
  • Adding a new option, send mail without attachements but return a link for downlod PDF
0.5
  • Reprogramming, avaible for WordPress 4.6 version
0.4.4
  • Adding a option, using form tags for complete the name of PDF
0.4.3
  • Bug fixed upload picture and send pdf
0.4.2
  • Bug fixed include class mpdf
0.4.1
0.4
  • Multi-languages bug fixed
0.3
0.2
0.1

Contact Form 7 Dynamic Text Extension — Плагин для WordPress

Contact Form 7 is an excellent WordPress plugin, and the CF7 DTX Plugin makes it even more awesome by adding dynamic content capabilities.
While default values in Contact Form 7 are static. CF7 DTX lets you create pre-populated fields based on other values. Some examples might include:

  • Auto-filling a URL
  • Auto-filling a Post ID, title, or slug
  • Pre-populating a Product Number
  • Referencing other content on the site
  • Populating with post info
  • Populating with user info
  • Populating with custom fields
  • Any value you can write a shortcode for

There are many more case-specific examples. I searched for a solution, and there are some decent hacks out there. Many of them are
explored in this forum topic:
Contact Form 7 Input Fields Values as PHP Get-Variables.
However, they all involved hacking the current Contact Form 7 code, which means next time the plugin is updated their edits will be
overwritten. That’s bad.

This Dynamic Text Extension plugin provides a more elegant solution that leaves the Contact Form 7 Plugin intact.

WHAT DOES IT DO?

This plugin provides a new tag type for the Contact Form 7 Plugin. It allows the dynamic generation of content for a text input box via any shortcode.
For example, it comes with several built-in shortcodes that will allow the Contact Form to be populated from any $_GET PHP variable or any info from the
get_bloginfo() function, among others. See below for included shortcodes.

Don’t see the shortcode you need on the list? You can write a custom one! Any shortcode that returns a string value can be used here. The included shortcodes just cover the most common scenarios, but the plugin provides the flexibility for you to grab any value you have access to programmatically.

HOW TO USE IT

After installing and activating the plugin, the Contact Form 7 tag generator will have 2 new tag types: Dynamic Text Field and Dynamic Hidden Field. Most of the options will be
familiar to Contact Form 7 users. There are two important fields:

Dynamic Value

This field takes a shortcode, with two important provisions:

  1. The shortcode should NOT include the normal square brackets ([ and ]). So, instead of [CF7_GET key=’value’] you would use CF7_GET key=’value’ .
  2. Any parameters in the shortcode must use single quotes. That is: CF7_GET key=’value’ and not CF7_GET key=»value»

Uneditable Option

As these types of fields should often remain uneditable by the user, there is a checkbox to turn this option on (Not applicable for hidden fields).

INCLUDED SHORTCODES

The plugin includes 2 basic shortcodes for use with the Dynamic Text extension. You can write your own as well — any shortcode will work

PHP GET Variables

Want to use a variable from the PHP GET array? Just use the CF7_GET shortcode. For example, if you want to get the foo parameter from the url
http://mysite.com?foo=bar

Enter the following into the «Dynamic Value» input

CF7_GET key=’foo’

Your Content Form 7 Tag will look something like this:

[dynamictext dynamicname «CF7_GET key=’foo’»]

Your form’s dynamicname text input will then be pre-populated with the value of foo, in this case, bar

PHP POST Variables

New in version 1.0.3!

Grab variables from the $_POST array. The shortcode is much like the GET shortcode:

CF7_POST key=’foo’

Your Content Form 7 Tag will look something like this:

[dynamictext dynamicname «CF7_POST key=’foo’»]

Blog Info

Want to grab some information from your blog like the URL or the sitename? Use the CF7_bloginfo shortcode. For example, to get the site’s URL:

Enter the following into the «Dynamic Value» input

CF7_bloginfo show=’url’

Your Content Form 7 Tag will look something like this:

[dynamictext dynamicname «CF7_bloginfo show=’url’»]

Your form’s dynamicname text input will then be pre-populated with your site’s URL

Post Info

New in version 1.0.3!

Retrieve information about the current post/page (that the contact form is displayed on). The shortcode works as follows:

CF7_get_post_var key=’title’ <— retrieves the Post’s Title
CF7_get_post_var key=’slug’ <— retrieves the Post’s Slug

You can also retrieve any parameter from the $post object. Just set that as the key value, for example ‘post_date’

The Contact Form 7 Tag would look like:

[dynamictext dynamicname «CF7_get_post_var key=’title’»]

Current URL

New in version 1.0.3!

Retrieve the current URL. The shortcode takes no parameters:

CF7_URL

So your Contact Form 7 Tag would look like:

[dynamictext dynamicname «CF7_URL»]

Custom Fields

New in version 1.0.4!

Retrieve custom fields from the current post/page. Just set the custom field as the key in the shortcode.

The dynamic value input becomes:

CF7_get_custom_field key=’my_custom_field’

And the tag looks like this:

[dynamictext dynamicname «CF7_get_custom_field key=’my_custom_field’»]

For the purposes of including an email address, you can obfuscate the custom field value by setting obfuscate=’on’ in the shortcode.

Current User Info

Get data about the current user — assuming they are logged in. Defaults to user name, but you can set the key to any valid value in
https://codex.wordpress.org/Function_Reference/get_currentuserinfo

CF7_get_current_user

[dynamictext dynamicname «CF7_get_current_user»]

Referrer URL

Get the referral URL, if it exists. Note that this is not necessarily reliable as not all browsers send this data.

[dynamictext dynamicname «CF7_referrer»]

Like the Dynamic Text Extension? Please consider supporting its development by Donating.

Or check out my upcoming premium plugin, UberMenu — WordPress Mega Menu Plugin

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

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