Я уже вам расказывал как можно добавить событие отправленного сообщения в contact form 7 и как отслеживать цели в WordPress, но с версии 4.2 плагин CF7 позволяет указывать больше настроек. Сегодня поговорим о всех дополнительных настройках а также пользовательских событиях (они же Custom DOM Events) для плагина WordPress Contact Form 7.
В этой статье описывается блок посвященный только дополнительным настройкам плагина, если вы искали пошаговую настройку для добавления Contact Form 7 на сайт перейдите по этой ссылке: CF7 или воспользуйтесь навигацией по странице ниже.
Если нужно решить проблему с плагином: contact form 7 не работает - можно перейти по указанной ссылке.
Если вы искали информацию о том, как создать форму обратная связь wordpress без плагина или вам нужна красивая обратная связь wordpress - вы можете перейти по ссылкам и прочитать интересующею вас инфу.
к менюВ связи с тем, что разработчики плагина CF7 решили убрать дополнительную настройку "on_sent_ok" и "on_submit", в плагин с версии 4.9 была добавлена возможность создания дерева пользовательских / клиентских событий. Ниже я приведу пример всех событий и покажу как переписать функцию чтоб перейти с on_sent_ok и on_submit на события wpcf7mailsent и wpcf7submit.
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: - новое событие, которое срабатывает когда сервер не может отправить письмо. (Очень удобно, для тех кто дорожит каждым заказом и хочет в метрике или аналитике отследить всех пользователей что не смогли отправить сообщение из сайта)
Пошаговая инструкция для добавления клиентских событий 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) Сохранить изменения.
к менюс версии плагина 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 дополнительные настройки, следите за этим постом чтобы быть в курсе событий. Новые настройки этого плагина будут публиковаться здесь после их выхода.
к меню Сейчас поробую расказать вам как настроить цели в contact form 7 google analytics.
Извините, по состоянию на 26.06.17 этот код не актуальный в связи с тем что гугл обновил код вызова целей. Ожидайте новой информации. Спасибо.
Для начала вы должны зарегистрироваться в google analytics ( www.google.com/analytics), а также зайти в "Администратор", выбрать "Аккаунт" и "Ресурс", создать "Представление" и там настроить цели.
Предположим у нас есть вот такой код для создания цели в 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 прекратит в этом году поддержку on_sent_ok и on_submit мы вынуждены переписать пошаговую инструкцию. Смотрите внимательно какая у вас версия плагина, возможно его нужно обновить чтоб инструкция заработала
Инструкция для версии плагина CF7 4.9 и выше
1) Регистрируемся в яндекс метрике. Для этого можно воспользоваться ссылкой метрика. Если у вас нет аккаунта на яндексе, то можно тут зарегистрироваться.
2) Добавляем наш сайт в метрику и закидываем себе на сайт код, который дает яндекс. Код метрики можно добавить в файл footer.php или header.php вашей темы.
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 формы мы берем от сюда:
вставляем этот код в редакторе как показано на кликабельном рисунке рисунке:
к менюЯ хотел бы более детально остановится на событиях плагина. Событие wpcf7submit позволяет отслеживать нажатие по кнопке отправить или submit. Это довольно удобный функционал в дополнительных настройках, который позволяет делать собственные эффекты при клике по кнопке отправить и многое другое. Для вызова достаточно в скриптах или в футере прописать вот такой слушатель события:
, где goBlackFon - это ваша функция с записанными спец эффектами.document.addEventListener( 'wpcf7submit', function( event ) { goBlackFon(); }, false );
Список событий позволяет менять настройки, например если использовать wpcf7invalid то мы можем изменить стиль сайта, когда пользователь не заполнил все поля.
к меню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 );
Надеюсь это не последнее новшество разработчиков этого плагина, а поэтому ставьте пост себе в закладки, жмите лайк, я буду добавлять новые настройки сюда по мере их создания.
к менюРешил немножко дополнить этот пост информацией о выводе плагина CF7 в произвольное место шаблона, так как многих читателей интересует именно этот вопрос.
Сделать вывод Contact Form 7 в виджет или пост довольно просто, нам нужно банально взять шорткод и вставить в нужное место, а вот с произвольным выводом в шаблон придется повозится.
Для вывода CF7 в шаблон WP я использую вот такой код:
<?php echo do_shortcode('ваш шорткод для CF7');?>
Более детально о Contact Form 7 настройка можно прочитать перейдя по ссылке.
Здравствуйте!
Подскажите как вывести в личном кабинете пользователя список его заявок поданных через форму CF7
Что бы он видел какие заявки он подал!
Буду благодарен!
Здравствуйте.
Подскажите какой код вставить в форму, чтобы было разрешено вводить только:
Латиницу
Кириллицу
Цифры
Только заглавные буквы
Здравствуйте! Подскажите, как сделать, чтобы сообщение об успешной отправке не скрывалось? Тоесть человек отправил успешно сообщение, внизу формы появилось сообщение об успешности, и через пару секунд оно исчезает. Вот как сделать чтобы оно не исчезало. Спасибо!
Скажите, как после отправки успешной сделать отправку произвольного письма на указанный адрес клиента?
спасибо.
Напишите пожалуйста код для отслеживания кнопок для метрики и для Google Аналитики.
Для метрики уже привязал, с аналитикой уже неделю мучаюсь, не знаю какой код привязать к кнопке.Помогите пожалуйста.
Подскажите как сделать редирект после отправки и передать один из параметров формы на страницу (на которую редиректит после отправки).
Парамер в коде выглядит так: $100
В форме он выглядит так [cf7cc_calculated calculated-815]
о... сорри, не знал, что у Вас html запрещен, вот так выглядит параметр в коде (-url-)
Заранее спасибо)
А что изменить, чтобы редирект шел в новом окне:
document.addEventListener('wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=="6946"){ // 6946 это id формы для отслеживания
setTimeout(function(){window.location.href='https://help-wp.ru';},1);
}
}, false );
?
Благодарю.
У меня что-то не так работает. Слишком много срабатываний цели, а по факту - отправки письма не было. Вроде все делаю по инструкции. Подскажите, в чем ошибка?
Код стоит в файле header.php сразу после счетчика Я.Метрики:
document.addEventListener( 'wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=="429"){
yaCounterXXXXXX.reachGoal('LID');
}
}, false );
Добрый день, я новичок и хочу поинтересоваться как реализовать свою идею:
Идёт регистрация на сайте новых пользователей через форму например Form Maker, после регистрации каждому пользователю присваивается свой id и создаётся своя страница с анкетными данными.
Далее на главную страницу выводится Фото с сылкой этого пользователя.
Подскажите пожалуйста, как это организовать и в каком направлении начать изучать материал, может у кого уже есть готовые наброски?
Доброго дня!
Подскажите, в чем может быть проблема.
Было установлено событие для метрики, все работало:
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 );
Поменяла местами по Вашему совету, посмотрим, что будет...
Код аналитикса подключен. Россия.
сайт (-url-)
Честно говоря я очень слабо понимаю то, о чем Вы написали 🙂
Аналитик подключен через плагин monster insights. Переподвязала сейчас его. Или стоит по-человечески разместить код на сайте?
По поводу jquery, что Вы можете посоветовать? Что сделать? Про этот атрибут я ничего не знаю 🙁
Стоит ли установить последнюю версию jQuery с помощью плагина jQuery Updater? Или обновление не решит проблему?
Установила код аналитикса без плагина в head.
Может ли быть проблема в том, что в коде аналитикса gtag.js, а код события задавался через ga?
Попробовала заменить функцию на gtag(не уверена, что верно), тоже не работает.
Здравствуйте. Спасибо за статью очень помогла. У меня есть один вопрос, а как после успешной отправки формы принять данные введенные в форму в переменные для последующего его вывода?
Добрый вечер! Пробовал всякими способами ничего не получается, видимо код перестал работать..((
Добрый вечер! Спасибо за статью. Есть вопрос! Как быть с составными целями? На главной странице сайта довольно много кнопок и все они ведут на одну страницу - консультация. Хочу отследить конверсии с каждой кнопки. Ставлю код на каждую кнопку. Идет сработка при клике на кнопку, хотя в Метрике цель составная кнопка+кнопка на странице консультация.
Спасибо за обновления касательно DOM Events. Подскажите, если на странице несколько форм, то как должен выглядеть код?
Возникла проблема с этим плагином. Всё работает идеально, кроме прикрепления файлов. Видимо 20 файлов это лимит, даже если они совсем маленькие. А необходимо до 30 файлов отправлять. Буду очень признателен за помощь.
Подскажите, пользователи регистрируются через форму, после чего все эти данные должны где то хранится то есть нужно создать отдельную базу данных на сервере? а после этого создать шаблон страницу "Профиль пользователя" для отображения , всё верно?
Для меня на данном этапе создать базу данных с пользователями уже будет хорошо.
в Анкете о пользователе будет простая информация типа: "как звать", "город проживания" и тп.
Благодарю автора за статью!
С помощью нее настроил быстро и просто редирект на другую страницу при отправке формы регистрации в мероприятии!
Сам файл.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);
}
для тех у кого шаблон 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
при этом даже не добавляя в доп. настройки самой формы
Цель срабатывает, все норм
У меня на 7 страницах - 7 разных попапформ - 7 разных целей ("оформить медсправку", на другой "оформить медкнижку" и тд), если форма находится в попапе, в настройках попапа установите, что бы он показывался только на нужной странице
(-url-)
а на страницах установите выше описанный код, меняя только имя цели.
И все работает гуд
Добрый день.
Подскажите такой вопрос. После успешной отправки формы в браузер пользователя загружался указанный файл по внешней ссылке. Спасибо.
Извините. Спешил. Вероятно не понятно написал. Хотел спросить, как добавить функцию скачивания файла после успешной отправки формы. Ссылка на внешний источник скачиваемого файла. Буду благодарен если кто подскажет как это возможно решить.
Спасибо за ответ. Попробую.
А как прописать этот самый иденфикатор в самой Contact Form. Перепахал уже всё, делал по написанному гугл нормально собирает, с метрикой траблы ищу ошибку 🙂
Уже видимо не работает ... сообщение отправляется, но сообщения об удачной отправке не выводиться, ну и ноль в метрике. (
Я имею ввиду on_sent_ok on submit не отрабатывают. У меня прописано в хеадер
document.addEventListener( 'wpcf7mailsent', function( event ) {
ga('send', 'event', 'myForm1', 'submit');
yaCounter3222ххх.reachGoal('myForm1');
}, false );
... вот я и думаю где можно прописать идентиф. кроме поля дополнительные настройки и как это сделать.
(-url-)
А я упрямо ставлю id цели.... баран 🙂
Приветствую! Решаю следующую задачу: На сайте есть раздел контакты и я хочу поставить на кнопку "отправить" цель. Создал цель в метрике, прописал идентификатор и в админке сайта, в разделе дополнительные настройки формы прописал вот так >> (-url-)
Пробовал отправить сообщение с сайта, в целях по "0" То есть не работает. Что сделал не так? Если не трудно отпиши в скайп
Здравствуйте. А как сделать так, чтоб на почту приходила еще и ссылка, где эта форма была заполнена?
Здравствуйте!
Подскажите, как можно организовать отправку писем с разным содержанием на разные адреса одновременно? Пользователю одно сообщение, а админу сайта другое.
Не совсем точно выразился. Админу сайта отправляется письмо с полным набором полей из формы, а нескольким пользователям, почта которых берется из базы данных, другое письмо с другим набором полей.
Первый вариант не подойдет, т.к. адреса заранее не известны, а выбираются из базы исходя из значений заполненных полей. Значит буду смотреть в сторону wpcf7_before_send_mail.
Только не пойму как записать нужное значение в получателей
function wpcf7_mail_processing($contact_form){
$contact_form->mail[recipient] = "mail@mail.ru";
}
Так не получается, остается старое значение в получателях. Видимо нужно форме обратно отправить массив contact_form, но как?
Все заработало, спасибо.
А как в 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]
Как передавать значения полей?
Спасибо!
Решил сам:
Указываем так:
phone: $('#wpcf7-f35-o2 [name="tel-664"]').val()
где #wpcf7-f35-o2 - ID вашей формы
На официальном сайте компонента говориться, что данный способ подключения целей скоро будет отключен: (-url-)
В связи с чем возникает вопрос, как теперь добавить цель на отправку формы в соответствии с новым методом?
Здравствуйте! А возможно ли с помощью CF7 сделать так:
пользователь выбирает один из вариантов (к примеру возраст) и ему показывается определённая фраза или предложение в форме?
Например: "Выберите ваш возраст:"
- 20 - 30
- 30 - 40
- 40 - 50
пользователь выбирает один (только один) вариант и в зависимости от того, что он выбрал ему показывается, допустим какой-то текст
Как можно так сделать?
Понятно, спасибо
Добрый день! Подскажите - после ввода данных в форму и нажатой кнопки отправить попап закрывается, но пропадает скрол у страницы
(-url-)
on_sent_ok: "setTimeout(function(){$('#pum-6212').fadeIn('slow');},100);"
on_sent_ok: "setTimeout(function(){$('#pum-6212').fadeOut('slow');},3000);"
Здравствуйте, у меня вместо кнопки отправить нужно вставить ссылку на popup кнопку. Как мне можно реализовать?
Здравствуйте!
Подскажите, можно ли сделать счетчик успешно отправленных форм, чтоб он отображался рядом с формой на странице?
Хочу сделать анкету-опросник. Цель счетчика - мотивировать людей к заполнения анкеты.
Можно ли для 2-х разных форм сделать 2 разных дизайна. То есть через стили я оформил форму, теперь мне нужно добавить ещё одну форму, но уже с другим оформлением, как это сделать?
Спасибо за быстрый ответ, но я не понимаю как присвоить свой стиль определённой контактной форме. То есть я вставляю форму через шорт-код [contact-form-7 404 "Not Found"], мне сам этот код обернуть в див с назначенным стилем, или как-то через дополнительные настройки на странице редактирования формы делать?
В первом варианте у меня просто в файле стилей темы прописаны стили для .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{
}
Задача: нужно установить код события 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 код события не видит.
Попробовали, не работает.
В чем может быть причина?
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.
Нашли проблему.
Она была не Contact Form 7. Причем после устранения проблемы Facebook видит код события fbq('track', 'Lead')прямо в дополнительных настройках формы в Contact Form 7, без дополнительного явафайла.
Проблема был вот в чем:
Facebook рекомендует устанавливать код базового пикселя между тегами , причем после всего содержимого перед последним из этих тегов. После установки кода между его окончанием и тегом у нас была пустая строка. Это оказалось критичным для Facebook. После удаления этой строки он стал видеть код события в Contact Form 7.
Я так понимаю что не догружается какой то скрипт... Выявил закономерность: например находимся на главной, нажимаем "Контакты" , далее отправляем письмо - первый раз отправляется с перезагрузкой странички. 2) если перейти в "Контакты", потом обновить страничку и тогда отправлять - уходит через аякс без перезагрузки странички. Что может влиять на такую работу?
В каких файлах вообще искать подключенные скрипты которые могут конфликтовать?
Добрый день. Проблема такова. Первый раз захожу на страничку контакты и отправляю через форму сообщение - отправляет с перезагрузкой. Второй раз если обновить - отправляет с аяксом без перезагрузки странички. ЧТо это может быть?
Кэш почистил. Все равно. Может есть возможность выявить причину?
Добрый день! Подскажите как реализовать следующее:
Есть несколько чекбоксов, у каждого по 1му варианту для выбора. Как в тело письма занести вариант, чтобы когда человек не поставил галку, приходило в письме что-то в духе Not select ???
Подскажите пожалуйста, какой код нужно вставить, чтобы после отправки формы, она очищалась и можно снова отправлять.
Подскажите в чем может быть проблема. Ставлю в настройках параметр acceptance_as_validation: on по сути форма не должна отправляться пока пользователь не примет соглашение, но отправка идет даже если условие не принято. Спасибо.
Подскажите пожалуйста, мне нужно вместо стандартного всплывающего сообщения, после успешной отправки формы переадресовывать человека на страницу /thanks-for-request/ на этом же сайте. Как это правильно прописать? Пробовал вариант описанный выше
setTimeout('window.location.assign("/thanks-for-request/")', 500); но он не срабатывает.
Забыл добавить. Спасибо за статью! Подродно и доходчиво написано.
А как прописать цель на заполнение полей формы без отправки?То есть если посетитель заполнил несколько полей но не отправил форму и покинул страницу
Форма вставлена на страницу, не всплывающая. Мне нужно что бы цель определялась заполнением хотя бы одного поля формы ну или нажатием на поле. Можно пример: если есть?
А если платно,сможешь сделать с подробным описанием и протестить ? Отпишись на мыло.
Здравствуйте! не могу понять как мне прописать несколько почтовых адресов для отправки для одного отдела например:
Выберите получателя (обязательно)
[select* menu-3 "Отдел кадров|Ver****@gmail.com,****dm@mail.ru, ******@ru"]
[select* menu-1 "Отдел менеджеров|Ver****@gmail.com,****dm@mail.ru, ******@ru"]
Забыл уточнить, надо чтобы адреса были как скрытая копия
bcc:****@1.ru
Добрый день!
Подскажите, пожалуйстаЮ, а как можно сделать чтобы при выборе
[select* menu-1 "Отдел кадров|123@gmail.com] - письмо уходило по этому адресу, а при выборе [select* menu-2 "Отдел менеджеров|456@gmail.com] письмо уходило по этому адресу?
Спасибо!
Здравствуйте! Подскажите как сделать что бы при нажатии кнопки "Отправить" Всплывало модальное окно с текстом "Благодарим"?
Пробовала так - не получается:
Вариант 1:
on_submit: "setTimeout(function(){span class="eModal-3"
Вариант 2:
on_submit: "setTimeout(function(){window.location.href = "eModal-3"
Добрый день!
Подскажите, как правильно составить "фразу" чтобы при нажатии 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');"
День добрый) перерыл уже все и тут читал как перенапрвить после нажатия кнопки отправить вставил в код в дополниетльные натройки а все равно ничего не происходит ( помогите а то горит заказ уже не рад что связался с ней сайт (-url-) нажмите увидите) жду очень ответьте на опчту помогите
А как осуществить пункт 2,куда это подключать и каким кодом в теме?В моем сайте?Напишите спасибо
Здравствуйте! Подскажите как сделать что бы при нажатии кнопки "Отправить" Всплывала новая форма для заполнения других данных?
Добрый день!
Скажите, пожалуйста, а откуда Вы взяли код: yaCounter2015xxxx.reachGoal('Form1')
Form1 понятно, это мы заполнили. А yaCounter2015xxxx.reachGoal где берется?
Спасибо заранее 🙂
Как можно использовать шорткоды в шаблона письма плагина Contact Form 7 ?
Подскажите как в форму contact form 7 вывести user_email, first_name, last_name из профиля авторизации на сайте?
Добрый день! Такой вопрос: как сделать отправку писем на разные ящики в зависимости от значения одного из полей?
Здравствуйте. Вижу что ранее разбиралась моя проблема, но решения так и не увидел. При постановки цели на форму при удачной отправке перестаёт выводить сообщение.
Здравствуйте,возможно ли реализовать чтобы после заполнения анкеты анкета приходила не письмом, а вносилась автоматически в excell файл.На самом деле нужно реализовать, чтобы все анкеты были в одном месте так как письмом не очень удобно когда приходит порядка 50 анкет в день, но как это сделать к сожалению не понимаю ((( Спасибо. Если кто может такое сделать готов оплатить работу )
Здравствуйте, подскажите пожалуйста как реализовать чтобы после нажатия на кнопку Submit человеку выводилось сообщение ваш порядковый номер к примеру - 10. А на почту ко мне приходили данные человека и этот его порядковый номер 10. Уже мозг закипел. Спасибо.
Здравствуйте. есть форма проверки подключен ли дом к интернету, данные которые вводятся это улица, номер дома, подъезд. После нажатия кнопки отправить, приходит письмо, и на сайте выводится сообщение "Спасибо за Ваше сообщение. Оно было отправлено." Как сделать чтоб происходило сравнение с базой данных адреса и если он там есть вместо этого сообщения выводилось, что дом подключен или не подключен.
Добрый день, существует ли для CF расширение, которое позволило бы использовать введенные пользователем данные для генерации статьи? Пример: пользователь вводит имя и фамилию, отправляет данные, нажав на кнопку, и редиректится на страницу, где написано: "Здравствуйте, Имя Фамилия". Спасибо
Спасибо большое)))
Здравствуйте)а как реализовать чтоб при нажатии кнопки "Отправить" пользователей перекидывало на другой сайт допустим или на главную страницу?)Если можно,то по подробнее пожалуйста)Спасибо заранее)
Добрый день, подскажите, как можно сделать в contact form 7, чтобы выдавал источник и фразу по которой была сделана заявка?
Добрый день.
После вставки кода типа: on_sent_ok: "yaCounter2015xxxx.reachGoal('Form1'); _gaq.push(['_trackEvent', 'order', 'view']);"
Форма перестает показывать сообщение о том что она отправлена, письмо при этом сваливается, и в метрику ничего не приходит
Подтверждаю
при вставке кода on_sent_ok: "yaCounter_мой_счетчик_xxxx.reachGoal('Form1'); _gaq.push(['_trackEvent', 'order', 'view']);" в "Дополнительно"
форма перестает отправляться
Такая же точно проблема. Опытным путем выяснил, что без проблем работает только если вставлять код для Метрики ** on_sent_ok: "yaCounterХХХХХХ.reachGoal('goalname');" **
Если вставлять обработчик для GA (не важно - отдельно или параллельно с обработчиком для Метрики), то возникает вышеописанная проблема.
Решил кто-нибудь?
Решил проблему, если кому интересно! И сообщение об отправке появляется, и цели считаются.
Код такой: ** on_sent_ok: "yaCounterХХХХХХ.reachGoal('ИМЯЦЕЛИ'); ga('send', 'event', 'Contact Form', 'submit');" **
В GA создаете цель типа "Событие", категорию события именуете "Contact Form", а действие события - "submit"
Добрый день. Подскажите, как вывести на экран количество нажатия кнопки on_submit?
Подскажите как в ContactForm 7 сделать так, чтобы при отправке клиентом своих данных - нажатии кнопки в ContactForm 7, открывалось новая popup страничка по гиперссылке (-url-)
Спасибо за статью.
у меня кнопка Отправить - отправляет данные для обратного звонка.
установил в дополнительные настройки формы код
on_submit: "yaCounter37111.reachGoal('zvonok');"
on_submit: "_gaq.push(['_trackEvent', 'zakaz', 'zvonok']);"
цель на отправку в яндекс метрики срабатывает, в гугл не фиксируется
что может быть не так? спасибо
Подключаю цель для метрики, но что то не подключается. Не могу понять как правильно сформулировать запрос, у вас 2015ХХХХ это что?
Добрый день.
Сообщения приходят, но в почте в колонке "От" в списке писем, пишется "WordPress". Подскажите как сменить эту надпись. Спасибо.
Добрый день, проблема не работает данный хук. Цель не отрабатывает и при сохранении есть сообщение "Данная форма имеет ошибку конфигурации ."
on_sent_ok: "yaCounter34732560.reachGoal('form1');"
Добрый день. Возможно ли после отправки письма через Contact Form 7 отправить письмо отправителю с подтвержением на введенный им ящик
Полностью согласен с вами, contact form 7 реально самый лучший плагин для отправки сообщений с сайта.
Обратная связь просто обалденная 🙂
Доброе время суток.
Подскажите пожалуйста, а есть ли возможность сделать редирект писем на другой адрес?
Здравствуйте. Необходимо в CF7 сделать редирект на различные страницы сайта в зависимости от выбранного значения в выпадающем меню. Возможно это осуществить в дополнительных настройках с помощью функции on_sent_ok?Или какие другие решения есть этой задачи? СПАСИБО.
Вставил код в контактформ7
on_sent_ok: "yaCounter16986630.reachGoal('ZAKAZ');"
on_sent_ok: "function(){alert('Сообщение отправлено успешно');}"
on_submit: "function(){alert('Нажата кнопка отправить');}"
страница формы (-url-)
Тоже крутиться стрелки, письма приходят.
Что делать?
Добрый день.
Вставляю код в текстовый виджет со своим шорткодом, но форма не выводится. При этом во всплывающем окне для заказа обратного звонка все отображается и работает работает. Смотрю исходный код. а там:
Почему не выводится?
А возможно ли сделать так чтобы отправлялись данные формы с одной страницы на один адрес, а с другой на другой и т.д. Т.к. страниц много - создавать кучу форм не вариант.
ребят, помогите, пожалуйста. Второй день мучаюсь, даже не представляла себе, что есть вещи, с которыми могу столько времени сидеть.
Вроде простая задача - поставить цель на 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('Сообщение отправлено успешно');" - последний вариант
Я понимаю, что блондинка латентная и вообще, но у меня идеи кончились
Та же проблема, что и у Александры...
Странно, все заработало...
Добрый день. Подскажите, как изменить стиль определенного блока 'div' , после удачной отправки формы?
маленькая проблемка с плагином contact form 7, он по какой то причине не обновляет страницу отправки сообщения, жмешь кнопку - а дальше до бесконечности крутятся стрелки... письма на почту приходят и в бд все прописывается. проверила на совместимость с другими плагинами, конфликта нет...
Также не получаю статус - отправлено/не отравлено, только вращение стрелок, сами письма приходят.
В шаблоне есть wp_head() и wp_footer(), конфликтов нет с плагинами...
Как сделать ДВА и более действия на on_sent_ok? Вот так редиректит, но не учитывает в аналитикс:
on_sent_ok: "ga('send', 'event', 'TROSO', 'Submit'); location = '(-url-)';"
Внимание к кавычкам. Вот так по-прежнему редиректит, но не учитывает в Аналитикс:
on_sent_ok: "ga('send', 'event', 'TROSO', 'Submit'); setTimeout('window.location.assign("http://yourсайт.ru/")', 500);"
А если добавляю еще Яндекс-цель - тоже не работает.
yaCounter192850ХХ.reachGoal(‘TROSO’); return true;
Пробовал скрипт сверху в форме. Все равно не отправляет. А в он_сент_ок Яндекс упорно все портит. Оставил неоптимальный вариант:
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;"
ну новый интерфейс плагина мягко говоря неудобный. ведь то можно было все в одном месте править, теперь нужно переключаться между вкладками.
Зато contact form 7 приобрел дополнительные настройки, которых так не хватало. Лично мне не хватало. А то в метрике отслеживаешь только удачные клики, а если клик был но не удачный то я в метрике ничего не видел. Получается реклама шла впустую
помогите пожалуйста, обновила плагин contact form 7 и все формы перестали работать. не идет отправка данных, пишет мол сообщение не отправлено обратитесь к администратору сайта. Дополнительные настройки плагина я точно не трогала, правок больше никаких не вносила. если сталкивались с такой проблемой буду признательная за помощь.
Для меня конечно хватало и одной настройки события, но тестовый режим для форм CF7 это довольно круто и удобно при разработке.
Дополнительные настройки contact form 7 это в первую очередь помощь разработчикам, простым пользователям они и не понятны и не сильно нужны 🙂
Добрый день. А как добавить чтобы при отправке формы к нам на почту приходил так же параметр, если переход был с рекламы то указывалась сеть если можно и запрос какой был