https://krytoshop.com/det-kovriki/ у меня есть вот такой сайт с каталогом товаров. Тут много кнопок Купить и в некоторых товаров есть еще размер, в некоторых не будет выбора размера. После нажатия на купить идет перенаправление на следующую форму сбора данных о клиенте. Как сделать, чтобы нажатие на кнопку сохраняло данные о товаре и размерах в какую то базу, а потом отсылало на почту или телеграм вместе с данными формы обратной связи?
Вот код одного из товаров
<div class="Cat__name">Африка + Океан</div>
<div class="Cat__params">
<div class="Cat__params__size">
<p class="main-size">1800 х 1200 х 10 мм</p>
<img src="img/cat-arrow.svg">
<div class="Cat__params__size__parametr">
<p data-price="750">1800 х 1200 х 10 мм</p>
<p data-price="890">1800 х 2000 х 10 мм</p>
</div>
</div>
<div class="Cat__params__lenght">
<div class="Cat__params__lenght__minus Cat__params_el">-</div>
<div class="Cat__params__lenght__value Cat__params_el">1</div>
<div class="Cat__params__lenght__plus Cat__params_el">+</div>
</div>
</div>
<div class="Cat__price"><a>750 </a>грн <span>1 300 грн </span></div>
<div class="Cat__button open_modal_buy">Купить</div>
</div>
Вот последующая форма обратной связи
<div class="Modal" id="First_Modal">
<div class="Modal-cont Modal-get">
<img src="img/close.svg" class="Modal-close">
<div class="Modal-get-box">
<h2>Заказать</h2>
<form action="send.php" method="post" class="Modal-get-form" id="Modal-form">
<div class="Modal-get-input"><input type="text" class="input_name_i" name="name" placeholder="Ваше имя"></div>
<div class="Modal-get-input"><input type="text" class="input_phone_i" name="phone" placeholder="(99) 999 99 99"></div>
<div class="Modal-get-input"><input type="text" class="input_phone_i" name="text" placeholder="Название модели коврика"></div>
<div class="Modal-get-button">Отправить</div>
<input type="hidden" name="where" value="Заказать">
<input type="hidden" value="Не указано" name="size" class="input_size">
<input type="hidden" value="Не указано" name="value" class="input_value">
<input type="hidden" value="Не указано" name="name_t" class="input_name">
</form>
</div>
</div>
</div>
А вот обработчик PHP
<?php
$name = $_POST['name'];
$phone = $_POST['phone'];
$sale = $_POST['text'];
$token = "moi token";
$chat_id = "-688431720";
$arr = array(
'Имя пользователя: ' => $name,
'Телефон: ' => $phone,
'Название заказанной модели: ' => $sale,
);
foreach($arr as $key => $value) {
$txt .= "<b>".$key."</b> ".$value."%0A";
};
$sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r");
if ($sendToTelegram) {
header('Location: index.html');
} else {
echo "Error";
}
$to = "qweasdzxc701@ukr.net"; // емайл получателя данных из формы
$tema = "Форма обратной связи на PHP"; // тема полученного емайла
$message = "Ваше имя: ".$_POST['name']."<br>";//присвоить переменной значение, полученное из формы name=name
$message .= "E-mail: ".$_POST['email']."<br>"; //полученное из формы name=email
$message .= "Номер телефона: ".$_POST['phone']."<br>"; //полученное из формы name=phone
$message .= "Сайт Детские Коврики. Модель- ".$_POST['text']. "<br>"; //полученное из формы name=message
$headers = 'MIME-Version: 1.0' . "\r\n"; // заголовок соответствует формату плюс символ перевода строки
$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n"; // указывает на тип посылаемого контента
mail($to, $tema, $message, $headers); //отправляет получателю на емайл значения переменных
$new_url = 'https://krytoshop.com/det-kovriki/plenka/order';
header('Location: '.$new_url);
exit();
?>