прием заявок с сайта напрямик в телегу

[shaerware.github.io]

как ни крути, но довольно часто люди сталкиваются с изначально неочевидной проблемой когда при копировании чужих сайтов с помощью разных инструментов типа wget и всяких не к ночи будет сказано WinHTTrack-подобных приблуд, вдруг приходит осознание что кнопка "Связаться/Купить/Написать" работает как-то не так. т.е. сама кнопка есть, есть даже форма связи типа <input> и <button> в html разметке, но письма не уходят и соответственно вся работа насмарку. тут приходит на помощь либо установка чата с оператором (живосайт, реплайн и другие) для оперативной связи с клиентами, либо 15-20 минут интенсивного гуглопоиска. для тех кто по каким-то причинам не умеет (или не может  ибо мало ли, вдруг кого-то забанили в гугле/яндексе) пользоваться поиском я решил опубликовать лютый паблик тут.


итак, мы имеем рандомную копию рандомного сайта (это может быть обычна html+css+js копия или даже что-то более продвинутое на cms типа опенкарт/джумла/вордпрес/... - не важно) где есть поля для ввода и кнопка "отправить" и вы хотите чтобы вся инфа с этой формы связи приходила к вам напрямик в телеграм. для этого надо:


1. создайте своего бота в телеге - тупо в поиске наберите @botfather, откройте родительского бота и нажмите "Start"






пишем команду /newbot, для создания нового бота.
придумываем имя бота
придумываем ник бота





если все гуд, то увидите поздравления и токен вашего бота, в моем случае это что-то типа 999999999:AAАаааааАаа-аАА99а-9ааа, далее ищем вновь созданного бота в поиске и активизируем его командой  "Start"





после чего создаем чат куда в дальнейшем будут приходить заявки и приглашаем в него этого бота




итого у нас есть бот, мы знаем его токен, есть чат, в который будут приходить заявки, и нам осталось узнать только id чата. для этого, напишем в чате: /join @ник_бота...


вводим браузере: [size=78%]https://api.telegram.org/botхxххxххxххxххxххxххxхXX/getUpdates[/size]
где, хxххxххxххxххxххxххxхXX - токен вашего бота, полученный ранее.


Если все гуд, то перед вами откроется подобная страница:





где  "chat":{"id":-209253141. — это id  тестового чата, теперь вроде бы у нас есть все чтобы запилить свою прогу


2. берем код формы связи, она выглядит примерно так:

   

Код Выделить Развернуть


<form action="post" class="form-1">
        <div class="form-1__title">Форма связи<>
        <input type="text" class="form-1__input form-1__name" placeholder="Предстаьтесь пожалуйста" name="name" required>
        <input id="phone2" type="tel" class="form-1__input form-1__tel" placeholder="Как с Вами связаться?" name="phone" required>
        <button class="btn form-1__button "><span><b>Отправить</b></span></button>
    </form>

добавим немного аякса чтоб все было онлайн без перезагрузки страницы:

Код Выделить Развернуть


jQuery(document).ready(function(){
   jQuery("form").submit(function() { // Событие отправки с формы
      var form_data = jQuery(this).serialize(); // Собираем данные из полей
      jQuery.ajax({
         type: "POST", // Метод отправки
         url: "sendform.php", // Путь к PHP обработчику sendform.php
         data: form_data,
         success: swal({
            title: "Спасибо за заявку!",
                type: "success",
                showConfirmButton: false,
                timer: 20000
            })
        });
        $(this).find('input, textarea').prop('disabled', true);
        event.preventDefault();
    });
});


создадим собственно сам обработчик формы на пхп:

Код Выделить Развернуть


<?php
//Сбор данных из полей формы. 
$name = $_POST['name'];// Берём данные из input c атрибутом name="name"
$phone = $_POST['phone']; // Берём данные из input c атрибутом name="phone"
 


$token = "ХХХХ"; // Тут пишем токен
$chat_id = "-ХХХХ"; // Тут пишем ID группы, куда будут отправляться сообщения
$sitename = "ХХХХ"; //Указываем название сайта


$arr = array(


  'Заказ с сайта: ' => $sitename,
  'Имя: ' => $name,
  'Телефон: ' => $phone,
 
);


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");


?>

ну и собственно все- к вам в телегу придет имя и как связаться с заказчиком. немного фантазии и можно принимать фото, видео, любые данные включая ip, браузер, операционку, мак-адрес и прочие не самые очевидные данные ваших клиентов

и самое вкусное: вот ссылка на архив с уже готовой формой, тупо меняйте адреса/id и тп на свои и пользуйтесь[/size][/font][/img]
Добавлено: 09-11-2021, 22:28:32

ссылка вебморду  (чисто посмотреть) https://создамвамсайт.рф/TelegramFormSite/
ссылка на архив (скачать) https://создамвамсайт.рф/TelegramFormSite.zip

[ProtectYourSite]

Может просто копировать чужие сайты не нужно?
Как бы сам функционал полезный, но его подача, имхо, так себе

[shaerware.github.io]

Может просто копировать чужие сайты не нужно?

кому-то может и не нужно, но практика подсказывает что это весьма востребованная услуга

[maksima]

Спасибо за фрагменты полезного кода - скопировал и попробую применить в одном из своих проектов, так как раз есть необходимость принимать заказы в мессенджерах. Всё кажется таким простым)))