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

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

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



<script> // Скачивание файла filedwnld.pdf после отправки формы id=1744
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>

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’ — открывает в соседней вкладке. Если убрать, то файл откроется на этой же странице.

Источник