Как отследить с какой кнопки отпралена заявка wordpress?

Question

[Gubert]

Добрый день! Есть лендинг на нем множество услуг с модальными кнопками. Модалька с формой открывается по id кнопки. Как передать атрибуты кнопки (например если я сделаю каждой кнопке атрибут data-btn="Мини", с помощью скрытого поля в contact form 7 и понять с какой кнопки пришла заявка? Прошу помочь с вопросом готовым примером я новичок в этом деле. Заранее спасибо!

Answer 1

[Антон Литвиненко]

заводите в форме скрытое поле скажем с name="from".
осталось только в функции, открывающей модалку получить либо с кнопки data-attr="someNameFrom", либо , например я делал так: если понятно за что отвечает секция я ее тайтлу или скрытому тайтлу добавлял специальный класс и по нему забирал текст тайтла, который вставлял потом в скрытый инпут. второй вариант както так, с кнопкой еще проще

$('.open-modal-btn').on('click', function (e) {
	e.preventDefault();
	var $title = $(this).parents('.cf7-item').find('.cf7-title').text(); //тут я получаю родителя с классом и в нем ищу тайтл, там так нужно было
	$('#call-to-action').find('.modal-target').val($title);// это скрытый инпут
	var $target = $(this).attr('data-target');
	openModal($target);
});

Comments

[Gubert]

А вот что то похожее с кнопкой как реализовать ? Например я сделаю каждой кнопке атрибут data-attr="Мини", второй кнопке data-attr="Макси". Как сделать что бы значение data-attr передавалось после открытие модальки по id в скрытое поле?

[Антон Литвиненко]

Gubert,

var btnName = $(this).attr('data-name');
//or
var btnName = $(this).data('name');

[Gubert]

Антон, буду благодарен если полностью код покажешь я в js не силен

[Антон Литвиненко]

Gubert,

$('.селектор_кнопки').on('click', function (e) {
  e.preventDefault();
  var btnName = $(this).attr('data-name'); //у кнопки должен быть атрибут data-name="Какоето значение"
  $('.селектор_формы').find('.modal-target').val(btnName);// в форме должен быть скрытый инпут с классом modal-target

  // Далее код открывающий модалку и все такое...

});

[Gubert]

Антон Литвиненко, Спасибо Антон! Не могу потестировать код вываливается в консоли ошибка uncaught typeerror: $ is not a function поправил кода так добавил вместо $, jQuery

jQuery ('.hosting-main-button').on('click', function (e) {e.preventDefault();
var btnName = $(this).attr('data-name');
jQuery ('.wpcf7-form').find('.modal-target').val(btnName);

});

А в var не пойму как конструкцию исправить

[Антон Литвиненко]

Gubert, ровно также поменять доллар на джейквери

[Gubert]

Антон, спасибо огромное, все работает!

Answer 2

[shellnet]

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

Answer 3

[SagePtr]

Кнопкам можно задавать атрибут name, как и любым другим элементам формы

Comments

[Newn]

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

[Gubert]

Newn, а в contact form как это реализовать ? Что бы значение кнопки передавалось в форму. Как подцепить все это дело к телу письма?

[Newn]

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

Т.е. сейчас у тебя кнопка без атрибута name.

В настройках cf7 на эту кнопку прописать просто имя. Давно я им не пользовался.

Должно получится примерно

[submit "Отправить" btn1]

Еще попробуй через шорт код, я вроде через него делал.

Как добавить свой шорткод в email шаблон плагина contact form 7?

[Gubert]

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