Задача. Необходимо сделать чтобы после заполнения и отправки контактной формы Contact Form 7 пользователь мог скачать файл.
Решение. Необходимо использовать Javascript и DOM событие для Contact Form 7 — wpcf7mailsent
. При срабатывании данного события скрипт откроет вкладку с файлом, где пользователь сможет его посмотреть или скачать.
1 2 3 4 5 6 7 8 9 10 11 12 |
<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> |
id = event.detail.contactFormId; — получаем id формы которая сработала.
window.open(‘/wp-content…ld.pdf’, ‘_blank’); — если id равен 1744 (id нужно формы CF7), то открываем файл.
, ‘_blank’ — открывает в соседней вкладке. Если убрать, то файл откроется на этой же странице.