• Решено KosTeams

    (@pro100kostia)


    Нужно вывести блок с html разметкой при успешной отправки формы Contact Form 7, т.е. в данный момент выводится только, то что задано в админке в поле "Уведомление успешной отправки сообщения" -> "Спасибо за Ваше сообщение. Оно успешно отправлено."там нельзя использовать html теги. А мне очень нужно вывести вот такой блок <div class"block"></div> именно при успешной отправки формы, может кто-то знает как можно вывести этот блок?

    • Тема изменена 6 лет, 2 месяца назад пользователем KosTeams.
Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Добавляете блок в разметку формы или шаблона темы. Скрываете css’ом, а затем прикрепляете свою js-функцию к событию успешной отправки, которая будет его отображать.

    Например, так:

    document.addEventListener('wpcf7mailsent', function (event) {
    	if ('ID_ФОРМЫ' == event.detail.contactFormId) {
    		$('.form-success').addClass('show');
    	}
    }, false);
    Автор KosTeams

    (@pro100kostia)

    не совсем понял, вот допустим я создал блок

    <div class"block"></div>
    <style>
    .block{
    	display: none;
    }
    </style>

    как мне его отобразить
    $('.form-success').addClass('show'); — я так понимаю .form-success это класс блока который требуется отобразить, подскажите пожалуйста

    Модератор Юрій

    (@yube)

    не совсем понял, вот допустим я создал блок

    <div class"block"></div>

    jQuery(".block").show();

    и не class"block", а class="block"

    Автор KosTeams

    (@pro100kostia)

    спс очень помогли

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Contact Form 7 вывод htm при успешной отправки» закрыта для новых ответов.