1

введите сюда описание изображенияПривет. Использую на сайте форму Contact Form 7 для записи пациента на прием к врачу. Возникла необходимость, чтобы после нажатия на кнопку записаться, перед отправкой на эл.почту распечатался некое подобие талона с введенными пользователем данными в заранее подготовленном шаблоне.

Как это реализовать? Помогите пожалуйста.

Нашел как выполнить какое - то действие после успешной отправки:

document.addEventListener( 'wpcf7submit', function( event ) {
if(event.detail.contactFormId=="32"){ // 32 это id формы для отслеживания
alert("У формы №32 была нажата кнопка отправить");
}
}, false ); 

Открыть файл темы functions.php и в самое начало добавить код подключения этого файла:

add_action('wp_enqueue_scripts', 'add_scripts_1');
function add_scripts_1(){
wp_enqueue_script("cf7_list_function", get_bloginfo('stylesheet_directory').'/myscript.js',array('jquery'),"0.1",true);
}

вот сайт нашел, который демонстрирует функционал, о котором я писал выше, но к сожалению он не на вордпрессе сделан. Центромед - онлайн запись

введите сюда описание изображениявведите сюда описание изображения

12
  • 2
    Это не просьба помочь, это предложение сделать чужую работу. Вы бы глянули на в инструкцию, как задавать вопросы. 19 дек 2017 в 5:18
  • Формируете "страницу" для печати, через js отправляете на печать, в чем сложность то?
    – DaemonHK
    19 дек 2017 в 5:28
  • @АлександрМуксимов, нет, это не сделать работу, а подсказать решение как или с пом чего это реализовать.
    – SeVlad
    19 дек 2017 в 8:37
  • Что имеется ввиду под "распечаталось"? Где, у кого? Что за "шаблон"?
    – SeVlad
    19 дек 2017 в 8:38
  • @SeVlad, возможно, что меня достали бездельники, не знающие зачем нужно учиться в институте, и я не распознал, что за вопросом стоит реальная проблема, однако вопрос сформулирован плохо - в нем нет информации, достаточной для содержательного ответа. Поэтому, ИМХО, автора вопроса есть смысл заглянуть в справку о том, как нужно формулировать вопросы на форуме. Вряд ли в той форме, как он поставлен, можно дать более точный ответ чем "...Формируете "страницу" для печати, через js отправляете на печать..." 19 дек 2017 в 9:04

1 ответ 1

1
вызов функции onclick="PrintDoc()"
<script>
function PrintDoc() {
var popupWin = window.open('', '_blank', 'width=1024,height=768,location=no,top=50px,left=50px');
popupWin.document.open();
popupWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" /></head><body onload="window.print()">');

тут верстка талона

popupWin.document.write('</body></html>');
popupWin.document.close();

};
</script>
4
  • Спасибо, а как вот эти данные отправленные пользователем получить?
    – Sultanov
    19 дек 2017 в 11:17
  • тут на примере записывают в переменную vincoding.com/passing-contact-form-7-data-thank-page
    – Павел
    19 дек 2017 в 11:37
  • @ШохрухСултанов, если ответ Вас устроил, не забудьте его принять (поставить зеленую галочку) 19 дек 2017 в 12:22
  • @Павел, Большое Вам спасибо.
    – Sultanov
    20 дек 2017 в 3:11

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.