get started
<script>
const id = 'telegram_form' /* ID on Form element */
const req = new XMLHttpRequest()
req.onload = event => {
console.log(event.statusText)
}
window.addEventListener('DOMContentLoaded', event => {
const form = document.getElementById(id)
console.log(id, form)
form.addEventListener('submit', event => {
console.log(id, 'onsubmit')
req.open('POST', 'https://fluid.fyi/external_files/wf_to_tg/send.php', false) /* your link to file */
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
req.send(new URLSearchParams(new FormData(event.target)))
console.log(id, event.target)
})
})
</script>
<input type="hidden" name="act" value="order">
<?php
//В переменную $token нужно вставить токен, который нам прислал @botFather
$token = "here paste token";
//Сюда вставляем chat_id
$chat_id = "here paste chat id";
//Определяем переменные для передачи данных из нашей формы
if ($_POST['act'] == 'order') {
$name = ($_POST['name']);
$telegram = ($_POST['telegram']);
$message = ($_POST['message']);
//Собираем в массив то, что будет передаваться боту
$arr = array(
'Имя:' => $name,
'Telegram:' => $telegram,
'Сообщение:' => $message,
);
//Настраиваем внешний вид сообщения в телеграме
foreach($arr as $key => $value) {
$txt .= "".$key." ".$value."%0A";
};
//Передаем данные боту
$sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r");
//Выводим сообщение об успешной отправке
if ($sendToTelegram) {
alert('Все ок погнали');
}
//А здесь сообщение об ошибке при отправке
else {
alert('Что-то пошло не так. ПОпробуйте отправить форму ещё раз.');
}
}
?>