Как да добавите полета за имейл към WordPress формуляри

Как да добавите полета за имейл към WordPress формуляри

Имейлът е жизненоважната артерия на онлайн комуникацията. Всяка форма за контакт, абонамент за бюлетин и регистрация се нуждаят от надежден... поле за имейлНо основното въвеждане на текст не е достатъчно – имате нужда от валидиране за откриване на печатни грешки, опционално потвърждение за гарантиране на точност и правилно форматиране на използваемите данни. Ето как да добавите полета за имейл, които работят.

Защо да използвате специално поле за имейл?

Проблеми с текстовите полета за имейл

  • Няма валидиране на формата
  • Печатните грешки остават незабелязани
  • Приемат се невалидни записи
  • Няма клавиатура за имейли на мобилния телефон
  • Пропилени опити за последващи действия

Предимства на полетата за имейли

  • Вградена проверка на формата
  • Открива често срещани грешки
  • Имейл клавиатура на мобилни устройства
  • Стандартизирано събиране на данни
  • По-добра доставяемост на последващи действия

Добавяне на поле за имейл

Стъпка 1: Добавяне на полето

  1. Отворете формуляра си в A.F.B.
  2. Какво Имейл в типове полета
  3. Плъзнете към формуляра си

Стъпка 2: Конфигурирайте основни настройки

  • Издател: „Имейл адрес“ или „Вашият имейл“
  • Заместител: "[имейл защитен]"
  • Задължително: Обикновено да за формуляри за контакт
  • Помощен текст: Допълнителни инструкции

Стъпка 3: Запазете и тествайте

  1. Запазете формуляра си
  2. Преглед във фронтенда
  3. Опитайте да изпратите невалиден имейл
  4. Проверете валидирането

Проверка на имейл

Какво се валидира

Проверка на полетата за имейл за правилен формат:

Валидно: ✓ [имейл защитен][имейл защитен][имейл защитен]

Невалидно: ✗ userexample.com (липсва @) ✗ [имейл защитен] (липсва домейн) ✗ потребител@пример (липсва TLD) ✗ @пример.com (липсва потребителско име)

Съобщения за грешки при валидиране

По подразбиране: „Моля, въведете валиден имейл адрес“ По избор: „Това не изглежда като имейл. Моля, проверете и опитайте отново“

Какво не проверява валидирането

  • Дали имейлът действително съществува
  • Дали пощенската кутия е активна
  • подаваща

Валидирането на формата гарантира правилната структура, а не съществуването.

Поле за потвърждение на имейл

Какво е това?

Второ поле за имейл, където потребителите въвеждат отново адреса си. И двата трябва да съвпадат, за да се изпрати.

Електронна поща: [[имейл защитен]    ] Потвърдете имейл: [[имейл защитен]    ] ✓ Съвпадения

Защо да използваме потвърждение?

  • Открива печатни грешки (най-често срещани: грешен домейн)
  • Принуждава потребителите да проверяват отново
  • Намалява неуспешните имейл комуникации
  • Критично за важни транзакции

Кога да използвате

  • Регистрация на акаунт
  • Абонаменти за бюлетин
  • Потвърждения на поръчки
  • Всяка форма, при която точността на имейла е от решаващо значение

Кога да пропуснете

  • Прости формуляри за контакт
  • Бързи запитвания
  • Когато намаляването на триенето е приоритет

Потвърждение за активиране

  1. Изберете полето за имейл адрес
  2. Намерете опцията „Поле за потвърждение“
  3. Включете
  4. Второто поле се появява автоматично

Поведение при потвърждение

Мейл: [имейл защитен]
Потвърдете: [имейл защитен]  ← Печатна грешка! Грешка: „Имейл адресите не съвпадат“

Ограничения на домейна

Какво представляват ограниченията на домейна?

Ограничете кои имейл домейни се приемат:

  • Бял списък: Разрешаване само на определени домейни
  • Черен списък: Блокиране на конкретни домейни

Случаи на употреба на белия списък

Приемаме имейли само от определени домейни:

Разрешено: @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

  • ✓ Използвайте специално поле за имейл адрес
  • ✓ Добавете ясен етикет
  • ✓ Включете полезен заместител
  • ✓ Направете необходимо, когато е необходимо
  • ✓ Използвайте потвърждение за важни формуляри
  • ✓ Добавете помощен текст, който гарантира поверителността
  • ✓ Тестване на мобилни устройства

Не

  • ✗ Използвайте текстово поле за имейл
  • ✗ Пропускане на валидирането
  • ✗ Използвайте заместител като единствен етикет
  • ✗ Прекомерно ограничаване на валидни домейни
  • ✗ Забравете за оптимизацията на мобилната клавиатура

Отстраняване на проблеми

Валиден имейл адрес е отхвърлен

  • Проверете настройките за ограничаване на домейни
  • Проверете дали форматът на имейла е стандартен
  • Някои необичайни TLD може да се нуждаят от тестване

Потвърждението не съвпада

  • Проверете за допълнителни места
  • Чувствителност към главни и малки букви (обикновено не е проблем)
  • Копирането и поставянето може да съдържа скрити символи

Мобилна клавиатура, а не имейл

  • Проверете дали е използван тип поле за имейл
  • Някои браузъри/устройства се различават
  • Проверете типа на входа в кода

Изпратените материали имат невалидни имейл адреси

  • Уверете се, че валидирането е активирано
  • Проверете дали валидирането от страна на клиента работи
  • Добавяне на резервно копие за валидиране от страна на сървъра

Oбобщение

Добавяне на полета за имейл към WordPress формуляри:

  1. Добавяне на поле за имейл – Плъзнете, за да оформите
  2. Задаване на етикет – Ясно, описателно
  3. Добавяне на заместител – Пример за формат
  4. Направете задължително – Ако е необходимо последващо действие
  5. Активиране на потвърждение – За критична точност
  6. Задаване на ограничения за домейн – Ако ограничавате домейни
  7. Добавяне на помощен текст – Бележки за поверителност или употреба
  8. Тествайте обстойно – Валиден, невалиден, мобилен

Заключение

Полето за имейл често е най-важното поле във вашия формуляр – това е начинът, по който ще достигнете до лицето, което е изпратило формуляра. Използването на специален тип поле за имейл гарантира правилна проверка, мобилна оптимизация и качество на данните. Добавете потвърждение, когато точността е критична, и вземете предвид ограниченията на домейна, за да филтрирате изпратените имейли. Добре конфигурираното поле за имейл означава по-малко върнати имейли и по-добра комуникация.

Автоматичен конструктор на формуляри Включва пълнофункционално поле за имейл с вградена проверка, опционално потвърждение и възможности за ограничаване на домейни. Събирайте имейл адреси с увереност.

Готови ли сте да добавите полета за имейл? Изтегляне на Auto Form Builder и започнете да събирате валидни имейл адреси още днес.

Оставете коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани *