Настройка Formspree для приёма заявок

Почему Formspree?

✅ Работает в России без VPN ✅ 50 заявок/месяц бесплатно ✅ Поддержка файлов до 10 МБ ✅ Защита от спама ✅ Простая настройка

Инструкция по настройке

Шаг 1: Регистрация на Formspree

1. Откройте https://formspree.io/
2. Нажмите “Get Started”
3. Зарегистрируйтесь через email или GitHub
4. Подтвердите email

Шаг 2: Создайте форму для контактов

1. В дашборде нажмите ”+ New Form”
2. Название: “Контакты - заявки”
3. Email: info@lasercut.ru (куда будут приходить заявки)
4. Нажмите “Create Form”
5. Скопируйте Form ID (выглядит как xyzabc12)

Шаг 3: Создайте форму для отзывов

1. Снова нажмите ”+ New Form”
2. Название: “Отзывы клиентов”
3. Email: info@lasercut.ru
4. Нажмите “Create Form”
5. Скопируйте Form ID

Шаг 4: Добавьте Form ID в код

Для формы контактов (pages/contacts.html):

Найдите строку 50:

<form class="form" action="https://formspree.io/f/YOUR_FORM_ID" method="POST">

Замените YOUR_FORM_ID на ваш ID:

<form class="form" action="https://formspree.io/f/xyzabc12" method="POST">

Для формы отзывов (pages/reviews.html):

Найдите строку 18:

<form class="form review-form" action="https://formspree.io/f/YOUR_FORM_ID" method="POST">

Замените YOUR_FORM_ID на второй ID:

<form class="form review-form" action="https://formspree.io/f/abcxyz34" method="POST">

Шаг 5: Закоммитьте изменения

git add pages/contacts.html pages/reviews.html
git commit -m "Настроил Formspree для форм"
git push origin main

Шаг 6: Проверьте работу

1. Подождите 2-3 минуты (деплой на GitHub Pages)
2. Откройте https://ceh-lazer-rezka.ru/contacts/
3. Заполните форму и отправьте
4. Проверьте почту info@lasercut.ru

Что будет приходить на почту

Форма контактов:

Тема: Новая заявка с сайта

Имя: Иван Иванов
Телефон: +7 (999) 123-45-67
Email: ivan@example.com
Сообщение: Нужна резка стали 3мм...

Прикреплённый файл: чертёж.dxf

Форма отзывов:

Тема: Новый отзыв с сайта

Имя: Алексей Морозов
Компания: ООО "СтройТех"
Email: alex@example.com
Телефон: +7 (999) 123-45-67
Оценка: 5
Отзыв: Отличная работа, всё быстро...

Настройки Formspree (опционально)

В дашборде для каждой формы можно:

1. Настроить автоответ клиенту

• Settings → Autoresponder
• Включить “Send autoresponse”
• Написать текст: “Спасибо за заявку! Мы свяжемся с вами в течение 1 часа.”

2. Добавить защиту от спама

• Settings → Spam Protection
• Включить reCAPTCHA (опционально)
• Включить honeypot (уже включено)

3. Добавить уведомления

• Settings → Notifications
• Можно добавить несколько email
• Настроить Slack/Telegram уведомления

4. Посмотреть статистику

• Dashboard → Submissions
• Все заявки сохраняются 30 дней

Лимиты бесплатного плана

• ✅ 50 заявок/месяц
• ✅ Файлы до 10 МБ
• ✅ Хранение заявок 30 дней
• ✅ Базовая защита от спама
• ✅ Email уведомления

Платный план ($10/месяц):

• 1000 заявок/месяц
• Файлы до 100 МБ
• Хранение заявок навсегда
• Расширенная аналитика
• Интеграции (Zapier, Webhooks)

Проверка работы в России

Formspree работает в России, но если возникнут проблемы:

Вариант 1: Собственный PHP скрипт

Создать файл send.php на хостинге и отправлять через него.

Вариант 2: Netlify Forms

Если перенести сайт на Netlify — встроенные формы работают отлично.

Вариант 3: Google Forms

Встроить Google форму через iframe (работает везде).

Тестирование

После настройки обязательно протестируйте:

1. ✅ Отправка формы контактов
2. ✅ Отправка формы отзывов
3. ✅ Прикрепление файла
4. ✅ Получение email
5. ✅ Показ сообщения об успехе

Поддержка

Если что-то не работает:

• Документация: https://help.formspree.io/
• Поддержка: support@formspree.io
• Статус сервиса: https://status.formspree.io/