WordPress contact form 7 дополнительные настройки

Я уже вам расказывал как можно добавить событие отправленного сообщения в contact form 7 и как отслеживать цели в WordPress, но с версии 4.2 плагин CF7 позволяет указывать больше настроек. Сегодня поговорим о всех дополнительных настройках а также пользовательских событиях (они же Custom DOM Events) для плагина WordPress Contact Form 7.

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

Если нужно решить проблему с плагином: contact form 7 не работает - можно перейти по указанной ссылке.

Навигация по странице:

дерево клиентских событий contact form 7 Custom DOM Events
contact form 7 дополнительные настройки
contact form 7 google analytics
contact form 7 цели метрика
событие для кнопки submit / отправить
событие сообщение отправлено
вывод CF7

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

Пользовательские события Custom DOM Events для Contact Form 7

к менюВ связи с тем, что разработчики плагина CF7 решили убрать дополнительную настройку "on_sent_ok" и "on_submit", в плагин с версии 4.9 была добавлена возможность создания дерева пользовательских / клиентских событий. Ниже я приведу пример всех событий и покажу как переписать функцию чтоб перейти с on_sent_ok и on_submit на события wpcf7mailsent и wpcf7submit.

Новые события CF7:

wpcf7submit: - событие, которое возникает после отправки формы, не зависимо от результата. Это новый аналог настройки "on_submit", который сработает в любом случаи когда нажали на кнопку отправить форму. Даже если пользователь не заполнил все поля или получил ошибку это событие будет срабатывать. Пример использования:

document.addEventListener( 'wpcf7submit', function( event ) {
 if(event.detail.contactFormId=="32"){ // 32 это id формы для отслеживания
 alert("У формы №32 была нажата кнопка отправить");
 }
}, false );

wpcf7mailsent: - новый аналог "on_sent_ok", срабатывает только когда пользователь получит сообщение о том что его сообщение "успешно отправленно".

document.addEventListener( 'wpcf7mailsent', function( event ) {
 if(event.detail.contactFormId=="32"){ // 32 это id формы для отслеживания
 alert("Формы №32 была отправлена успешно");
 }
}, false );

wpcf7invalid: - событие, которое сработает если пользователь пытался отправить форму с не заполоненным обязательным полем

document.addEventListener( 'wpcf7invalid', function( event ) {
 if(event.detail.contactFormId=="32"){ // 32 это id формы для отслеживания
 alert("Формы №32 не была отправлена, заполнены не все поля");
 }
}, false );

wpcf7spam: - срабатывает, когда есть подозрение что это спам и отправка формы не идет

wpcf7mailfailed: - новое событие, которое срабатывает когда сервер не может отправить письмо. (Очень удобно, для тех кто дорожит каждым заказом и хочет в метрике или аналитике отследить всех пользователей что не смогли отправить сообщение из сайта)

Как пользоваться новыми событиями Contact Form 7

Пошаговая инструкция для добавления клиентских событий dom в Contact Form 7:

1) Создать файл яваскрипт, например myscript.js у себя на ПК

2) Записать в него нужный код, например вот этот:

document.addEventListener( 'wpcf7submit', function( event ) {
 if(event.detail.contactFormId=="32"){ // 32 это id формы для отслеживания
 alert("У формы №32 была нажата кнопка отправить");
 }
}, false );

Учтите что ваша форма может иметь другой ИД, не 32. ИД можно посмотреть вот так:

3) Сохранить файл.

4) Записать его в вашу тему на сервере, можно в корень темы.

5) Открыть файл темы functions.php и в самое начало добавить код подключения этого файла:

add_action('wp_enqueue_scripts', 'add_scripts_1');
function add_scripts_1(){
 wp_enqueue_script("cf7_list_function", get_bloginfo('stylesheet_directory').'/myscript.js',array('jquery'),"0.1",true);
}

6) Сохранить изменения.

Дополнительные настройки для Contact Form 7

к менюс версии плагина 4.9 список дополнительных настроек для contact form 7 - уменьшен

~~on_sent_ok:~~ - (согласно документации CF7 эта дополнительная настройка будет отключена в 2017 году) событие contact form 7, срабатывает, когда сообщение было успешно отправлено. Подходит для отслеживания информации в яндекс метрике (цели) или в целях google analytics. Для того чтоб воспользоваться этим событием достаточно вставить функцию вызова javascript кода или сам код, например вот так:

on_sent_ok: "alert('сообщение отправлено успешно');"

~~on_submit:~~ - (согласно документации CF7 эта дополнительная настройка будет отключена в 2017 году) событие contact form 7, срабатывает когда была нажата кнопка отправить / send / submit. Идеально подходит для целей google analytics и яндекс метрика цели, ведь вы всегда можете узнать почему успешная отправка сообщения не произошла. Использовать это событие можно аналогично предыдущему on_sent_ok:

on_submit: "alert('вы нажали на кнопку отправить');"

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

demo_mode: on

acceptance_as_validation: - дополнительный параметр CF7, он работает с чекбоксом acceptance и делает кнопку отправки сообщения активной для нажатия, даже когда acceptance равняется false. Включается в дополнительных настройках CF7 вот такой опцией:

acceptance_as_validation: on

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

Настройка целей google analytics в contact form 7

к меню ~~Сейчас поробую расказать вам как настроить цели в contact form 7 google analytics.~~

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

Для начала вы должны зарегистрироваться в google analytics ( www.google.com/analytics), а также зайти в "Администратор", выбрать "Аккаунт" и "Ресурс", создать "Представление" и там настроить цели.

Создаем представление:

А также делаем цель с настройками, текстовые поля могут отличаться:

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

_gaq.push(['_trackEvent', 'order', 'view'])

[свернуть]

Предположим у нас есть вот такой код для создания цели в google analytics: _gaq.push(['_trackEvent', 'order', 'view']) , теперь мы можем написать обработчик события отправленного сообщения в contact form 7:

on_sent_ok: "_gaq.push(['_trackEvent', 'order', 'view']);"

~~если мы хотим отслеживать все успешные отправки формы, или вот такой код:~~

on_submit: "_gaq.push(['_trackEvent', 'order', 'view']);"

~~если нам нужны все клики (с удачной и неудачной отправкой формы) по кнопке "Отправить"~~

~~Записывать этот код нужно в дополнительные настройки contact form 7.~~

Настройка contact form 7 цели метрика

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

Не знаете как получить код, воспользуйтесь инструкцией ниже:

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

Инструкция для версии плагина CF7 4.9 и выше

свернуть шаг 1

1) Регистрируемся в яндекс метрике. Для этого можно воспользоваться ссылкой метрика. Если у вас нет аккаунта на яндексе, то можно тут зарегистрироваться.

раскрыть шаг 2

2) Добавляем наш сайт в метрику и закидываем себе на сайт код, который дает яндекс. Код метрики можно добавить в файл footer.php или header.php вашей темы.

раскрыть шаг 3

3) В разделе настройка, выбираем вкладку цели, смотрите скин ниже, он открывается во всплывающем окне:

раскрыть шаг 4

4) Нажимаем на кнопку "добавить цель" и заполняем ее как у меня на скине, в конце нужно нажать кнопку "Добавить цель"

раскрыть шаг 5

5) У нас есть цель, если вы задали ее имя как я "Form1" то вам нужно по этой схеме вставить код вызова:

yaCounterXXXXXX.reachGoal('TARGET_NAME');
где:
XXXXXX — номер вашего id из метрики;
TARGET_NAME — идентификатор вашей цели (у меня это "Form1")

Как получить идентифакотр, да очень просто, в коде, который вы добавляли на сайт, от метрики, можно его подсмотреть, вот например у меня он такой:

w.yaCounter24933886 = new Ya.Metrika({id:24933886,

где 24933886 и есть мой ИД. В итоге код будет вот таким:

yaCounter24933886.reachGoal('Form1');

Предположим что у нас получился вот такой код: yaCounter2015xxxx.reachGoal('Form1'); теперь нам нужно открыть в редакторе файл темы footer.php и после кода подключения метрики добавить вот такой код:

<script>
document.addEventListener( 'wpcf7submit', function( event ) {
 if(event.detail.contactFormId=="6946"){ // 6946 это id формы для отслеживания
 yaCounter2015xxxx.reachGoal('Form1');
 }
}, false );
</script>

вместо wpcf7submit можно подставить событие wpcf7mailsent

Как вы поняли id формы мы берем от сюда:

вставляем этот код в редакторе как показано на кликабельном рисунке рисунке:

Событие contact form 7 для кнопки submit / отправить

к менюЯ хотел бы более детально остановится на событиях плагина. Событие wpcf7submit позволяет отслеживать нажатие по кнопке отправить или submit. Это довольно удобный функционал в дополнительных настройках, который позволяет делать собственные эффекты при клике по кнопке отправить и многое другое. Для вызова достаточно в скриптах или в футере прописать вот такой слушатель события:

document.addEventListener( 'wpcf7submit', function( event ) {
 goBlackFon();
}, false );

, где goBlackFon - это ваша функция с записанными спец эффектами.

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

Событие сообщение отправлено в contact form 7

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

document.addEventListener( 'wpcf7mailsent', function( event ) {

myFunction();

}, false );

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

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

document.addEventListener('wpcf7mailsent', function( event ) {
 if(event.detail.contactFormId=="6946"){ // 6946 это id формы для отслеживания
 setTimeout(function(){window.location.href='https://help-wp.ru';},1);
 }
}, false );

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

Вывод Contact Form 7 в шаблон

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

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

Для вывода CF7 в шаблон WP я использую вот такой код:

<?php echo do_shortcode('ваш шорткод для CF7');?>

Более детально о Contact Form 7 настройка можно прочитать перейдя по ссылке.

Комментарии к записи «WordPress contact form 7 дополнительные настройки»:

Александр:

30.01.2018 в 18:36

А что изменить, чтобы редирект шел в новом окне:

document.addEventListener('wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=="6946"){ // 6946 это id формы для отслеживания
setTimeout(function(){window.location.href='https://help-wp.ru';},1);
}
}, false );
?
Благодарю.

ответить
- admin:
  
  31.01.2018 в 16:22
  
  Смотрите в сторону функции window.open. Вставлять туда же где window.location.href='https://help-wp.ru'; но там не все так просто. есть куча нюансов.
Ольга:

16.01.2018 в 02:03

У меня что-то не так работает. Слишком много срабатываний цели, а по факту - отправки письма не было. Вроде все делаю по инструкции. Подскажите, в чем ошибка?
Код стоит в файле header.php сразу после счетчика Я.Метрики:

document.addEventListener( 'wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=="429"){
yaCounterXXXXXX.reachGoal('LID');
}
}, false );

ответить
- admin:
  
  16.01.2018 в 11:05
  
  Добрый день.
  "Слишком много" это сколько и за какой отрезок времени? По коду проблем не вижу. Возможно письма попадают просто в спам у вас на почте?
  Возможно, во время тестирования, где то установили дубль кода отправки и забыли убрать
Артем:

11.01.2018 в 11:32

Добрый день, я новичок и хочу поинтересоваться как реализовать свою идею:
Идёт регистрация на сайте новых пользователей через форму например Form Maker, после регистрации каждому пользователю присваивается свой id и создаётся своя страница с анкетными данными.
Далее на главную страницу выводится Фото с сылкой этого пользователя.
Подскажите пожалуйста, как это организовать и в каком направлении начать изучать материал, может у кого уже есть готовые наброски?

ответить
- admin:
  
  11.01.2018 в 11:49
  
  Добрый день.
  Готовых набросок нет, так как задача довольно специфическая. Если хочется все это сделать именно на ВП, то как вариант генерировать новый пост для каждого пользователя во время регистрации. Но для этого даже базовых навыков программирования будет недостаточно.
Ксения:

25.12.2017 в 11:34

Доброго дня!
Подскажите, в чем может быть проблема.
Было установлено событие для метрики, все работало:

document.addEventListener( 'wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=='652') {
yaCounter44358886.reachGoal('new-order');
}
}, false );

Мне понадобилось отправлять событие об отправке формы и в Аналитикс. Изменила код вот так, но событие в аналитикс не передается:

document.addEventListener( 'wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=='652') {
yaCounter44358886.reachGoal('new-order');
ga('send', 'event', 'new-order', 'Submit');
}
}, false );

ответить
- admin:
  
  25.12.2017 в 11:45
  
  Добрый день.
  Из всего что приходит на ум:
  1) Код гугл аналитики подключен?
  2) Тестируете из украинского ип адреса? - если да, попробуйте поменять местами код для метрики и аналитики. Метрика у вас может ошибку выбивать и обработчик банально прекращает работу.
  
  Больше ничего не смогу подсказать, надо смотреть сайт может там больше увижу.
- Ксения:
  
  25.12.2017 в 11:51
  
  Поменяла местами по Вашему совету, посмотрим, что будет...
  Код аналитикса подключен. Россия.
  сайт (-url-)
- admin:
  
  25.12.2017 в 12:07
  
  Нет смысла ждать, не поможет. У вас несколько проблем на сайте с яваскриптами:
  1) У вас какие-то проблемы с аналитикой "ga is not defined" или код неправильный или вы вызываете ga раньше того времени как скрипт успел подгрузится
  
  2) где-то неправильно подключен jquery, ругается на вызов $ is undefined
  
  3) Еще ошибка из символом ">" в скриптах, но я не понял где и почему.
  
  Думаю проблема в п.1 для начала надо попробовать подключить аналитику в шапке может и поможет
- Ксения:
  
  25.12.2017 в 12:21
  
  Честно говоря я очень слабо понимаю то, о чем Вы написали 🙂
  Аналитик подключен через плагин monster insights. Переподвязала сейчас его. Или стоит по-человечески разместить код на сайте?
  
  По поводу jquery, что Вы можете посоветовать? Что сделать? Про этот атрибут я ничего не знаю 🙁
- Ксения:
  
  25.12.2017 в 12:48
  
  Стоит ли установить последнюю версию jQuery с помощью плагина jQuery Updater? Или обновление не решит проблему?
- admin:
  
  25.12.2017 в 13:01
  
  нет, не решит. обновлять конечно все надо, но проблема не в этом. Надо пробовать подключить код аналитики до момента вызова кода. Для остального, с одной стороны нужен грамотный яваскрипт программист, а с другой если у вас все на плагинах то он особо ничего не сделает. Пусть висят ошибки, если все остальное норм работает только аналитика глючит надо решать проблему с ней
- Ксения:
  
  25.12.2017 в 17:28
  
  Установила код аналитикса без плагина в head.
  Может ли быть проблема в том, что в коде аналитикса gtag.js, а код события задавался через ga?
  Попробовала заменить функцию на gtag(не уверена, что верно), тоже не работает.
Шохрух:

22.12.2017 в 09:47

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

ответить
- admin:
  
  22.12.2017 в 11:21
  
  Добрый день.
  Смотрите в сторону хука wpcf7_before_send_mail, у меня никак руки не дойдут чтоб его описать. Там в принципе все просто add_filter( 'wpcf7_before_send_mail', 'ваша функция' );
  а в своей функции ко всем параметрам можно можно обращаться $_POST['имя поля']
Иван:

20.11.2017 в 16:44

Добрый вечер! Пробовал всякими способами ничего не получается, видимо код перестал работать..((

ответить
Артур:

17.11.2017 в 19:29

Добрый вечер! Спасибо за статью. Есть вопрос! Как быть с составными целями? На главной странице сайта довольно много кнопок и все они ведут на одну страницу - консультация. Хочу отследить конверсии с каждой кнопки. Ставлю код на каждую кнопку. Идет сработка при клике на кнопку, хотя в Метрике цель составная кнопка+кнопка на странице консультация.

ответить
- admin:
  
  20.11.2017 в 10:54
  
  Добрый день. Не смогу вам с этим помочь, так как не сталкивался с такой задачей.
  А если просто на каждую кнопку поставить разную цель то 100% будут приходить разные цели.
Дмитрий:

10.11.2017 в 14:39

Спасибо за обновления касательно DOM Events. Подскажите, если на странице несколько форм, то как должен выглядеть код?

ответить
- admin:
  
  13.11.2017 в 10:47
  
  Добрый день.
  Извините, пропустил ваш вопрос.
  Если форм несколько и нужно делать разные действия то можно вот так писать:
  
  document.addEventListener( 'wpcf7submit', function( event ) { if(event.detail.contactFormId=="32"){ // 32 это id формы для отслеживания alert("У формы №32 была нажата кнопка отправить"); } if(event.detail.contactFormId=="35"){ // 35 это id формы для отслеживания alert("У формы №35 была нажата кнопка отправить"); } if(event.detail.contactFormId=="40"){ // 40 это id формы для отслеживания alert("У формы №40 была нажата кнопка отправить"); }
  }, false );
  
  а если действие доно и тоже то можно обойтись и без проверки if
Алексей:

09.10.2017 в 09:09

Возникла проблема с этим плагином. Всё работает идеально, кроме прикрепления файлов. Видимо 20 файлов это лимит, даже если они совсем маленькие. А необходимо до 30 файлов отправлять. Буду очень признателен за помощь.

ответить
- admin:
  
  09.10.2017 в 09:51
  
  Добрый день.
  Я никогда не сталкивался с таким ограничением, так как задач по отправке такого большого количества файлов не было. Да и не удобно 20 раз кликать чтоб отправить так много файлов. Может проще поменять реализацию задачи?? Или задать этот вопрос в поддержке плагина.
  Извините, я в этом вопросе помочь не смогу.
- Артем:
  
  11.01.2018 в 12:10
  
  Подскажите, пользователи регистрируются через форму, после чего все эти данные должны где то хранится то есть нужно создать отдельную базу данных на сервере? а после этого создать шаблон страницу "Профиль пользователя" для отображения , всё верно?
  Для меня на данном этапе создать базу данных с пользователями уже будет хорошо.
  в Анкете о пользователе будет простая информация типа: "как звать", "город проживания" и тп.
Александр:

04.10.2017 в 17:16

Благодарю автора за статью!
С помощью нее настроил быстро и просто редирект на другую страницу при отправке формы регистрации в мероприятии!
Сам файл.js
document.addEventListener( 'wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=="124"){
location = '(-url-)';
}
}, false );

Единственно, что вставка в начало fuctions.php не прокатывает, надо вставлять после:
function twentyseventeen_setup() {

add_action('wp_enqueue_scripts', 'add_scripts_1');
function add_scripts_1(){
wp_enqueue_script("cf7_list_function", get_bloginfo('stylesheet_directory').'/readres.js',array('jquery'),"0.1",true);
}

ответить
Александр:

20.09.2017 в 19:13

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

document.addEventListener( 'wpcf7mailsent', function( event ) { yaCounter100000.reachGoal('myForm'); }, false );

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

https://help-wp.ru/wp-content/uploads/2017/09/cf7-file-1.png
https://help-wp.ru/wp-content/uploads/2017/09/cf7-file-2.png

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

Цель срабатывает, все норм

ответить
- admin:
  
  21.09.2017 в 09:13
  
  Добрый день.
  Большое спасибо за наглядный пример.
  Этот вариант подойдет если у вас форма в контактах или на другой странице используется один раз.
  Если же у вас форма в попап, одна на всех страницах, то лучше использовать вариант описанный на сайте.
- Александр:
  
  21.09.2017 в 17:12
  
  У меня на 7 страницах - 7 разных попапформ - 7 разных целей ("оформить медсправку", на другой "оформить медкнижку" и тд), если форма находится в попапе, в настройках попапа установите, что бы он показывался только на нужной странице
  (-url-)
  а на страницах установите выше описанный код, меняя только имя цели.
  И все работает гуд
- admin:
  
  21.09.2017 в 17:25
  
  Для 2-3 страниц решение нормальное, не спорю, но для блогов где по 100 -200 страниц/постов это уже накладно. А если придется менять код, то надеяться надо только на парсинг через mysql тогда :))
  Например, у меня на сайте практически на всех страницах есть попап
Эдуард:

18.09.2017 в 21:26

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

ответить
- Эдуард:
  
  19.09.2017 в 00:09
  
  Извините. Спешил. Вероятно не понятно написал. Хотел спросить, как добавить функцию скачивания файла после успешной отправки формы. Ссылка на внешний источник скачиваемого файла. Буду благодарен если кто подскажет как это возможно решить.
- admin:
  
  19.09.2017 в 09:32
  
  Добрый день.
  Ну как вариант редиректить на яваскрипте после события on_sent_ok.
  Можно вот так попробовать:
  
  on_sent_ok:"setTimeout(function(){window.location.href='ваша ссылка';},1);"
  
  а можно в яваскрипт файлах создать функцию и в on_sent_ok сделать ее вызов.
- Эдуард:
  
  20.09.2017 в 13:25
  
  Спасибо за ответ. Попробую.
Ден:

29.06.2017 в 15:59

А как прописать этот самый иденфикатор в самой Contact Form. Перепахал уже всё, делал по написанному гугл нормально собирает, с метрикой траблы ищу ошибку 🙂

ответить
- admin:
  
  29.06.2017 в 16:06
  
  вот рабочий код on_sent_ok: "yaCounter2015xxxx.reachGoal('Form1');"
  
  где yaCounter2015xxxx надо взять из кода который вам дает метрика для добавления на сайт
  
  Form1 - это название вашей цели в метрике
- Ден:
  
  29.06.2017 в 16:08
  
  Уже видимо не работает ... сообщение отправляется, но сообщения об удачной отправке не выводиться, ну и ноль в метрике. (
- Ден:
  
  29.06.2017 в 16:13
  
  Я имею ввиду on_sent_ok on submit не отрабатывают. У меня прописано в хеадер
  
  document.addEventListener( 'wpcf7mailsent', function( event ) {
  ga('send', 'event', 'myForm1', 'submit');
  yaCounter3222ххх.reachGoal('myForm1');
  }, false );
  
  ... вот я и думаю где можно прописать идентиф. кроме поля дополнительные настройки и как это сделать.
- admin:
  
  29.06.2017 в 16:13
  
  Если нужна помощь покажите сайт, код благополучно работает на десятках сайтов, в том числе и на этом.
- Ден:
  
  29.06.2017 в 16:15
  
  (-url-)
- admin:
  
  29.06.2017 в 16:21
  
  у вас код отслеживания метрики:
  w.yaCounter44447368 = new Ya.Metrika
  
  а вы посылаете запрос из yaCounter32222256.reachGoal
  
  правильный код 44447368 по этому и ошибка
- Ден:
  
  29.06.2017 в 16:26
  
  А я упрямо ставлю id цели.... баран 🙂
Сергей:

14.06.2017 в 19:44

Приветствую! Решаю следующую задачу: На сайте есть раздел контакты и я хочу поставить на кнопку "отправить" цель. Создал цель в метрике, прописал идентификатор и в админке сайта, в разделе дополнительные настройки формы прописал вот так >> (-url-)

Пробовал отправить сообщение с сайта, в целях по "0" То есть не работает. Что сделал не так? Если не трудно отпиши в скайп

ответить
- admin:
  
  16.06.2017 в 16:08
  
  Добрый день.
  Да вроде все правильно должен работать. Может у вас ошибки яваскрипт на странице??
Дмитрий:

25.05.2017 в 18:57

Здравствуйте. А как сделать так, чтоб на почту приходила еще и ссылка, где эта форма была заполнена?

ответить
Михаил:

24.05.2017 в 03:04

Здравствуйте!
Подскажите, как можно организовать отправку писем с разным содержанием на разные адреса одновременно? Пользователю одно сообщение, а админу сайта другое.

ответить
- Михаил:
  
  24.05.2017 в 03:29
  
  Не совсем точно выразился. Админу сайта отправляется письмо с полным набором полей из формы, а нескольким пользователям, почта которых берется из базы данных, другое письмо с другим набором полей.
- admin:
  
  24.05.2017 в 09:40
  
  Добрый день.
  Есть несколько способов решения проблемы, один из них создать копию письма, смотрите CF7, вкладка "письмо" (это вторая вкладка слева в настройках вашей формы). В самом низу можно поставить чек "Использовать почту (2)" и там указать другие адреса через запятую и другие данные.
  Или как вариант обратить свое внимание в сторону пхп, есть хук wpcf7_before_send_mail которым можно перехватывать сообщения с contact form 7
- Михаил:
  
  24.05.2017 в 10:00
  
  Первый вариант не подойдет, т.к. адреса заранее не известны, а выбираются из базы исходя из значений заполненных полей. Значит буду смотреть в сторону wpcf7_before_send_mail.
- Михаил:
  
  25.05.2017 в 14:11
  
  Только не пойму как записать нужное значение в получателей
  function wpcf7_mail_processing($contact_form){
  $contact_form->mail[recipient] = "mail@mail.ru";
  }
  Так не получается, остается старое значение в получателях. Видимо нужно форме обратно отправить массив contact_form, но как?
- admin:
  
  25.05.2017 в 14:20
  
  Вы немного неправильно пишите, там нужно как то так:
  
  function wpcf7_mail_processing($contact_form){
  $mail=$contact_form->prop('mail');
  $mail['recipient']="mail@mail.ru";
  $contact_form->set_properties(array('mail'=>$mail));
  }
  
  а если у вас не первый а второй шаблон письма то prop('mail_2')
- Михаил:
  
  25.05.2017 в 20:42
  
  Все заработало, спасибо.
Дмитрий:

18.05.2017 в 08:24

А как в on_sent_ok передавать данные полей?

Задача настроть отправку данных в коллтеркинг (роистат, в моем случае).

Вот такой код:
"roistatGoal.reach({name: 'Имя', phone: '79111234567'})"

Пробую так:
on_sent_ok: "roistatGoal.reach({name: 'text-195', phone: 'tel-541'});"

и так:
on_sent_ok:"roistatGoal.reach({name: '[text-195'], phone: ['tel-541']});"

На почту приходят шорткоды:
Имя клиента text-195
Телефон [tel-541]

Как передавать значения полей?
Спасибо!

ответить
- Дмитрий:
  
  18.05.2017 в 12:08
  
  Решил сам:
  
  Указываем так:
  
  phone: $('#wpcf7-f35-o2 [name="tel-664"]').val()
  
  где #wpcf7-f35-o2 - ID вашей формы
- admin:
  
  18.05.2017 в 12:12
  
  Добрый день.
  Да вы совершенно правы. Чет замотался, не успел ответить 🙂
Евгений:

06.05.2017 в 20:48

На официальном сайте компонента говориться, что данный способ подключения целей скоро будет отключен: (-url-)

В связи с чем возникает вопрос, как теперь добавить цель на отправку формы в соответствии с новым методом?

ответить
- admin:
  
  10.05.2017 в 13:56
  
  Добрый день.
  Да как не странно они хотят отказаться от этого способа. Посмотрим что из этого получится. Пока ничего не могу советовать по этому поводу 🙁
  На данный момент способ работает, как будет дальше посмотрим.
Равиль:

02.05.2017 в 17:07

Здравствуйте! А возможно ли с помощью CF7 сделать так:
пользователь выбирает один из вариантов (к примеру возраст) и ему показывается определённая фраза или предложение в форме?
Например: "Выберите ваш возраст:"
- 20 - 30
- 30 - 40
- 40 - 50

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

Как можно так сделать?

ответить
- admin:
  
  02.05.2017 в 18:58
  
  Добрый день.
  Яваскрипт, это все можно сделать на нем. Пример кода не покажу так как готового нет, да и задача не до конца ясна. Но на javascript такое делается.
- Равиль:
  
  04.05.2017 в 08:09
  
  Понятно, спасибо
Артём:

25.04.2017 в 07:04

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

(-url-)

on_sent_ok: "setTimeout(function(){$('#pum-6212').fadeIn('slow');},100);"
on_sent_ok: "setTimeout(function(){$('#pum-6212').fadeOut('slow');},3000);"

ответить
- admin:
  
  25.04.2017 в 11:29
  
  Добрый день.
  Смотрел из мазилы, вроде все ок. Прокрутка не пропадает. Возможно вы уже что то изменили.
Jora:

23.04.2017 в 11:33

Здравствуйте, у меня вместо кнопки отправить нужно вставить ссылку на popup кнопку. Как мне можно реализовать?

ответить
- admin:
  
  24.04.2017 в 10:21
  
  Добрый день.
  Не сильно понял что вам нужно. Возможно по клику на кнопку на сайте вызывать popup форму? Если да, то вот тут я описывал как сделать такую форму и такой вызов https://help-wp.ru/vsplyvayushhaya-forma-wordpress/
Павел:

11.04.2017 в 02:36

Здравствуйте!
Подскажите, можно ли сделать счетчик успешно отправленных форм, чтоб он отображался рядом с формой на странице?
Хочу сделать анкету-опросник. Цель счетчика - мотивировать людей к заполнения анкеты.

ответить
- admin:
  
  11.04.2017 в 09:48
  
  Добрый день.
  Думаю что можно. Для этого надо сделать в базе значение, можно через пользовательское поле ВП и туда на аякс отправлять информацию когда форма заполненная и получилось отправить, когда не получилось не отправлять.
Роман:

31.03.2017 в 10:27

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

ответить
- admin:
  
  31.03.2017 в 10:50
  
  Все зависит от того как вы для первой формы прописывали CSS, но в любом случаи вы можете для новой формы добавить уникальный класс или ид например #form2 и писать стили для всех блоков типа
  #form2 input{стиль для ввода}
  #form2 textarea{стиль для ввода}
  #form2 input[type=submit]{стиль для кнопки } и так далее
- Роман:
  
  31.03.2017 в 11:07
  
  Спасибо за быстрый ответ, но я не понимаю как присвоить свой стиль определённой контактной форме. То есть я вставляю форму через шорт-код [contact-form-7 404 "Not Found"], мне сам этот код обернуть в див с назначенным стилем, или как-то через дополнительные настройки на странице редактирования формы делать?
- Роман:
  
  31.03.2017 в 11:11
  
  В первом варианте у меня просто в файле стилей темы прописаны стили для .wpcf7:
  .wpcf7 {
  
  }
  
  .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
  
  }
  
  .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
  
  }
  
  .wpcf7-submit{
  
  }
  
  .wpcf7-submit:hover{
  
  }
- admin:
  
  31.03.2017 в 11:23
  
  закиньте этот код в функции своей темы, файл functions.php
  
  add_shortcode( 'myForm2', 'myForm2'); function myForm2(){ $str='<div id="form2">'.do_shortcode('[contact-form-7 id="1"]').'</div>'; return $str; }
  
  где [contact-form-7 404 "Not Found"] вы должны заменить на свой код вызова формы, который дает CF7. Теперь чтобы вызвать свою форму в записе вам достаточно написать такой шорткод туда [myForm2]
  
  а к стилям можно прибавлять id form2, типа
  #form2 .wpcf7 input[type="text"], #form2 .wpcf7 input[type="email"], #form2 .wpcf7 textarea{}
Михаил:

13.02.2017 в 12:52

Задача: нужно установить код события Facebook на сайт. Базовый код пикселя Facebook установлен и работает.

Код события должен срабатывать при нажатии кнопки определенной формы сайта.

Код события имеет вид:

fbq('track', 'Lead');

Проблема: на сайте для форм используется плагин Contact Form 7. Сделана попытка вставить код события в соответствующую форму в раздел "дополнительные настройки" вместе с кодами целей Яндекс.Метрики и Google Analytics. Данные в дополнительных настройках сейчас выглядят так:
on_submit: "yaCounterXXXXXXXX.reachGoal('price'); ga('send', 'event', 'form', 'price'); fbq('track', 'Lead');"

Цели Метрики и Analytics соответственно Яндекс и Гугл видят, а вот Facebook код события не видит.

ответить
- admin:
  
  13.02.2017 в 13:07
  
  Думаю что вам нужно создать отдельный яваскрипт файл, забросить туда все вызовы, которые вам нужны, в отдельную функцию, например:
  function my_echo(){
  yaCounterXXXXXXXX.reachGoal('price');
  ga('send', 'event', 'form', 'price');
  fbq('track', 'Lead');
  }
  
  не забыть подключить файл, и в самом CF7 вызвать эту функцию on_submit:"my_echo();"
  
  Попробуйте, должно так работать
- Михаил:
  
  15.02.2017 в 11:55
  
  Попробовали, не работает.
  В чем может быть причина?
- admin:
  
  15.02.2017 в 12:03
  
  Проверьте fbq('track', 'Lead'); возможно он вообще ничего не отправляет, не знаю навесте его на клик по какой-то тестовой кнопке или ссылке.
  
  Возможно вы неправильно подключили основной код, который и разрешает fbq отправлять запросы
- Михаил:
  
  15.02.2017 в 14:54
  
  1. Основной код подключен корректно, по нему происходит отслеживание событий (могу выслать скрин).
  
  2. Был написал файл scripts/counters.js, который имеет такой вид:
  
  function counters(){
  yaCounter40317265.reachGoal('price');
  ga('send', 'event', 'form', 'price');
  fbq('track', 'Lead');
  }
  
  3. В Contact Form 7 в соответствующей форме в дополнительных настройках указано следующее:
  
  on_submit: "counters();"
  
  При этом данные по целям поступают в Яндекс.Метрику и Google Analitics.
- admin:
  
  15.02.2017 в 15:07
  
  Ну на лицо проблема с вызовом fbq('track', 'Lead'); там проблема.
  Пробовали подключать на отдельное событие onclick мне кажется просто этот код не отправляет запросы, но предсказать я этого не могу так как нужно смотреть сайт. Не думаю что эта проблема связанная с CF7
- Михаил:
  
  20.02.2017 в 09:40
  
  Нашли проблему.
  Она была не Contact Form 7. Причем после устранения проблемы Facebook видит код события fbq('track', 'Lead')прямо в дополнительных настройках формы в Contact Form 7, без дополнительного явафайла.
  
  Проблема был вот в чем:
  Facebook рекомендует устанавливать код базового пикселя между тегами , причем после всего содержимого перед последним из этих тегов. После установки кода между его окончанием и тегом у нас была пустая строка. Это оказалось критичным для Facebook. После удаления этой строки он стал видеть код события в Contact Form 7.
Дмитрий:

31.01.2017 в 18:03

Я так понимаю что не догружается какой то скрипт... Выявил закономерность: например находимся на главной, нажимаем "Контакты" , далее отправляем письмо - первый раз отправляется с перезагрузкой странички. 2) если перейти в "Контакты", потом обновить страничку и тогда отправлять - уходит через аякс без перезагрузки странички. Что может влиять на такую работу?

ответить
- Дмитрий:
  
  31.01.2017 в 20:55
  
  В каких файлах вообще искать подключенные скрипты которые могут конфликтовать?
Дмитрий:

31.01.2017 в 17:00

Добрый день. Проблема такова. Первый раз захожу на страничку контакты и отправляю через форму сообщение - отправляет с перезагрузкой. Второй раз если обновить - отправляет с аяксом без перезагрузки странички. ЧТо это может быть?

ответить
- admin:
  
  31.01.2017 в 17:11
  
  Добрый день.
  Возможно кеш, хотя звучит банально, вряд ли причина в нем.
  Нужно смотреть сайт может причина где нибудь в скриптах.
  
  Мне не приходилось сталкиваться с такой проблемой 🙁
- Дмитрий:
  
  31.01.2017 в 17:57
  
  Кэш почистил. Все равно. Может есть возможность выявить причину?
- admin:
  
  31.01.2017 в 18:20
  
  Смотрите в инспекторе, может какой-то скрипт отдает 404 первый раз.
  Я почему сразу о кеше спросил, потому что пост запросы не кешируются, то есть после первой отправки постом у вас страница должна становится без кеша, и получается потом все норм.
  
  Ну функции wp_head(); и wp_footer(); у вас думаю что прописанные.
  Смотрите может какая то ошибка яваскрипт у вас происходит.
  
  Дайте ссылку на сайт может что то больше скажу, хотя не факт
Igor:

26.01.2017 в 17:19

Добрый день! Подскажите как реализовать следующее:
Есть несколько чекбоксов, у каждого по 1му варианту для выбора. Как в тело письма занести вариант, чтобы когда человек не поставил галку, приходило в письме что-то в духе Not select ???

ответить
- admin:
  
  26.01.2017 в 17:38
  
  Добрый день.
  Ну особо простого пути так сделать наверное нет. Как вариант сделать первый пункт с таким значением и спрятать его на цсс или яваскрипт и потом на яваскрипт автивировать всегда первым это значение (хотя если у вас чекбокс то всегда это значение будет приходить, это ж не радио батон)
  
  Ну или вклинивать на пхп проверку, в функции
  
  add_filter( 'wpcf7_before_send_mail', 'wpcf7_before_send_mail_my' );
  function wpcf7_before_send_mail_my($cf7){
  if($cf7->id==8){//id вашей формы заменить на свой
  if(!$_POST['your-check']){$_POST['your-check']="Not select";}
  }
  
  }
  
  Она может не точная, попробуйте допилить проверку и думаю будет все норм работать. your-check - название вашего поля чекбокс.
Алексей:

17.01.2017 в 23:22

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

ответить
- admin:
  
  18.01.2017 в 19:07
  
  По умолчанию форма очищается после успешной отправки сама.
  Возможно у вас в теме в файле footer.php отсутствует код wp_footer();
Стас:

12.01.2017 в 18:04

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

ответить
- admin:
  
  12.01.2017 в 18:06
  
  Добрый день.
  А какой у вас тип чекбокса для вашего условия? Там в доке acceptance должен быть, обычный чекбокс не будет работать.
Алексей:

11.01.2017 в 00:52

Подскажите пожалуйста, мне нужно вместо стандартного всплывающего сообщения, после успешной отправки формы переадресовывать человека на страницу /thanks-for-request/ на этом же сайте. Как это правильно прописать? Пробовал вариант описанный выше
setTimeout('window.location.assign("/thanks-for-request/")', 500); но он не срабатывает.

ответить
- admin:
  
  11.01.2017 в 13:02
  
  Добрый день.
  Вот этот варинт с работающего сайта:
  setTimeout(function(){window.location.href="ваша ссылка";},5);
  
  Тот пример что вы взяли из кода пользователя "Илья" у него немного другая ситуация была видимо.
  
  И путь переадресации нужно писать польностью начиная с http
Иван:

06.12.2016 в 19:53

Забыл добавить. Спасибо за статью! Подродно и доходчиво написано.

ответить
Иван:

06.12.2016 в 18:37

А как прописать цель на заполнение полей формы без отправки?То есть если посетитель заполнил несколько полей но не отправил форму и покинул страницу

ответить
- admin:
  
  06.12.2016 в 18:53
  
  Уточните плз.. какая у вас форма: всплывающая по клику на что либо или встроенная на страницу??
  
  Это важно так как для всплывающей можно отслеживать клик по кнопке для показа формы, а вот для встроенной сложно ответить. Ну сейчас в голову приходить что можно на яваскрипте отслеживать изменения в полях инпут, хотя у вас буде очень много событий тогда 🙁
- Иван:
  
  06.12.2016 в 19:52
  
  Форма вставлена на страницу, не всплывающая. Мне нужно что бы цель определялась заполнением хотя бы одного поля формы ну или нажатием на поле. Можно пример: если есть?
- admin:
  
  06.12.2016 в 20:06
  
  Примера нет, тестить нет времени, но должно как то так быть:
  1) добавьте для поля в форме класс или ид
  2) в скипт нужно забросить что то в этом роде $(".input_class").change(function(){код вызова метрики});
- Иван:
  
  06.12.2016 в 22:37
  
  А если платно,сможешь сделать с подробным описанием и протестить ? Отпишись на мыло.
Роман:

04.12.2016 в 18:28

Здравствуйте! не могу понять как мне прописать несколько почтовых адресов для отправки для одного отдела например:
Выберите получателя (обязательно)
[select* menu-3 "Отдел кадров|Ver****@gmail.com,****dm@mail.ru, ******@ru"]
[select* menu-1 "Отдел менеджеров|Ver****@gmail.com,****dm@mail.ru, ******@ru"]

ответить
- Роман:
  
  04.12.2016 в 18:33
  
  Забыл уточнить, надо чтобы адреса были как скрытая копия
  
  bcc:****@1.ru
- admin:
  
  04.12.2016 в 23:31
  
  Добрый вечер.
  Я правильно вас понимаю, вам нужно в блоке select указать почтовые адреса, куда будет почта приходить?? Или я не понял вас?
  В общем если вставить в поле кому: [menu-3], [menu-1] то почта должна уйти и первому и второму пользователю.
- Александр:
  
  25.01.2017 в 10:08
  
  Добрый день!
  Подскажите, пожалуйстаЮ, а как можно сделать чтобы при выборе
  [select* menu-1 "Отдел кадров|123@gmail.com] - письмо уходило по этому адресу, а при выборе [select* menu-2 "Отдел менеджеров|456@gmail.com] письмо уходило по этому адресу?
  Спасибо!
Ирина:

27.11.2016 в 07:53

Здравствуйте! Подскажите как сделать что бы при нажатии кнопки "Отправить" Всплывало модальное окно с текстом "Благодарим"?
Пробовала так - не получается:
Вариант 1:
on_submit: "setTimeout(function(){span class="eModal-3"
Вариант 2:
on_submit: "setTimeout(function(){window.location.href = "eModal-3"

ответить
- admin:
  
  28.11.2016 в 11:05
  
  Добрый день. Думаю есть смысл попробовать написать функцию, вот все что вы писали только в отдельную функцию, и подключить раньше вызова cf7.
  
  Например, вот такая функция:
  function showMessInCf7(){
  alert("Благодарим");
  }
  
  а в самой форме подключать вызов:
  
  on_sent_ok: "showMessInCf7();"
- Ирина:
  
  25.01.2017 в 17:04
  
  Добрый день!
  Подскажите, как правильно составить "фразу" чтобы при нажатии Submit всплывающее окно контактной формы закрывалось?
  сайт (-url-)
  сейчас такой код, где функции с .close - не срабатывают ((
  
  demo_mode: on
  
  on_sent_ok: "alert('Ваша заявка отправлена. Мы вам перезвоним в рабочее время с 08.00 до 20.00 ежедневно без выходных');"
  
  on_sent_ok: "$(function(){$('.popup2, .close')
  on_sent_ok: $.popup2.close();
  
  on_sent_ok: "$(function(){$('.popup2, .overlay2').css('opacity','0');$('.popup2, .overlay2').css('visibility','hidden');$('.popup3, .overlay2').css('opacity','1');$('.popup3, .overlay2').css('visibility','visible');});yaCounter30683938.reachGoal('record');"
- admin:
  
  25.01.2017 в 18:55
  
  А вы где то в доке видели что можно вот так по несколько раз использовать on_sent_ok мне кажется что так нельзя.
  Вам нужно создать файл например script.js в файле функцию, например my_test() и туда записать все действия что вам нужно. Далее нужно подключить этот файл к странице, а в самом доп. поле потом вызвать
  on_sent_ok: "my_test();"
  
  думаю что это самый правильный вариант. Только не забудьте правильно оформить файл, чтоб библиотека jQuery у вас работала, я смотрю вы ее используете.
Евгений:

15.11.2016 в 18:00

День добрый) перерыл уже все и тут читал как перенапрвить после нажатия кнопки отправить вставил в код в дополниетльные натройки а все равно ничего не происходит ( помогите а то горит заказ уже не рад что связался с ней сайт (-url-) нажмите увидите) жду очень ответьте на опчту помогите

ответить
- admin:
  
  15.11.2016 в 18:11
  
  Добрый день.
  1) У вас ошибка яваскрипта TypeError: $(...).mask is not a function $(".data").mask("99/99/9999");
  2) в теме видимо забыли подключить wp_head() и wp_footer() в шапке и футере соответственно - если нет одной из этих функций то вместо аякс мы видим перезагрузку страницы
  
  Видимо в п. 2 и есть ваша проблема хотя и п1 может такое делать
- Евгений:
  
  15.11.2016 в 19:00
  
  А как осуществить пункт 2,куда это подключать и каким кодом в теме?В моем сайте?Напишите спасибо
Владимир:

09.11.2016 в 18:11

Здравствуйте! Подскажите как сделать что бы при нажатии кнопки "Отправить" Всплывала новая форма для заполнения других данных?

ответить
- admin:
  
  11.11.2016 в 12:47
  
  Добрый день.
  Задачка интересная. Как вариант для кнопки добавить какой-то класс или ИД и на этот селектор в яваскрипте навесить событие .on("click",function(){код для отображения второй формы; return false;});
  
  return false; - в вашем случае запретит делать какие либо действия с кнопкой, такие как отправка данных
Оксана:

20.10.2016 в 01:31

Добрый день!
Скажите, пожалуйста, а откуда Вы взяли код: yaCounter2015xxxx.reachGoal('Form1')

Form1 понятно, это мы заполнили. А yaCounter2015xxxx.reachGoal где берется?
Спасибо заранее 🙂

ответить
- admin:
  
  20.10.2016 в 10:08
  
  Добрый день.
  Если посмотреть шаг 5 выше то там можно найти такой текст:
  
  yaCounterXXXXXX.reachGoal('TARGET_NAME');
  где:
  XXXXXX — номер вашего id из метрики;
  TARGET_NAME — идентификатор вашей цели (у меня это "Form1")
  
  XXXXXX находится в коде вашей метрики и перед ним уже написано yaCounter
Виктор:

04.10.2016 в 22:30

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

ответить
- admin:
  
  05.10.2016 в 14:25
  
  Ну [your-name] в теле письма - это и есть шорткод CF7. Если вам нужно использовать шорткод в значении value для input например, то нужно установить плагин динамических полей Contact Form 7 - Dynamic Text Extension у него есть возможность вставки шорткодов там есть инструкция. Если например у вас шорткод [my_short] то поле будет так выглядеть [dynamictext dynamictext-555 "my_short"]
Павел:

02.10.2016 в 19:11

Подскажите как в форму contact form 7 вывести user_email, first_name, last_name из профиля авторизации на сайте?

ответить
- admin:
  
  03.10.2016 в 10:18
  
  Добрый день.
  Как я себе представляю, то нужно установить плагин динамических полей для CF7, далее взять видимо динамическое поле и забросить в него шорткод. В шорткоде сделать проверку, если юзер вошел на сайт под ником у него есть свой ИД, то по id можно получить и почту и имя и другую информацию. если нет то даем пустой ответ шорткода. как то так 🙂
Евгений:

28.09.2016 в 00:04

Добрый день! Такой вопрос: как сделать отправку писем на разные ящики в зависимости от значения одного из полей?

ответить
- admin:
  
  28.09.2016 в 14:20
  
  Добрый день.
  Нужно адрес отправки записать в переменную, создать скрытое поле у формы и в зависимости от значения заполнять это поле нужным значением.
  В поле to в формы вставить код скрытого поля. И будет все работать
Андрей:

27.09.2016 в 22:39

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

ответить
- admin:
  
  28.09.2016 в 14:21
  
  Добрый день. Нужно смотреть конкретный сайт. Не знаю в чем может быть проблема, как вариант ошибка в яваскрипте
Игорь:

26.09.2016 в 17:20

Здравствуйте,возможно ли реализовать чтобы после заполнения анкеты анкета приходила не письмом, а вносилась автоматически в excell файл.На самом деле нужно реализовать, чтобы все анкеты были в одном месте так как письмом не очень удобно когда приходит порядка 50 анкет в день, но как это сделать к сожалению не понимаю ((( Спасибо. Если кто может такое сделать готов оплатить работу )

ответить
- admin:
  
  26.09.2016 в 17:26
  
  Добрый день.
  Мы не сможем взяться за такую работу.
Сергей:

26.09.2016 в 17:00

Здравствуйте, подскажите пожалуйста как реализовать чтобы после нажатия на кнопку Submit человеку выводилось сообщение ваш порядковый номер к примеру - 10. А на почту ко мне приходили данные человека и этот его порядковый номер 10. Уже мозг закипел. Спасибо.

ответить
- admin:
  
  26.09.2016 в 17:12
  
  Добрый день.
  Ну если вкратце, то
  1) делаем в базе поле для счетчика, как вариант опцию
  2) на яваскрипте запрещаем по клику на кнопку делать отправку данных вместо этого запускаем аякс запрос, который берет значение из базы и обновляет его на +1.
  3) по приходу аякс ответа в скрытое поле записываем динамическое значение на яваскрипте и обновляем форму, отправляем данные.
  4) если форма была отправлена показываем число.
  
  Ну как то так. Реально геморойная задача. возможно есть вариант по проще, например генирировать случайное число и отправлять его динамически но тогда оно точно не будет порядковым
Дмитрий:

21.09.2016 в 18:12

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

ответить
- admin:
  
  23.09.2016 в 10:04
  
  Добрый день.
  Пропустил ваше обращение, извините.
  Из того что могу посоветовать, это рассказать как перехватить обработчик контакт форм 7. Делается это вот так:
  
  function wpcf7_before_send_mail_my($cf7){ if(in_array($cf7->id,array(8,28372))){ // массив ИД форм которую отслеживаем делаем проверку если не прошли проверку то можно отправить что то вроде wp_die(); exit; } } add_filter( 'wpcf7_before_send_mail', 'wpcf7_before_send_mail_my' );
  
  Код для проверки уже смотрите сами какой должен быть.
  К полям внутри функции можно обращаться вот так: $_POST['your-name']
Алексей:

08.09.2016 в 22:31

Добрый день, существует ли для CF расширение, которое позволило бы использовать введенные пользователем данные для генерации статьи? Пример: пользователь вводит имя и фамилию, отправляет данные, нажав на кнопку, и редиректится на страницу, где написано: "Здравствуйте, Имя Фамилия". Спасибо

ответить
- admin:
  
  09.09.2016 в 09:45
  
  Добрый день.
  За CF7 не знаю, не встречал, но вот у Вордпреса есть встроенный механихм публикации постов, называется "Публикация через e-mail", находится в настройках вашсайт/wp-admin/options-writing.php думаю через это реально реализовать ваш задум. Ну или же фронтенд редактор использовать, кстати у плагина ACF есть функция фронтенд редактирования и добавления постов
Ильнар:

09.08.2016 в 17:48

Спасибо большое)))

ответить
Ильнар:

09.08.2016 в 17:27

Здравствуйте)а как реализовать чтоб при нажатии кнопки "Отправить" пользователей перекидывало на другой сайт допустим или на главную страницу?)Если можно,то по подробнее пожалуйста)Спасибо заранее)

ответить
- admin:
  
  09.08.2016 в 17:41
  
  Добрый день.
  По подробнее это готовый код 🙂 ?
  Вот это закиньте в дополнительные настройки вашей формы на contact form 7:
  
  on_sent_ok: "setTimeout(function(){window.location.href = "http://help-wp.ru";},10);"
  
  Он сработает когда форма была успешно отправленная. Редирект произойдет после того, как пользователь увидит сообщение что его сообщение было успешно отправленное.
  
  Если вам нужно сразу по клику отправлять человека не дожидаясь результатов проверки то стоить вот такой код использовать для редиректа с формы CF7:
  
  on_submit: "setTimeout(function(){window.location.href = "http://help-wp.ru";},10);"
Александр:

13.07.2016 в 19:06

Добрый день, подскажите, как можно сделать в contact form 7, чтобы выдавал источник и фразу по которой была сделана заявка?

ответить
- admin:
  
  09.08.2016 в 09:45
  
  Добрый день.
  Я такие вещи делаю через яваскрипт + в саму форму добавляю скрытое поле. О том как добавить скрытое поле есть тут информация https://help-wp.ru/contact-form-7/#zg4 , а вот сам код яваскрипта индивидуальный. ну если вкратце, то у нас есть событие клика по кнопке или загрузка стрницы или другое действие, мы записываем нашу информацию в поле.
Олег:

13.07.2016 в 01:12

Добрый день.
После вставки кода типа: on_sent_ok: "yaCounter2015xxxx.reachGoal('Form1'); _gaq.push(['_trackEvent', 'order', 'view']);"

Форма перестает показывать сообщение о том что она отправлена, письмо при этом сваливается, и в метрику ничего не приходит

ответить
- admin:
  
  18.07.2016 в 09:52
  
  Добрый день.
  Дак вы свой код вставляете или этот из примера?? Код вызова метрики и гугл целей нужно зарегистрировать и получить отдельно и вставить как на примере и все будет работать. Возможно вы допустили ошибку в кавычках " и '
- Павел:
  
  08.08.2016 в 16:33
  
  Подтверждаю
  при вставке кода on_sent_ok: "yaCounter_мой_счетчик_xxxx.reachGoal('Form1'); _gaq.push(['_trackEvent', 'order', 'view']);" в "Дополнительно"
  форма перестает отправляться
- Анди:
  
  19.10.2016 в 00:24
  
  Такая же точно проблема. Опытным путем выяснил, что без проблем работает только если вставлять код для Метрики ** on_sent_ok: "yaCounterХХХХХХ.reachGoal('goalname');" **
  
  Если вставлять обработчик для GA (не важно - отдельно или параллельно с обработчиком для Метрики), то возникает вышеописанная проблема.
  
  Решил кто-нибудь?
- Анди:
  
  19.10.2016 в 01:08
  
  Решил проблему, если кому интересно! И сообщение об отправке появляется, и цели считаются.
  
  Код такой: ** on_sent_ok: "yaCounterХХХХХХ.reachGoal('ИМЯЦЕЛИ'); ga('send', 'event', 'Contact Form', 'submit');" **
  
  В GA создаете цель типа "Событие", категорию события именуете "Contact Form", а действие события - "submit"
- admin:
  
  19.10.2016 в 09:44
  
  Да проблема уже была решена, нужно создать функцию и туда забросить коды вызовов цели метрики и аналитики. А в самом вызове добавлять вызов функции, выше в тексте есть пример.
Алекс:

27.06.2016 в 00:15

Добрый день. Подскажите, как вывести на экран количество нажатия кнопки on_submit?

ответить
- admin:
  
  27.06.2016 в 09:59
  
  Добрый.
  К сожалению не сильно понимаю цель и смысл этой задачи. на кнопку сабмит можно нажать 1 раз, смысл нажимать больше раз?
  
  Возможно вам нужно подсчитать количество нажатий на кнопку до ее отправки, например когда человек забыл всю информацию заполнить?? в таком случае придется писать аякс запрос и сохранять в базу или же использовать сесии с яваскрипта и туда писать события по on_submit
  Готового кода к сожалению у меня нет
Сергей:

16.06.2016 в 18:05

Подскажите как в ContactForm 7 сделать так, чтобы при отправке клиентом своих данных - нажатии кнопки в ContactForm 7, открывалось новая popup страничка по гиперссылке (-url-)

ответить
- admin:
  
  17.06.2016 в 09:51
  
  Как вариант, нужно создать функцию, например такого плана и в нее поместить код для отображения попапа.
  function mywork(){
  ... тут код для отображения попапа
  }
  
  а в настройки контакт форм 7 закидываем вот такой код:
  on_sent_ok: "mywork();"
  выше в статье описано куда нужно добавлять код, не буду повторяться
Александр:

01.06.2016 в 07:23

Спасибо за статью.
у меня кнопка Отправить - отправляет данные для обратного звонка.
установил в дополнительные настройки формы код
on_submit: "yaCounter37111.reachGoal('zvonok');"
on_submit: "_gaq.push(['_trackEvent', 'zakaz', 'zvonok']);"
цель на отправку в яндекс метрики срабатывает, в гугл не фиксируется
что может быть не так? спасибо

ответить
- admin:
  
  01.06.2016 в 10:33
  
  Добрый день.
  В дополнительных настройках CF7 не предусмотрено использование события несколько раз.
  Вам нужно писать код вот такого плана:
  
  on_submit: "yaCounter37111.reachGoal('zvonok'); _gaq.push(['_trackEvent', 'zakaz', 'zvonok']);"
Марина:

25.05.2016 в 10:50

Подключаю цель для метрики, но что то не подключается. Не могу понять как правильно сформулировать запрос, у вас 2015ХХХХ это что?

ответить
- admin:
  
  25.05.2016 в 10:55
  
  Добрый день.
  Для начала вам нужно зарегистрироваться в яндекс вебмастере и добавить код метрики к себе на сайт. В коде метрики есть идентификатор, такого плана id: идут цифры.
  
  Вставлять нужно так:
  yaCounterXXXXXX.reachGoal('TARGET_NAME');
  где:
  XXXXXX — номер вашего id из метрики;
  TARGET_NAME — идентификатор вашей цели
  
  вроде все
Кирилл:

24.05.2016 в 18:33

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

ответить
- admin:
  
  25.05.2016 в 11:01
  
  Добрый день.
  А зачем что то менять? Если вам нужна возможность отвечать через почтовик, то можно добавить код:
  Reply-To: [your-email]
  в поле "Дополнительные заголовки", которое находится во второй вкладке "Письмо",
  где your-email это ваше поле куда вводят пользователи свою почту
Вадим:

23.05.2016 в 16:52

Добрый день, проблема не работает данный хук. Цель не отрабатывает и при сохранении есть сообщение "Данная форма имеет ошибку конфигурации ."

on_sent_ok: "yaCounter34732560.reachGoal('form1');"

ответить
- admin:
  
  23.05.2016 в 17:05
  
  Добрый день.
  Нужно проверить работу ваших скриптов, возможно там ошибки. Как вариант закиньте такой код и посмотрите что будет:
  on_sent_ok: "function(){alert('Сообщение отправлено успешно');}"
  
  Можете скинуть ссылку на сайт и я тоже посмотрю.
Дмитрий:

17.05.2016 в 16:37

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

ответить
- admin:
  
  18.05.2016 в 10:41
  
  Добрый день.
  Отправить письмо возможно, также возможно туда вставить произвольную ссылку, но вот механизм подтверждения на пхп придется организовывать самостоятельно.
Илья:

26.03.2016 в 19:26

Полностью согласен с вами, contact form 7 реально самый лучший плагин для отправки сообщений с сайта.
Обратная связь просто обалденная 🙂

ответить
Роман:

17.03.2016 в 07:30

Доброе время суток.
Подскажите пожалуйста, а есть ли возможность сделать редирект писем на другой адрес?

ответить
- admin:
  
  17.03.2016 в 12:12
  
  Добрый день.
  Можно включить отправку копии на другой адрес, можно несколько адресатов через запятую задать.
Борис:

28.02.2016 в 17:30

Здравствуйте. Необходимо в CF7 сделать редирект на различные страницы сайта в зависимости от выбранного значения в выпадающем меню. Возможно это осуществить в дополнительных настройках с помощью функции on_sent_ok?Или какие другие решения есть этой задачи? СПАСИБО.

ответить
- admin:
  
  28.02.2016 в 19:29
  
  Добрый день.
  Ответил вам в разделе Вопрос/ответ.
  Редиректы с яваскрипт делать можно. on_sent_ok сработает когда сообщение отправлено успешно, цепляем на ее функцию, в которой набор редиректов и используем 🙂
Николай:

31.01.2016 в 00:32

Вставил код в контактформ7
on_sent_ok: "yaCounter16986630.reachGoal('ZAKAZ');"
on_sent_ok: "function(){alert('Сообщение отправлено успешно');}"
on_submit: "function(){alert('Нажата кнопка отправить');}"
страница формы (-url-)

Тоже крутиться стрелки, письма приходят.
Что делать?

ответить
- admin:
  
  01.02.2016 в 11:28
  
  Добрый день. А зачем вы 2 раза добавили on_sent_ok: ??
  
  Сейчас смотрю ваш сайт, форма работает отлично, лоадер крутится потом отправляет и вылазит зеленая вкладка, или карасная если не заполнить поля.
Алексей:

21.01.2016 в 13:43

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

Почему не выводится?

ответить
- admin:
  
  21.01.2016 в 17:27
  
  Добрый день.
  Сори, раньше не смог ответить.
  Думаю что у вас в текстовых виджетов не включена поддержка шорткодов.
  Вот я об этом описывал тут https://help-wp.ru/ne-rabotayut-shortkody-wordpress/
Андрей:

25.11.2015 в 16:52

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

ответить
- admin:
  
  25.11.2015 в 17:03
  
  Добрый день.
  Теоретически можно. 100% можно записать почтовые адреса в яваскрипт и потом в зависимости от урла писать их в инпут по идентивикатору.
  
  Можно попробовать в место где адрес вставить шорткод, а в функциях прописать шорткод, который в зависимости от страницы будет возвращать разные почтовые адреса. Второй вариант никогда не проверял, но точно знаю что contact form 7 умеет запускать пользовательские шорткоды
Александра:

20.10.2015 в 11:49

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

Вроде простая задача - поставить цель на on_sent_ok или хотя бы на on_submit

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

on_sent_ok: "yaCounter2015xxxx.reachGoal('Form1');"
on_submit: "yaCounter2015xxxx.reachGoal('Form1');"
с return true;
в любой последовательности, отдельно и вместе - для проверки... никаких вариантов не осталось.

Более того, с любом случае, на отправку, или на нажатие, при вписывании в дополнительные настройки cf7 перестают проявляться уведомления об отправке. Если прописываю дополнительно уведомления об отправке - они проходят. Цели - нет

on_submit: "yaCounter23725456.reachGoal ('sendform');"
on_sent_ok: "alert('Сообщение отправлено успешно');" - последний вариант

Я понимаю, что блондинка латентная и вообще, но у меня идеи кончились

ответить
- admin:
  
  20.10.2015 в 11:57
  
  Добрый день.
  Попробуйте закинуть оба варианта:
  on_sent_ok: "function(){alert('Сообщение отправлено успешно');}"
  on_submit: "function(){alert('Нажата кнопка отправить');}"
  
  и дайте ссылку на страницу и укажите где находится форма, если ее сразу не видно или их несколько. думаю что смогу вам помочь. (можно на почту, написал вам)
- Андрей:
  
  17.01.2016 в 14:01
  
  Та же проблема, что и у Александры...
- Андрей:
  
  17.01.2016 в 14:17
  
  Странно, все заработало...
Дмитрий:

15.10.2015 в 19:28

Добрый день. Подскажите, как изменить стиль определенного блока 'div' , после удачной отправки формы?

ответить
- admin:
  
  16.10.2015 в 09:54
  
  Добрый день.
  Создать файл яваскрипт с функцией для изменения дива, подцепить его к теме.
  А в настройках плагина contact form 7 вызвать таким вот образом
  on_sent_ok: "myFunction();"
  
  myFunction имя функции.
  Например такого плана:
  function myFunction(){$("#mydiv").css("color","#ff0000");}
Лана:

08.09.2015 в 01:49

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

ответить
- admin:
  
  08.09.2015 в 10:19
  
  возможно у вашей темы в шапке не подключен wp_head(); а в футере wp_footer();
- Максим:
  
  25.01.2016 в 15:35
  
  Также не получаю статус - отправлено/не отравлено, только вращение стрелок, сами письма приходят.
  В шаблоне есть wp_head() и wp_footer(), конфликтов нет с плагинами...
- admin:
  
  25.01.2016 в 15:47
  
  Покажите ссылку на сайт, можно по почте. Написал вам с нее. Думаю у вас банально или в стилях запрещена выпадашка, или не хватает высоты блока. Или ответ сервера портится при отправке. Если дадите ссылку попробую подсказать где проблема.
Илья:

07.09.2015 в 18:26

Как сделать ДВА и более действия на on_sent_ok? Вот так редиректит, но не учитывает в аналитикс:
on_sent_ok: "ga('send', 'event', 'TROSO', 'Submit'); location = '(-url-)';"

ответить
- admin:
  
  08.09.2015 в 10:16
  
  У вас редирект идет быстрее чем отправка аналитикса. Если код аналитикса правильный то нужно переписать редирект вот так:
  setTimeout("window.location.assign(ваша ссылка)",500);
- Илья:
  
  08.09.2015 в 11:17
  
  Внимание к кавычкам. Вот так по-прежнему редиректит, но не учитывает в Аналитикс:
  on_sent_ok: "ga('send', 'event', 'TROSO', 'Submit'); setTimeout('window.location.assign("http://yourсайт.ru/")', 500);"
  
  А если добавляю еще Яндекс-цель - тоже не работает.
  yaCounter192850ХХ.reachGoal(‘TROSO’); return true;
- admin:
  
  08.09.2015 в 11:35
  
  Попробуйте закинуть все в функцию и добавить ее в начало страницы или просто в яваскрипт код.
  
  function my_sent_ok(){
  ga('send', 'event', 'TROSO', 'Submit');
  yaCounter192850ХХ.reachGoal(‘TROSO’);
  setTimeout('window.location.assign("http://yourсайт.ru/")', 500);
  }
  
  и вызов тогда on_sent_ok: "my_sent_ok();"
- Илья:
  
  08.09.2015 в 15:28
  
  Пробовал скрипт сверху в форме. Все равно не отправляет. А в он_сент_ок Яндекс упорно все портит. Оставил неоптимальный вариант:
  on_sent_ok: "ga('send', 'event', 'PASS', 'Submit'); setTimeout('window.location.assign("http://yourсайт.ru/thank-you/")', 500);"
  on_submit: "yaCounter192850ХХ.reachGoal('TROSO'); return true;"
Макксим:

09.07.2015 в 15:06

ну новый интерфейс плагина мягко говоря неудобный. ведь то можно было все в одном месте править, теперь нужно переключаться между вкладками.
Зато contact form 7 приобрел дополнительные настройки, которых так не хватало. Лично мне не хватало. А то в метрике отслеживаешь только удачные клики, а если клик был но не удачный то я в метрике ничего не видел. Получается реклама шла впустую

ответить
Светлана:

09.07.2015 в 10:54

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

ответить
- admin:
  
  10.07.2015 в 11:39
  
  Добрый день.
  Думаю стоить обратиться к тех. поддержке, возможно это связанно именно с их действиями, а не обновлением плагина contact form 7. У меня был случай когда хостер отключал обратную связь за спам, а заметил это пользователь когда начал тестировать форму после обновления. Дополнительные настройки на это точно никак не влияют.
Стас:

06.07.2015 в 12:18

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

ответить

Нажмите, чтобы отменить ответ

Задать вопрос

Наши плагины

Мы делаем плагины на заказ

Сделать заказ

Онлайн помощь по WordPress