Как сделать скачивание файла pdf после заполнения формы c помощью плагина Contact Form 7

12.08.2016

Как сделать скачивание pdf-файла после отправки формы с помощью плагина Contact Form 7.

Открываем pdf-файл сразу на этой же странице. Добавляем данный скрипт в свой файл скриптов:

document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'http://site.ua/wp-content/uploads/2016/08/catalog.pdf';
}, false );

Открываем pdf на новой странице после успешной отправки формы:

document.addEventListener( 'wpcf7mailsent', function( event ) {
  window.open('http://site.ua/wp-content/uploads/2016/08/catalog.pdf', '_blank');
}, false );

Если вы добавляете скрипты не в свой файл .js, а в футер или какой-то виджет для скриптов, тогда оберните скрипт в такой код:

jQuery(document).ready(function($) {
// code ...
});

Больше информации про события при отправке формы Contact Form 7 в этой статье Действия после успешной отправки формы CF7.

Полезная инфа:

Комментарии (4) к “Как сделать скачивание файла pdf после заполнения формы c помощью плагина Contact Form 7”

  • Gleb

    Скажите пожалуйста, а куда прописывать данные строки?

    Ответить
    • Denis Creative

      Вот обновленная версия (этот код добавить в свой javascript файл со скриптами):

      document.addEventListener( 'wpcf7mailsent', function( event ) {
         window.open('http://test.ru/wp-content/uploads/2018/11/doc.pdf', '_blank');
      }, false );

      Здесь есть подробнее.

      Ответить
  • Александра

    Кто-то пробовал? Если можно пример опубликуйте.

    Ответить
    • Denis Creative

      Исправил статью, необходимо использовать скрипты для отслеживания событий после отправки формы.

      Ответить

Оставить комментарий