Поле электронной почты
Собирайте адреса электронной почты с уверенностью. От контактных форм до регистраций с подтверждением двойного ввода, ограничениями по доменам и автозаполнением в браузере — поле «Электронная почта» обеспечивает точный сбор адресов электронной почты со встроенной проверкой и предотвращением опечаток.
Профессиональный сбор адресов электронной почты с интеллектуальной проверкой.
Идеально для:
Мощные функции для любого сценария использования
✅ Поле для подтверждения адреса электронной почты
Предотвращение опечаток при двойной записи:
Добавьте второе поле «Подтвердите адрес электронной почты», куда пользователи должны будут повторно ввести свой адрес. Это предотвратит опечатки и обеспечит точный сбор адресов электронной почты.
Как это работает:
- Основное поле электронной почты отображается первым.
- Ниже находится поле «Подтвердите адрес электронной почты».
- Система подтверждает совпадение обеих записей.
- Визуальная обратная связь отображает статус матча (зеленый = матч, красный = несоответствие).
- Форма не будет отправлена, пока адреса электронной почты не совпадут.
Зачем использовать подтверждение:
- Предотвращает дорогостоящие опечатки ([электронная почта защищена] (против gmail.com)
- Обеспечивает доставку важных электронных писем.
- Снижает процент отказов
- Передовые методы профессиональной практики для критически важных форм
- Пользователи сами замечают свои ошибки.
Идеально для:
- Регистрация аккаунта (письма для сброса пароля)
- Подтверждение заказа (доставка квитанции)
- Регистрация на мероприятие (получение билетов по электронной почте)
- Уведомления об оплате
- Любая форма, где точность адресов электронной почты имеет решающее значение.
Пользовательский опыт:
Проверка в реальном времени с цветовой кодировкой. Пользователи сразу видят, совпадают ли адреса электронной почты, не дожидаясь отправки формы.
🏢 Ограничение домена
Внесите в белый список определенные домены электронной почты:
Включите параметр «Ограничить разрешенные домены электронной почты», чтобы принимать письма только с определенных доменов. Идеально подходит для форм, предназначенных только для сотрудников компании, частной регистрации или контролируемого доступа.
Как это работает:
- Введите разрешенные домены (по одному на строку).
- Система проверяет домен электронной почты при отправке.
- Принимаются только соответствующие домены.
- Очистить сообщения об ошибках для отклоненных доменов
Общие случаи использования:
Только корпоративная электронная почта:
Для заполнения внутренних форм, проведения опросов сотрудников или регистрации персонала разрешайте использовать только адреса электронной почты `@yourcompany.com`.
Образовательное учреждение:
Для заполнения форм, участия в опросах на территории кампуса или регистрации на учебные курсы ограничьте доступ к аккаунту `@university.edu`.
Несколько партнеров:
Разрешите использование нескольких доменов, таких как `company1.com`, `company2.com`, `partner3.com`, для партнерских порталов или форм B2B.
Проверенные организации:
Добавьте в белый список определенные организации для доступа к контенту, предназначенному только для членов, эксклюзивным предложениям или подтвержденному доступу.
Примеры:
- Отзывы сотрудников: только на сайте `yourcompany.com`
- Студенческий портал: `school.edu`, `university.edu`
- Регистрация партнеров: `partner1.com, partner2.com, partner3.com`
- Доступ для участников: `org1.org, org2.org, nonprofit.org`
Бенефиты:
- Обеспечивает легитимность представленных данных.
- Предотвращает несанкционированный доступ
- Подтверждает принадлежность к организации
- Уменьшает количество спама в общедоступных электронных письмах.
- Контролирует доступ к ограниченным формам.
🔄 Автозаполнение в браузере
Ускоренный ввод электронных писем:
Включите параметр «Разрешить подсказки браузера», чтобы браузеры могли предлагать ранее использованные адреса электронной почты. Пользователи смогут выбрать из сохраненных адресов электронной почты одним щелчком мыши.
Как это работает:
Браузер распознает поле электронной почты
Предлагает сохраненные адреса электронной почты
Пользователь нажимает на подсказку для автозаполнения.
Мгновенное заполнение формы
Бенефиты:
Более быстрое заполнение форм (1 клик вместо ввода текста)
Уменьшает количество опечаток (не требует ручного ввода)
Улучшает пользовательский опыт
Более высокие показатели завершения
Особенно полезно на мобильных устройствах.
Конфиденциальность:
Пользователи контролируют, что именно сохраняется в браузере. Автозаполнение учитывает настройки конфиденциальности браузера и предпочтения пользователей.
Когда включать:
Формы обратной связи (для постоянных посетителей)
Подписка на новостную рассылку (для постоянных пользователей)
Быстрые формы запроса
Общедоступные формы с возможностью повторного использования
Когда следует отключить:
конфиденциальные регистрации
Сценарии совместного использования компьютеров
Формы повышенной безопасности
Когда адрес электронной почты необходимо вводить вручную
✉️ Встроенная проверка адреса электронной почты
Автоматическая проверка формата:
В поля электронной почты встроена проверка HTML5. Браузеры автоматически проверяют формат электронного письма перед отправкой.
Правила проверки:
Должен содержать символ `@`
Перед символом `@` (имя пользователя) должен быть текст.
После символа `@` должен быть указан домен.
Необходимо наличие действительного доменного расширения (.com, .org и т. д.).
Пробелы и недопустимые символы запрещены.
Обратная связь в реальном времени:
В браузерах отображаются сообщения об ошибке проверки, например: «Пожалуйста, добавьте символ '@' в адрес электронной почты» или «Пожалуйста, введите адрес электронной почты после символа '@'».
Выявленные распространённые ошибки:
Отсутствует `@`: `useremailcom` ✗
Отсутствует домен: `user@` ✗
Отсутствует расширение: `user@domain` ✗
Пробелы: `[email protected]` ✗
Недопустимые символы: `user@@email.com` ✗
Допустимый формат электронного письма:
`[электронная почта защищена]`,`[электронная почта защищена]`,`[электронная почта защищена]` ✓
📝 Значение адреса электронной почты по умолчанию
Предварительное заполнение адресов электронной почты:
Укажите адрес электронной почты по умолчанию, который будет отображаться при загрузке формы. Это полезно для адресов электронной почты службы поддержки, контактов по умолчанию или демонстрационных форм.
Случаи использования:
- Заполните поле адреса электронной почты службы поддержки для запросов на обратный звонок.
- Показать пример формата электронного письма ([электронная почта защищена])
- Укажите адрес электронной почты известного пользователя из базы данных.
- Контактное лицо по умолчанию для организации
Редактируемый:
Пользователи могут легко изменить или заменить значение по умолчанию. Это отправная точка, она не заблокирована.
🎯 Улучшенный пользовательский опыт
Встроенные интеллектуальные функции:
- Клавиатура, специально предназначенная для электронной почты – на мобильных устройствах отображается оптимизированная клавиатура с клавишами @ и .
- Атрибут автозаполнения – корректное автозаполнение HTML5 для полей электронной почты
- Удаление пробелов – автоматическое удаление случайных пробелов.
- Преобразование в нижний регистр – опциональное преобразование в нижний регистр для обеспечения единообразия.
- Визуальная проверка – цветовая кодировка для подтверждения совпадения.
- Упрощенные сообщения об ошибках – обратная связь по результатам проверки
- Обязательная проверка — сделайте ввод адреса электронной почты обязательным.
- Поддержка справочного текста – Добавление подсказок по форматированию электронных писем
- Пользовательские CSS-классы — применение пользовательских стилей.
- Поддержка специальных возможностей – метки ARIA, совместимость с программами чтения с экрана.
- Текст-заполнитель – Отображение подсказок по форматированию электронных писем
- Удобно копировать и вставлять – полные адреса электронной почты вставляются без проблем.
🔀 Условная логика
Динамическая видимость полей электронной почты:
Показывать или скрывать поля электронной почты в зависимости от других значений формы. Отображать коллекцию адресов электронной почты только тогда, когда это необходимо.
Расширенные правила логики:
- Логика И – все условия должны быть выполнены.
- Логика ИЛИ – любое условие может инициировать действие.
- 8 операторов: Равно, Не равно, Больше, Меньше, Содержит, Пусто и больше.
Случаи использования:
- Отображать «Рабочий email» следует только в том случае, если тип клиента равен «Бизнес».
- Отображайте «Дополнительный адрес электронной почты», когда пользователь устанавливает флажок «Добавить дополнительный контакт».
- Отображать «Корпоративный email», если тип регистрации равен «Корпоративный».
- Скрыть поле «Личная электронная почта», если в настройках контакта выбран параметр «Только телефон».
Простая настройка в 3 шага.
Подготовьте поле для ввода адреса электронной почты за считанные минуты.
Добавить поле электронной почты
Перетащите поле «Электронная почта» из раздела «Основные поля» в форму.
Включить подтверждение (необязательно)
Установите флажок «Добавить поле подтверждения», чтобы требовать повторного ввода данных и предотвратить опечатки в важных формах.
Настройка ограничений (необязательно)
Включите ограничение по домену для корпоративных электронных писем, включите автозаполнение в браузере для удобства и при необходимости установите значение по умолчанию.
🎉 Вот и всё! Ваше поле для ввода адреса электронной почты готово к использованию благодаря интеллектуальной проверке и предотвращению опечаток.
Реальные приложения
Форма для обратной связи
* Электронные письма с общими запросами
* Контакты для запросов в службу поддержки
* Сбор контактной информации
* Электронные письма с запросом на обратный звонок
Регистрация Пользователя
* Письма о создании учетной записи
* Электронные письма с учетными данными для входа
* Письма для сброса пароля
* Адреса электронной почты для подтверждения
Информационный бюллетень и маркетинг
* Подписка на новостную рассылку по электронной почте
* Сбор согласия на маркетинговые рассылки
* Подписка на рассылку по электронной почте
* Сбор рекламных адресов электронной почты
Электронная коммерция
* Электронные письма с подтверждением заказа
* Электронные письма с подтверждением доставки чека
* Уведомления об отправке по электронной почте
* Адреса электронной почты учетных записей клиентов
Бизнес-приложения
* Запросы на коммерческое предложение по электронной почте
* Уведомления о предложениях по электронной почте
* Электронные письма для связи по проекту
* Сбор контактных данных клиентов
Образование и события
* Электронные письма с подтверждением регистрации на мероприятие
* Электронные письма с подтверждением записи на курс
* Уведомления о вебинарах по электронной почте
* Электронные письма с подтверждением доставки сертификата
Полные параметры поля
Базовая конфигурация
- Метка поля — заголовок, отображаемый над полем ввода адреса электронной почты.
- Описание/Текст справки – Дополнительные указания для пользователей
- Обязательное поле – Сделайте ввод адреса электронной почты обязательным
- Текст-заполнитель — подсказка, отображаемая перед вводом текста пользователем (например, «[электронная почта защищена]»)
Значение по умолчанию
Значение по умолчанию – автоматически заполняемый адрес электронной почты при загрузке формы.
Подтверждение электронной почты
- Добавить поле подтверждения — добавляет второе поле, куда пользователи должны повторно ввести свой адрес электронной почты, чтобы избежать опечаток.
- Автоматически проверяет соответствие обеих записей.
- Отображает обратную связь в режиме реального времени с цветовой кодировкой.
- Предотвращает отправку формы до тех пор, пока адреса электронной почты не совпадут.
Интеграция с браузером
Разрешить подсказки браузера — позвольте браузерам предлагать ранее использованные адреса электронной почты для более быстрого завершения ввода.
Ограничения домена
Ограничьте разрешенные домены электронной почты – принимайте только адреса электронной почты из определенных доменов (например, только корпоративные адреса).
- Разрешенные домены электронной почты – каждый разрешенный домен указывается на новой строке (без символа @).
- Пример: `gmail.com`, `outlook.com`, `yourcompany.com`
- Один домен на строку
- Система проверяет домен при отправке.
Условная логика
- Включить условную логику — показывать/скрывать в зависимости от условий.
- Тип логики
- Все условия должны быть соблюдены (И)
- Любое условие может быть выполнено (ИЛИ)
- Условия Правила
- Показать/Скрыть – Действие, которое необходимо выполнить
- Поле – Какое поле нужно отметить
- Операторы: Равно, Не равно, Содержит, Больше, Меньше, Пусто, Не пусто
- Ценность – Сравнительная ценность
- Множество условий – добавляйте неограниченное количество правил
Дополнительные параметры
- Скрытое поле — Сделайте поле невидимым, но укажите адрес электронной почты в отправленных файлах.
- Пользовательские CSS-классы — применение пользовательских стилей.
- Атрибуты доступности – метки ARIA для программ чтения с экрана.
- Преобразование текста – опциональное преобразование в нижний регистр
- Удаление пустого пространства – автоматическое удаление пробелов
Почему стоит выбрать именно наше поле для ввода адреса электронной почты?
✅ Предотвращение опечаток –
Поле подтверждения обеспечивает точный сбор адресов электронной почты.
✅ Ограничение домена –
Внесите в белый список определенные домены для контролируемого доступа.
✅ Автозаполнение браузера –
Более быстрый ввод благодаря сохраненным подсказкам по электронной почте.
✅ Встроенная проверка – Автоматическая проверка формата электронных писем в формате HTML5
✅ Оптимизировано для мобильных устройств – Клавиатуры, специально предназначенные для работы с электронной почтой, на мобильных устройствах
✅ Обратная связь – Проверка совпадений в режиме реального времени для подтверждения
✅ Сокращение спама – Ограничения по домену предотвращают отправку поддельных электронных писем.
✅ Удобный – Четкие сообщения и подсказки, указывающие на необходимость подтверждения данных.
✅ Полностью интегрированный – Бесперебойно работает со всеми функциями формы.
Часто задаваемые вопросы (FAQ)
В: Для чего нужно поле подтверждения по электронной почте?
Это добавляет второе поле «Подтвердите адрес электронной почты», куда пользователи должны повторно ввести свой адрес. Предотвращает опечатки, например... [электронная почта защищена] вместо gmail.com. Для отправки оба поля должны совпадать.
В: Как работает ограничение доступа к доменам?
Включите эту функцию и укажите разрешенные домены (по одному на строку), например, yourcompany.com. Принимаются только адреса электронной почты, заканчивающиеся на эти домены.
В: Могу ли я разрешить использование нескольких доменов?
Да. Введите несколько доменов, по одному на строку, например, company1.com, company2.com, partner.com. Принимаются любые из них.
В: Следует ли использовать подтверждение по электронной почте для всех форм?
Используйте его для важных форм, таких как регистрация, заказы или билеты на мероприятия. Для простых форм запросов пропустите его, чтобы ускорить процесс для пользователей.
В: Что делает функция «Разрешить подсказки браузера»?
Это позволяет использовать функцию автозаполнения в браузере, чтобы пользователи могли выбирать из сохраненных адресов электронной почты вместо того, чтобы вводить их вручную.
В: Могут ли пользователи обойти проверку электронной почты?
Нет. Браузеры автоматически применяют правила форматирования электронной почты, блокируя некорректные форматы, такие как user@ или @domain.com.
В: Как ограничить доступ только к корпоративной электронной почте?
Включите параметр «Ограничить разрешенные домены электронной почты» и введите домен вашей компании. Будут приниматься только электронные письма, отправленные с использованием этого домена.
В: Отображается ли поле подтверждения на той же строке?
Нет. Эта кнопка отображается прямо под основным полем ввода адреса электронной почты и называется «Подтвердите адрес электронной почты».
В: Какая клавиатура отображается на мобильном устройстве?
На мобильных устройствах отображается удобная для работы с электронной почтой клавиатура с сочетаниями клавиш для символа @, точки и распространенных доменов.
В: Можно ли использовать поля электронной почты с условной логикой?
Да. Вы можете отображать или скрывать поля электронной почты в зависимости от выбора пользователя, используя условия, такие как «Пусто», «Не пусто» или «Равно».
В: Что произойдет, если домены не совпадут?
Пользователь получает сообщение следующего содержания: «Домен электронной почты не разрешен. Пожалуйста, используйте разрешенный домен».
В: Стоит ли включать автозаполнение в целях безопасности?
Зависит от ситуации. Включайте для удобства в общедоступных формах. Отключайте в системах общего доступа или системах с конфиденциальной информацией, если предпочтительнее ручной ввод.
