Скачивание файла после отправки формы Contact Form 7

Задача. Необходимо сделать чтобы после заполнения и отправки контактной формы Contact Form 7 пользователь мог скачать файл.

Решение. Необходимо использовать Javascript и DOM событие для Contact Form 7 — wpcf7mailsent. При срабатывании данного события скрипт откроет вкладку с файлом, где пользователь сможет его посмотреть или скачать.

</p>
<p><script> // Скачивание файла filedwnld.pdf после отправки формы id=1744<br />
document.addEventListener( ‘wpcf7mailsent’, function( event ) {<br />
  var id = event.detail.contactFormId;<br />
  if (id == 1744) {<br />
    window.open(‘/wp-content/uploads/2020/05/filedwnld.pdf’, ‘_blank’);<br />
  }<br />
}, false );<br />
</script></p>
<p>

document.addEventListener( ‘wpcf7mailsent’, function( event ) {

var id = event.detail.contactFormId;

if (id == 1744) {

window.open(‘/wp-content/uploads/2020/05/filedwnld.pdf’, ‘_blank’);

}

}, false );

</script>

Код №1: Скачивание файла после отправки формы CF 7

id = event.detail.contactFormId; — получаем id формы которая сработала.

window.open(‘/wp-content…ld.pdf’, ‘_blank’); — если id равен 1744 (id нужно формы CF7), то открываем файл.

, ‘_blank’ — открывает в соседней вкладке. Если убрать, то файл откроется на этой же странице.

Источник

Понравилась статья?

Похожие публикации