how to send form from webflow to telegram

get started

form
Telegram demo
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
embed code
<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>
embed code for form
<input type="hidden" name="act" value="order">
php code for file
<?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('Что-то пошло не так. ПОпробуйте отправить форму ещё раз.');
    }
}

?>