Поддержка Проблемы и решения Настроить вывод уведомления об отправке вместо формы

  • Добрый день!

    на сайте используется плагин contact form 7. После отправки сообщения уведомление об успешной отправке данных появляется над формой. необходимо, чтобы при этом поля формы исчезали. подскажите, пожалуйста, как это сделать.

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Модератор Denis Yanchevskiy

    (@denisco)

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

    Добрый.

    Универсального решения увы не знаю, но думаю стоит попробовать нечто такое.
    В дополнительные настройки формы добавить строку:
    on_sent_ok: "jQuery('.wpcf7-form-control').hide();"

    • Ответ изменён 7 лет, 7 месяцев назад пользователем Denis Yanchevskiy.

    Здравствуйте! спасибо за ответ. ваше решение помогло частично:
    после отправки сообщения поля исчезают, а названия остаются:

    http://prntscr.com/ceauir

    как можно сделать так, чтобы и названия полей исчезали — оставалось только уведомление? код формы модифицирован:

    [response]
    
    <div class="form-group">
        <label for="inputFio" class="col-lg-5 control-label">ФИО<span>*</span></label>
    <div class="col-lg-7">
        [text* text-486 class:form-control id:inputFio] 
    </div>
    </div>
    
    <div class="form-group">
        <label for="inputTel" class="col-lg-5 control-label">Телефон<span>*</span></label>
    <div class="col-lg-7">
        [tel* tel-403 id:inputTel class:form-control]
    </div>
    </div>
    
    <div class="form-group">
    <label for="textArea" class="col-lg-5 control-label">Город<span>*</span></label>
    <div class="col-lg-7">
       [text* text-383 id:textArea class:form-control]			
    </div>
    </div>
    
    <div class="form-group">
        <label for="inputSumma" class="col-lg-5 control-label">Желаемая сумма<span>*</span></label>
    <div class="col-lg-7">
        [text* text-743 id:inputSumma class:form-control placeholder "от 50 000 рублей"]
    </div>
    </div>
    
    <div class="form-group">
        <label for="inputZalog" class="col-lg-5 control-label">Ваш залог<span>*</span></label>
    <div class="col-lg-7">
    [checkbox* checkbox-252 "Авто" "Недвижимость"]
    </div>
    </div>
    
    <div class="btn-appl">
     [submit "Отправить заявку"]
    </div>
    • Ответ изменён 7 лет, 7 месяцев назад пользователем pilulka.
    Модератор Denis Yanchevskiy

    (@denisco)

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

    как можно сделать так, чтобы и названия полей исчезали — оставалось только уведомление?

    Пробуйте так:
    on_sent_ok: "jQuery('.form-group, .btn-appl').hide();"

    помогло!!! спасибо большое!!! уже не первый раз мне помогаете!!!!

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Настроить вывод уведомления об отправке вместо формы» закрыта для новых ответов.