Як додати поля електронної пошти до форм WordPress

Електронна пошта – це рятівна арка онлайн-спілкування. Кожна контактна форма, підписка на розсилку та реєстрація потребують надійного поле електронної поштиАле простого введення тексту недостатньо — вам потрібна перевірка, щоб виявляти друкарські помилки, додаткове підтвердження для забезпечення точності та правильне форматування для корисних даних. Ось як додати поля електронної пошти, які працюють.

Навіщо використовувати окреме поле електронної пошти?

Проблеми з текстовими полями для електронної пошти

• Без перевірки формату
• Орфографічні помилки залишаються непоміченими
• Недійсні записи приймаються
• Немає клавіатури електронної пошти на мобільному пристрої
• Марні спроби подальших дій

Переваги полів електронної пошти

• Вбудована перевірка формату
• Виявляє поширені помилки
• Клавіатура електронної пошти на мобільних пристроях
• Стандартизований збір даних
• Краща доставку подальших дій

Додавання поля електронної пошти

Крок 1: Додавання поля

1. Відкрийте свою форму в АФБ
2. знайти Електронна пошта у типах полів
3. Перетягніть до своєї форми

Крок 2: Налаштуйте основні параметри

• Лейбл: «Адреса електронної пошти» або «Ваша електронна адреса»
• Заповнювач: "[захищено електронною поштою]"
• Вимагається: Зазвичай так для контактних форм
• Текст довідки: Додаткові інструкції

Крок 3: Збережіть і протестуйте

1. Збережіть свою форму
2. Попередній перегляд на фронтенді
3. Спробуйте надіслати недійсну електронну адресу
4. Перевірте роботу перевірки

Перевірка електронної пошти

Що перевіряється

Перевірка правильності форматування полів електронної пошти:

Дійсний: ✓ [захищено електронною поштою]
✓ [захищено електронною поштою]
✓ [захищено електронною поштою]

Недійсне: ✗ userexample.com (відсутній @) ✗ [захищено електронною поштою] (відсутній домен) ✗ користувач@приклад (відсутній домен верхнього рівня) ✗ @приклад.com (відсутнє ім'я користувача)

Повідомлення про помилки перевірки

За замовчуванням: «Будь ласка, введіть дійсну адресу електронної пошти» Налаштування: «Це не схоже на адресу електронної пошти. Перевірте та спробуйте ще раз»

Що не перевіряє валідація

• Чи існує електронна пошта насправді
• Чи активна поштова скринька
• Витратність

Перевірка формату забезпечує правильну структуру, а не існування.

Поле підтвердження електронної пошти

Що це таке?

Друге поле електронної пошти, де користувачі повторно вводять свою адресу. Обидві адреси мають збігатися для надсилання.

Електронна адреса: [[захищено електронною поштою]    ] Підтвердьте електронну адресу: [[захищено електронною поштою]    ] ✓ Збіги

Навіщо використовувати підтвердження?

• Виявляє друкарські помилки (найпоширеніші: неправильний домен)
• Змушує користувачів перевіряти ще раз
• Зменшує кількість невдалих електронних листів
• Критично важливо для важливих транзакцій

Коли використовувати

• Реєстрація рахунку
• Підписки на розсилку новин
• Підтвердження замовлення
• Будь-яка форма, де точність електронної пошти є критично важливою

Коли пропускати

• Прості контактні форми
• Швидкі запити
• Коли зменшення тертя є пріоритетом

Підтвердження увімкнення

1. Виберіть поле електронної пошти
2. Знайдіть опцію «Поле підтвердження»
3. Увімкніть
4. Друге поле з'являється автоматично

Поведінка підтвердження

Email: [захищено електронною поштою]
Підтвердьте: [захищено електронною поштою]  ← Помилка! Помилка: «Адреси електронної пошти не збігаються»

Обмеження домену

Що таке обмеження домену?

Обмежте, які домени електронної пошти приймаються:

• Білий список: Дозволити лише певні домени
• Чорний список: Блокувати певні домени

Випадки використання білого списку

Приймати електронні листи лише з певних доменів:

Дозволено: @company.com, @company.org Відхилено: Все інше Використовувати для: - Внутрішніх форм компанії - Реєстрації співробітників - Доступу лише для організації

Випадки використання чорного списку

Блокування певних доменів:

Заблоковано: @mailinator.com, @tempmail.com, @guerrillamail.com Дозволено: Все інше Використовувати для: - Запобігання одноразовим електронним листам - Зменшення кількості реєстрацій спаму - Забезпечення реальних контактних адрес

Налаштування обмежень домену

1. Виберіть поле електронної пошти
2. Знайти налаштування обмежень домену
3. Виберіть режим білого або чорного списку
4. Введіть домени (по одному на рядок)

Приклад: Тільки електронні листи компанії

Режим: Білий список Домени: company.com company.org Помилка: «Будь ласка, використовуйте адресу електронної пошти вашої компанії»

Приклад: Блокування одноразових електронних листів

Режим: Чорний список Домени: mailinator.com tempmail.com guerrillamail.com 10minutemail.com throwaway.email Помилка: «Будь ласка, використовуйте постійну адресу електронної пошти»

Приклади конфігурації

Приклад 1: Базова контактна форма

Мітка: "Адреса електронної пошти" Заповнювач: "[захищено електронною поштою]Обов’язково: Так Підтвердження: Ні Обмеження домену: Немає

Приклад 2: Підписка на розсилку новин

Мітка: «Ваша електронна адреса» Заповнювач: «Введіть свою електронну адресу...» Обов’язково: Так Підтвердження: Так Обмеження домену: Блокувати одноразово Текст довідки: «Ми ніколи не передамо вашу електронну адресу»

Приклад 3: Реєстрація облікового запису

Мітка: «Електронна пошта (буде вашим ім’ям користувача)» Заповнювач: «[захищено електронною поштою]Обов’язково: Так Підтвердження: Так Обмеження домену: Немає Довідковий текст: «Будь ласка, використовуйте електронну пошту, яку ви регулярно перевіряєте»

Приклад 4: Форма співробітника

Мітка: "Робоча електронна адреса" Заповнювач: "[захищено електронною поштою]"Обов'язково: Так Підтвердження: Ні Обмеження домену: Додати до білого списку лише company.com Текст довідки: "Використовуйте офіційну електронну адресу вашої компанії"

Приклад 5: Генерація лідів

Мітка: "Електронна адреса компанії" Заповнювач: "[захищено електронною поштою]«Обов’язково: Так Підтвердження: Ні Обмеження домену: Блокувати gmail.com, yahoo.com (лише B2B) Текст довідки: «Будь ласка, використовуйте свою робочу електронну пошту для ділових запитів»

Мобільна оптимізація

Клавіатура електронної пошти

Поля електронної пошти активують спеціалізовану мобільну клавіатуру:

• символ @ легкодоступний
• Скорочення .com на багатьох клавіатурах
• Зменшення перешкод автокорекції
• Швидший вхід

Найкращі практики для мобільних пристроїв

• Чітка, читабельна етикетка
• Корисний текст-заповнювач
• Достатній розмір цільової області дотику
• Очистити повідомлення про помилки

Поширені помилки в полях електронної пошти

1. Використання тексту замість типу електронної пошти

Неправильно: Праворуч:

Тип електронної пошти дозволяє перевірку та мобільну клавіатуру.

2. Не робити вимоги, коли це необхідно

Якщо вам потрібно відповісти, обов'язково вкажіть електронну адресу.

3. Заплутаний заповнювач для мітки

Неправильно: Тільки заповнювач, без підпису. Правильно: Чіткий підпис + корисний заповнювач

4. Надмірно сувора перевірка

Деякі дійсні електронні адреси виглядають незвично:

Дійсно, але нечасто: - [захищено електронною поштою]
- [захищено електронною поштою]
- [захищено електронною поштою]

Не відхиляйте дійсні формати.

5. Відсутність контексту повідомлення про помилку

Погано: «Недійсне введення» Добре: «Будь ласка, введіть дійсну адресу електронної пошти (наприклад: [захищено електронною поштою])"

Мітки полів електронної пошти

Приклади гарних етикеток

• "Адреса електронної пошти"
• «Ваша електронна адреса»
• “Електронна пошта”
• «Робоча електронна пошта»
• «Контактна електронна адреса»

Контекстно-специфічні мітки

• «Електронна пошта (для підтвердження замовлення)»
• «Електронна адреса (на яку ми надішлемо ваш файл для завантаження)»
• «Електронна адреса компанії»
• «Бажана електронна адреса»

Приклади заповнювачів

• "[захищено електронною поштою]"
• «Введіть свою адресу електронної пошти…»
• "[захищено електронною поштою]"
• "[захищено електронною поштою]"

Ідеї ​​для довідкових текстів

Забезпечення конфіденційності

«Ми ніколи нікому не передамо вашу електронну пошту» «Ваша електронна адреса залишається конфіденційною» «Ми поважаємо вашу конфіденційність»

Пояснення використання

«Ми надішлемо ваше підтвердження сюди». «Куди нам надіслати посилання для завантаження?» «Ви отримуватимете оновлення на цю адресу».

Керівництво з форматування

"Використовуйте дійсний формат електронної пошти (наприклад: [захищено електронною поштою])" "Будь ласка, використовуйте електронну адресу, яку ви регулярно перевіряєте" "Введіть електронну адресу, пов’язану з вашим обліковим записом"

Кілька полів електронної пошти

Коли використовувати кілька

• Первинний та вторинний контакт
• Особиста та робоча електронна пошта
• Сповіщення про виставлення рахунків та доставку

Приклад: Початкова/Додаткова

Основна електронна адреса: [________________] (обов’язково) Додаткова електронна адреса: [________________] (необов’язково) Довідковий текст: «Додаткова електронна адреса для резервного контакту»

Приклад: Обліковий запис + Сповіщення

Електронна адреса облікового запису: [________________] Електронна адреса для сповіщень: [________________] ☐ Така ж, як і електронна адреса облікового запису

Обробка заявок

У сповіщеннях електронною поштою

Значення полів електронної пошти відображатимуться у вашому сповіщенні:

Нове повідомлення з контактної форми: Ім'я: Джон Сміт Ел. пошта: [захищено електронною поштою]  ← Натисніть, щоб відповісти Повідомлення: ...

Конфігурація "Відповісти"

Встановіть поле електронної пошти як адресу для відповіді:

• Натискання кнопки «Відповісти» перенаправляє відправника
• Легке подальше спілкування

В експорті

Стовпець CSV: Значення електронної пошти: [захищено електронною поштою], [захищено електронною поштою], ...

Резюме найкращих практик

Do

• ✓ Використовуйте спеціальний тип поля електронної пошти
• ✓ Додати чітку етикетку
• ✓ Додайте корисний заповнювач
• ✓ Зробіть обов'язковим, коли це необхідно
• ✓ Використовуйте підтвердження для важливих форм
• ✓ Додайте текст довідки, що запевняє конфіденційність
• ✓ Тестування на мобільних пристроях

Чи не

• ✗ Використовуйте текстове поле для електронної пошти
• ✗ Пропустити перевірку
• ✗ Використовуйте заповнювач як єдину мітку
• ✗ Надмірно обмежувати дійсні домени
• ✗ Забудьте про оптимізацію мобільної клавіатури

Пошук і усунення несправностей

Дійсну електронну адресу відхилено

• Перевірте налаштування обмежень домену
• Перевірте стандартний формат електронної пошти
• Деякі незвичайні доменні імена можуть потребувати тестування

Підтвердження не відповідає

• Перевірте наявність зайвих пробілів
• Чутливість до регістру (зазвичай не є проблемою)
• Копіювання та вставка можуть містити приховані символи

Мобільна клавіатура, а не електронна пошта

• Перевірте використання поля типу електронної пошти
• Деякі браузери/пристрої відрізняються
• Перевірте тип вводу в коді

У заявках є недійсні електронні адреси

• Переконайтеся, що перевірка ввімкнена
• Перевірте роботу перевірки на стороні клієнта
• Додати резервну копію перевірки на стороні сервера

Резюме

Додавання полів електронної пошти до форм WordPress:

1. Додати поле електронної пошти – Перетягнути до форми
2. Встановити мітку – Чітко, описово
3. Додати заповнювач – Приклад формату
4. Зробити обов'язковим – Якщо потрібно для подальшого спостереження
5. Увімкнути підтвердження – Для критичної точності
6. Встановити обмеження домену – Якщо обмежувати домени
7. Додати довідковий текст – Примітки щодо конфіденційності або використання
8. Ретельно протестуйте – Дійсний, недійсний, мобільний

Висновок

Поле електронної пошти часто є найважливішим полем у вашій формі — саме так ви зв’яжетеся з особою, яка надіслала форму. Використання спеціального типу поля електронної пошти забезпечує належну перевірку, оптимізацію для мобільних пристроїв та якість даних. Додайте підтвердження, коли точність є критично важливою, та враховуйте обмеження домену для фільтрації надісланих листів. Добре налаштоване поле електронної пошти означає менше відхилених листів та кращу комунікацію.

Автоматичний конструктор форм включає повнофункціональне поле електронної пошти з вбудованою перевіркою, додатковим підтвердженням та можливостями обмеження домену. Збирайте адреси електронної пошти з упевненістю.

Готові додати поля електронної пошти? Завантажити автоматичний конструктор форм і почніть збирати дійсні адреси електронної пошти вже сьогодні.