Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!

Почтовые формы

Почтовые формы
Материал добавлен: 14 Января 2017
Материал обновлен: 05 Сентября 2025

Инструкция состоит из следующих разделов:

  1. Обзор и подключение
  2. Управление почтовыми формами
  3. Размещение формы на сайте

Обзор и подключение

Расширение «Почтовые формы» позволяет организовать связь между администрацией сайта и посетителями. После размещения формы на сайте пользователи смогут отправлять запросы на указанные в форме email-адреса.

Состав полей и внешний вид формы настраиваются администратором. Можно создать до 50 почтовых форм на одном сайте. Каждая форма может иметь уникальный набор полей и дизайн.

В одну форму можно добавить до 100 полей: текстовых, выпадающих списков, радиокнопок, чекбоксов.

Чтобы создать новую форму, откройте раздел «Почтовые формы» в панели управления (если он не установлен — нажмите «+» для добавления):

Управление почтовыми формами

На странице управления отображается список всех почтовых форм (по умолчанию доступна одна форма):

  1. Название почтовой формы — используется в письме, которое приходит на указанный адрес.
  2. Email-адреса получателей — до 3 адресов, куда будут отправляться обращения пользователей.
  3. Переменная формы — код, который нужно вставить в шаблон сайта. Все изменения, внесённые в настройках формы, автоматически отобразятся на сайте.

Чтобы создать новую форму, нажмите кнопку «Добавить»:

Откроется редактор формы, состоящий из трёх вкладок:

  • Основное
  • Конструктор полей
  • Шаблон

Основное

Здесь задаются основные параметры формы:

  • Название формы — отображается в письме, позволяет отличать обращения с разных форм.
  • Адреса получателей — до трёх email-адресов, куда будут приходить заполненные формы.
  • Сообщение об успешной отправке — текст (до 255 символов, можно использовать HTML), который увидит пользователь после успешной отправки формы.

Конструктор полей

Во вкладке конструктора вы можете управлять полями формы:

  1. Название поля — отображается в интерфейсе формы.
  2. Атрибут name — используется для корректной работы шаблона.
  3. Тип поля — text, textarea, checkbox, radio, select, security code. После оплаты платного тарифа доступен тип file для загрузки файлов (до 10 МБ).
  4. Обязательное поле — блокирует отправку формы без заполнения этого поля.
  5. Удаление — позволяет удалить поле.
  6. Изменение порядка — перетаскивание для сортировки полей в нужном порядке.
  7. Добавление нового поля.

После любого изменения появится кнопка «Перестроить». Например, при добавлении поля file:

Нажмите её, чтобы обновить HTML-код формы во вкладке «Шаблон»:

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

Особенности при создании полей

  • Для email отправителя — используйте поле типа text
  • Для капчи — поле security code
  • Для загрузки файлов — поле file

Шаблон

Здесь настраивается внешний вид формы. Обязательно должны быть:

  • Поля с корректными атрибутами name
  • Кнопка отправки с атрибутом type="submit"

Простой пример HTML-кода формы:

<input type="text" name="f2">
<input type="text" name="f3">
<input type="submit" value="Отправить сообщение">

Пример формы с заранее заполненным скрытым полем:

<input type="hidden" name="f2" value="Любое значение или $ПЕРЕМЕННАЯ$">
<input type="text" name="f3">
<input type="submit" value="Отправить сообщение">

Сохраните изменения:

После сохранения откроется список всех форм. Вы можете отредактировать или удалить любую из них:

Размещение формы на сайте

Скопируйте переменную формы из колонки «Код» на странице управления:

Способ 1: через конструктор

Разместить переменную формы можно с помощью конструктора в панели инструментов сайта:

Способ 2: через шаблон

Альтернативный способ — перейти в «Дизайн» → «Редактор шаблонов», выбрать нужный шаблон и вставить переменную в подходящее место:

Способ 3: с помощью HTML-кода

Также можно вставить форму в материал, используя HTML-код:

<script type="text/javascript" src="/mail/1"></script>

Где: 1 — это ID вашей почтовой формы.

Почтовые формы