Как добавить контактную форму на сайт

Добавьте рабочую форму связи: выберите нужные поля, доступные подписи, настройте обработку ошибок и спама, проверьте доставку запроса в почту и выберите встроенный или внешний сервис.

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

1. Оставьте только нужные поля

Запрашивайте только то, что поможет дать полезный ответ. Каждое дополнительное поле может заставить посетителя отказаться от отправки. Хороший вариант по умолчанию:

Добавляйте поле, только если оно влияет на ваш ответ. Пример для вымышленной клининговой компании «Brightside Cleaning»:

ПолеОставить?Почему
Имя, электронная почта, сообщениеДаНужны для ответа
Почтовый индексДаСразу показывает, попадает ли адрес в зону обслуживания
Вид услуги (список)ДаПомогает разделить регулярную уборку, разовый заказ и уборку после аренды
ТелефонНеобязательноНекоторым клиентам удобнее звонок; не заставляйте указывать номер
Компания, должность, «откуда узнали»НетЭто не нужно для ответа на запрос об уборке дома

2. Согласие и доступные подписи полей

<label for="email">Электронная почта (обязательно)</label>
<input id="email" name="email" type="email" autocomplete="email" required>

3. Отправка, ошибки и спам

4. Убедитесь, что тестовый запрос попал в нужную почту

Форма может выглядеть исправной, но не доставлять сообщения из-за неверного адреса, фильтра спама или неподключённого внешнего сервиса. После публикации проведите проверку и запишите результат:

ПРОВЕРКА КОНТАКТНОЙ ФОРМЫ
Проверенная страница (опубликованный адрес):
Дата и время отправки:
Тестовое имя:         TEST - [ваши инициалы] - [дата]
Куда должно прийти письмо: [адрес]
Доставлено? В спаме?  да/нет  /  да/нет
Все поля пришли правильно? да/нет
Проверено с телефона?  да/нет
Ответить можно (ответ уйдёт посетителю)? да/нет

Повторяйте проверку после изменения формы, адреса получателя или почтового провайдера.

5. Встроенная форма или внешний сервис

ВариантПодходит дляНа что обратить внимание
Форма в самом конструкторе сайтовПростые запросы; меньше отдельных аккаунтовПроверьте, где хранятся отправки и куда приходят письма
Внешняя форма (например, Google Forms, Typeform, Jotform, Tally)Несколько шагов, загрузка файлов, логика полейДизайн может отличаться; дополнительный код утяжеляет страницу; проверяйте ограничения актуального плана
Собственный код на вашем сервереПолный контроль, интеграции с CRMВы отвечаете за защиту от спама и доставку

Какой бы вариант вы ни выбрали, разместите форму там, где клиент принимает решение: на странице контактов, в конце страниц услуг и в коротком виде в подвале или на главной.

Добавление формы в We.Inc

В конструкторе сайтов We.Inc можно описать форму обычными словами (например: «форма расчёта цены с именем, электронной почтой, почтовым индексом и видом услуги»), а затем изменить подписи и макет нажатием на элементы. Создание сайтов с ИИ доступно на платных планах, начиная со Starter за $20/мес. (тарифы); бесплатный план включает до 3 сайтов на основе шаблонов с адресом we.inc. С любой формой сначала проверьте доставку. Затем проверьте страницу в оценщике сайтов, посмотрите бизнес-шаблоны или оцените расходы в калькуляторе стоимости сайта.

Создайте сайт для своей компании

Частые вопросы

Сколько полей должно быть в контактной форме?

Столько, сколько нужно для полезного ответа. Хороший набор по умолчанию — имя, электронная почта и сообщение; добавляйте поля, только если они влияют на ваш ответ, например почтовый индекс для местной зоны обслуживания.

Почему я не получаю сообщения из контактной формы?

Обычно указан неверный адрес получателя, письма попадают в спам или внешняя форма не подключена. Отправьте помеченный тестовый запрос и проверьте входящие и папку со спамом.

Нужна ли CAPTCHA в контактной форме?

Не всегда. Скрытое поле-ловушка останавливает многих ботов и не мешает посетителям. Добавляйте CAPTCHA-проверку, только если спам продолжает поступать.

Нужно ли показывать электронную почту вместе с формой?

Это поможет посетителям, которым удобнее написать письмо. Если адрес виден обычным текстом, ожидайте дополнительный спам.

Начать бесплатно · Банковская карта не нужна

Product

Who It's For

Features

Resources

Company

View Sitemap