Telegram-бот для заявок з Хорошоп

Як Хорошоп повідомляє про заявки зараз

Хорошоп надсилає листи про нові замовлення на пошту адміністратора. Щоб бачити їх у Telegram, довідка Хорошоп радить підключити GmailBot: він пересилає в Telegram листи з поштової скриньки Gmail, а фільтр за темою листа відсікає зайве. Це працює лише з Gmail і залежить від стороннього бота, якому потрібен доступ до вашої скриньки.

Formgong працює інакше: форма відправляє заявку напряму, а бот Formgong бачить лише заявки з ваших форм.

Крок 1. Сторінка з міткою [formgong]

1. В адмінпанелі відкрийте Сайт → Сторінки і натисніть [+] біля головної сторінки.
2. Вкажіть заголовок, наприклад «Зворотний зв'язок», і виберіть шаблон «Текстова сторінка».
3. У полі «Текст» напишіть окремим абзацом [formgong] і збережіть сторінку.

Мітку можна поставити й на кількох сторінках: скрипт вставить форму в кожну.

Крок 2. Скрипт у налаштуваннях

1. Зареєструйтеся у Formgong і скопіюйте ключ доступу форми.
2. У Хорошоп відкрийте Налаштування → Загальні налаштування → Скрипти.
3. Вставте код нижче в поле для коду перед тегом </body>, замініть fk_your_access_key своїм ключем і натисніть «Зберегти».

<script>
(function () {
  var MARKER = "[formgong]";
  var FORM = "<style>\n  .fg-form label { display: block; margin: 0 0 12px; }\n  .fg-form input:not([type=\"checkbox\"]), .fg-form textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 10px; font: inherit; }\n  .fg-form textarea { min-height: 120px; }\n  .fg-form small { display: block; margin-top: 10px; opacity: .75; }\n</style>\n<form class=\"fg-form\" action=\"https://formgong.com/submit\" method=\"POST\">\n  <input type=\"hidden\" name=\"access_key\" value=\"fk_your_access_key\">\n  <input type=\"hidden\" name=\"_lang\" value=\"uk\">\n  <input type=\"hidden\" name=\"_subject\" value=\"Нова заявка з сайту на Хорошоп\">\n  <label>Ім’я <input type=\"text\" name=\"name\" autocomplete=\"name\" required></label>\n  <label>Телефон <input type=\"tel\" name=\"phone\" autocomplete=\"tel\" required></label>\n  <label>Повідомлення <textarea name=\"message\"></textarea></label>\n  <div aria-hidden=\"true\" style=\"position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden\">\n    <label>Залиште це поле порожнім<input type=\"text\" name=\"botcheck\" tabindex=\"-1\" autocomplete=\"off\"></label>\n  </div>\n  <button type=\"submit\">Надіслати</button>\n</form>";
  var queued = false;
  function mount() {
    queued = false;
    if (!document.body) return;
    var found = document.evaluate("//body//*[not(*)][normalize-space(.)='" + MARKER + "']", document.body, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
    for (var i = 0; i < found.snapshotLength; i++) {
      var el = found.snapshotItem(i);
      if (/^(SCRIPT|STYLE|TEXTAREA|TITLE)$/.test(el.nodeName)) continue;
      var box = document.createElement("div");
      box.innerHTML = FORM;
      el.parentNode.replaceChild(box, el);
    }
  }
  function queue() { if (!queued) { queued = true; setTimeout(mount, 150); } }
  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", mount); else mount();
  new MutationObserver(queue).observe(document.documentElement, { childList: true, subtree: true });
})();
</script>

Чому мітка, а не HTML-код форми в тексті? Візуальні редактори часто вирізають тег <form>. Ми не перевіряли, чи зберігає його редактор Хорошоп, тому пропонуємо мітку. Якщо хочете спробувати без скрипта, вставте код форми в поле «Текст» через кнопку «Джерело»: якщо після збереження форма на сайті працює, скрипт не потрібен.

Хорошоп попереджає, що велика кількість скриптів сповільнює сайт. Цей скрипт невеликий, нічого не завантажує з інших серверів і змінює лише ті сторінки, де є мітка [formgong].

Крок 3. Telegram і перевірка

1. У налаштуваннях форми у Formgong підключіть Telegram: особистий чат або групу (додайте бота в групу й надішліть /connect з кодом із панелі). Chat id шукати не потрібно.
2. Відкрийте опубліковану сторінку, надішліть тестову заявку й перевірте Telegram і пошту.

Під кожним повідомленням у Telegram є кнопки: позначити заявку як спам або змінити статус. AI-оцінка лідів безкоштовна до 100 заявок на місяць.

Що варто знати

• Formgong обробляє лише заявки з форми, яку ви вставили. Замовлення з кошика й зворотні дзвінки Хорошоп ідуть, як і раніше, через сповіщення Хорошоп.
• Ми не перевірили, чи доступний розділ «Скрипти» на кожному тарифі Хорошоп. Якщо ви не бачите його в налаштуваннях, уточніть у підтримці Хорошоп. API Хорошоп (тариф Pro) для цього способу не потрібен.
• Заявки зберігаються в ЄС, IP-адреса — лише як хеш. Telegram обробляє повідомлення за власними правилами.