Поддержка Проблемы и решения Contact Form 7 и Elementor, запретить закрытие pop-up

  • Добрый день. Кто-нибудь использовал Contact Form 7 и Elementor в связке? У меня такой вопрос возник, сделал формы обратной связи в Contact Form 7, т.к. там имеется поддержка невидимой третьей рекапчи, и вставил эти формы во всплывающие окна Elementor’а. Все работает, но проблема в том, что при неполном или не правильном заполнении формы, окно поп-апа закрывается, и ошибки видно только при повторном открытии поп-апа. Как запретить закрытие поп-апа при нажатии на кнопку «отправить»? Поля в формах отмечены как обязательны для заполнения.

Просмотр 13 ответов — с 1 по 13 (всего 13)
  • вставил эти формы во всплывающие окна Elementor’а

    Чем у вас создается popup?
    Если PopBox For Elementor, то он уже не поддерживается.
    Если Elementor pro, то обратитесь в их службу поддержки.

    Elementor Pro, но он не куплен, я тестирую. А русскоязычное сообщество ничем помочь не может?

    А русскоязычное сообщество ничем помочь не может?

    Ну разве что отзовется счастливый обладатель Elementor Pro. Покупать это ради помощи Вам вряд ли кто-то будет, а «контрафакт» тут не в чести.

    см. п.9. Правила форума

    В русскоязычном сообществе не приветствуют плагины, «не куплен, пока тестирую». А элементор не приветствуют в любом виде.

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

    Чем плох элементор? Может есть на примете тогда достойный аналог?

    Модератор Yui

    (@fierevere)

    ゆい

    элементор не приветствуют в любом виде

    Не нужно говорить за все сообщество.
    Элементор достататочно популярен.

    Элементор достататочно популярен.

    не на этом форуме, как бы вам не хотелось обратного

    Может есть на примете тогда достойный аналог?

    блокнот и хорошее знание html, css и js

    Модератор Yui

    (@fierevere)

    ゆい

    не на этом форуме, как бы вам не хотелось обратного

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

    Модератор Yui

    (@fierevere)

    ゆい

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

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    Добрый.

    А русскоязычное сообщество ничем помочь не может?

    Если есть телеграм, то можете попробовать поспрашивать тут, но варезу там тоже не будут рады.

    Спасибо за наводку. Но вдруг проблема не в элементоре вовсе? Как себя ведет CF7 во всплывающих окнах, чем реализовывали подобное? Может проблему можно решить задав специальное событие при нажатии на кнопку «отправить»?

    Как себя ведет CF7 во всплывающих окнах

    Спасибо, хорошо 🙂

    чем реализовывали подобное?

    Когда-то плагином, кажется, Easy Modal, потом плюнул на плагины и делал вручную.

    задав специальное событие при нажатии на кнопку «отправить»?

    В том-то и дело, что надо не на «отправить», а на «отправлено».
    В доках на CF7 есть пример обработчика этого события:

    add_action( 'wp_footer', 'mycustom_wp_footer' );
    
    function mycustom_wp_footer() {
    ?>
    <script type="text/javascript">
    document.addEventListener( 'wpcf7mailsent', function( event ) {
    	ga( 'send', 'event', 'Contact Form', 'submit' );
    }, false );
    </script>
    <?php
    }
    

    Вместо ga( 'send', делаем popup.hide(). Лучше с небольшой задержкой, чтобы юзер успел увидеть «Спасибо за Ваше сообщение»

    В общем, проблему решить не удалось. Почему-то CF7 при работе на обычной странице при клике на кнопку «отправить» выполнял проверку полей и отправку письма через скрипты, а в pop-up окне Elementor’a он игнорил скрипты и тупо обновлял страницу.

    Но вопрос отпал и больше не актуален. Elementor наконец с новыми обновами включили поддержку reCAPTCHA v3 и я отказался от CF3 и реализовал формы через Elementor Pro. Все работает гладко и как надо.

Просмотр 13 ответов — с 1 по 13 (всего 13)