Почему может не работать contact form 7?

Question

[Алексей]

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

<script>
       document.addEventListener('wpcf7submit', function (event) {
            if ('91' == event.detail.contactFormId) {
                window.location = 'http://tvoitreider.ru/sent/';
            }
        }, false);
</script>

Answer 1

[Денис Янчевский]

Если речь про сайт tvoitreider.ru и форму Начать обучение/регистрация, то, насколько я вижу, она у Вас реализована своим кодом:

$(".form").submit(function() {
    $.ajax({
      type: "POST",
      url: "mail.php",
      data: $(this).serialize()
    }).done(function() {
      $(this).find("input").val("");
      $(".okno").fadeOut();
      $(".okno2").fadeIn();
       setTimeout ("$('.fon').fadeOut('slow');", 3000);
      $(".form").trigger("reset");
    });
    return false;
  });

Уберите лишний js, вставьте форму через шорткод contact form 7 и попробуйте ещё раз.

Comments

[Алексей]

А что именно лишнее в js? Я начал убирать и у меня вообще перестала работать форма

[Денис Янчевский]

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

[Денис Янчевский]

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

$(".form").submit(function() {
    $.ajax({
      type: "POST",
      url: "mail.php",
      data: $(this).serialize()
    }).done(function() {
      $(this).find("input").val("");
      $(".okno").fadeOut();
      $(".okno2").fadeIn();
       setTimeout ("$('.fon').fadeOut('slow');", 3000);
      $(".form").trigger("reset");
      window.location = 'http://tvoitreider.ru/sent/';
    });
    return false;
  });

Не уверен, что сработает, но попытка — не пытка :).

[Алексей]

Денис Янчевский, Там все связанно как я понял для появления формы и отправки

[Денис Янчевский]

Алексей, ага, но Contact Form 7 имеет свои механизмы отправки, которые Вы и пытаетесь использовать в виде события "wpcf7submit", но так как они переопределены — ничего не происходит. Вариант, как можно попробовать решить вопрос — привел выше в комментарие.

[Алексей]

Денис Янчевский, Так не работает

[Денис Янчевский]

Алексей, ну тогда либо ждать других ответов, либо к фрилансерам. У меня идей пока больше нет.

[Алексей]

Да, спасибо, еще покручу сам сейчас

[Денис Янчевский]

Алексей, ещё может не срабатывать, т.к. файла tvoitreider.ru/mail.php, к которому обращается скрипт, не существует, а "done" выполняется, по идеи, только в случае успешного запроса.