https://github.com/rvburov/online-form-business
Веб-форма для заявок партнеров на сотрудничество
https://github.com/rvburov/online-form-business
css html javascript telegram-bot
Last synced: 2 months ago
JSON representation
Веб-форма для заявок партнеров на сотрудничество
- Host: GitHub
- URL: https://github.com/rvburov/online-form-business
- Owner: rvburov
- Created: 2025-01-27T20:50:13.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-09T02:29:12.000Z (3 months ago)
- Last Synced: 2025-02-09T03:24:06.662Z (3 months ago)
- Topics: css, html, javascript, telegram-bot
- Language: HTML
- Homepage: https://rvburov.github.io/online-form-business/
- Size: 757 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Форма заявки
Этот проект представляет собой форму для подачи заявки. Он позволяет заполнять необходимую информацию о компании, своей деятельности и запросах на продукцию, а также отправлять данные напрямую в Telegram.
## Основные функции
- Поля для ввода информации о компании: название, адрес, контактное лицо и т.д.
- Выбор типа деятельности и запрос на эксклюзивные права или маркетинговую поддержку.
- Возможность указать опыт работы, текущих партнеров и основные регионы продаж.
- Интеграция с Telegram для автоматической отправки заполненной заявки в указанный чат.
## Используемые технологии
- **HTML5** и **CSS** — структура и стилизация формы.
- **JavaScript** — обработка данных формы и отправка в Telegram через API.
- **Select2** — улучшение функциональности выпадающих списков.
- **Telegram Bot API** — интеграция с Telegram для отправки заявок.
## Установка и запуск
1. Склонируйте репозиторий:
```bash
git clone
```
2. Убедитесь, что все файлы проекта находятся в папке:
- `index.html` — основной файл с формой.
- `styles.css` — стили для формы.
- `reset.css` — сброс стилей браузера.
- `script.js` — скрипт для обработки формы и отправки данных.
3. Настройте токен Telegram Bot:
- В файле `script.js` замените `TELEGRAM_TOKEN` на токен вашего бота.
- Укажите ID вашего чата или канала в переменной `CHAT_ID`.
4. Запустите проект:
- Просто откройте файл `index.html` в браузере.
## Инструкция по настройке Telegram бота
1. Создайте бота с помощью [BotFather](https://t.me/BotFather) в Telegram.
2. Получите токен для бота.
3. Узнайте ID чата или канала:
- Добавьте вашего бота в чат/канал.
- Используйте API Telegram, чтобы получить `chat_id`.
## Пример использования
1. Заполните форму с информацией о вашей компании и запросе на продукцию.
2. Нажмите кнопку "Отправить".
3. Вся информация будет отправлена в указанный Telegram-чат.
## Зависимости
- [Select2](https://select2.org/) (v4.0.13) — для улучшения выпадающих списков.
- [Telegram Bot API](https://core.telegram.org/bots/api) — для отправки данных формы.
## Скриншот интерфейса
## Лицензия
Этот проект находится под лицензией MIT. Свободно используйте, изменяйте и распространяйте.
## Контакты
Если у вас есть вопросы или предложения, свяжитесь с нами:
- **Telegram:** [@romanburov](https://t.me/romanburov)