Як додати поля електронної пошти до форм WordPress
Електронна пошта – найважливіше поле в більшості форм WordPress. Контактні форми, підписки на розсилку новин, реєстрації на події та запити на підтримку – все це залежить від збору дійсної адреси, на яку ви можете відповісти або додати до списку. Вам потрібно більше, ніж просто текстове поле – вам потрібна перевірка формату, запобігання друкарським помилкам і додаткові правила, такі як адреси лише для домену компанії.
Auto Form Builder містить спеціальне поле «Електронна пошта» в категорії «Базові» конструктора форм з функцією перетягування. Він використовує тип введення електронної пошти HTML5, перевіряє адреси на сервері за допомогою вбудованої перевірки електронної пошти WordPress та пропонує додаткові функції підтвердження та білого списку доменів — і все це без написання коду.
Останнє оновлення: Останнє оновлення 1 вересня
Що таке поле електронної пошти в Auto Form Builder?
Поле «Електронна пошта» – це спеціалізоване однорядкове поле для введення адрес електронної пошти. Воно відображається в категорії основних полів разом із полями «Введення тексту», «Область тексту», «Телефон», «Номер», «Дата» та «Час».
Використовуйте спеціальне поле електронної пошти, коли вам потрібно:
- Контактна адреса або адреса для відповіді у формі зворотного зв'язку
- Адреси для підписки на розсилку новин або розсилку
- Електронна адреса для надсилання підтверджувальних повідомлень користувачам після надсилання
- Адреси лише для компанії, обмежені схваленими доменами
- Друге поле «підтвердити електронну пошту» для зменшення друкарських помилок перед надсиланням
Ви також можете додати перевірку формату електронної пошти до Введення тексту поле через випадаюче меню «Перевірка», але спеціальне Електронна пошта поле є кращим вибором для колекції — воно містить опції, що стосуються електронної пошти, такі як підтвердження та списки дозволених доменів, рендеринг за допомогою type="email" та autocomplete="email"та інтегрується безпосередньо з налаштуваннями форми електронної пошти.
Як додати поле електронної пошти до форми
Крок 1: Відкрийте конструктор форм
У вашій адміністративній панелі WordPress перейдіть до розділу Автоматичний конструктор форм → Усі форми , потім відкрийте існуючу форму або натисніть кнопку Створити нову форму.
Крок 2: Перетягніть поле електронної пошти
На палітрі полів ліворуч знайдіть поле «Електронна пошта» в категорії «Основні». Перетягніть його на полотно форми. Клацніть поле, щоб відкрити панель його налаштувань праворуч.
Крок 3: Налаштуйте підпис і заповнювач
Встановіть чітку підпис поля (наприклад, Адреса електронної пошти або Робоча електронна адреса ). Додайте текст-заповнювач, наприклад, [email protected] , щоб допомогти відвідувачам, перш ніж вони введуть текст.
Крок 4: Встановіть ширину та обов'язковий статус
Виберіть «Ширина поля» — «Повна ширина», «Половина ширини», «Одна третина» або «Дві третини» — щоб керувати макетом. Увімкніть «Обов’язкове поле» , щоб форму не можна було надіслати без дійсної адреси електронної пошти.
Крок 5: Налаштуйте параметри поля електронної пошти
Прокрутіть до розділу «Параметри поля електронної пошти» , щоб встановити значення за замовчуванням, увімкнути підтвердження електронною поштою або обмежити дозволені домени (докладніше описано нижче).
Крок 6: Збереження, попередній перегляд та публікація
Натисніть «Зберегти форму» , перегляньте її на комп’ютері, планшеті та мобільному пристрої, потім скопіюйте шорткод або код вбудовування з екрана «Форми» та розмістіть форму на будь-якій сторінці або зовнішньому сайті.
Пояснення налаштувань полів електронної пошти
Автоматичний конструктор форм розділяє налаштування на базові опції (спільні для всіх полів) та опції, що стосуються лише електронної пошти.
Базові налаштування поля
- Мітка поля — відображається над вхідними даними
- Назва поля — використовується в даних для подання та вебхуках
- Ширина поля — повний, половина, одна третина або дві третини
- Обов'язкове поле — блокує надсилання, коли порожній
- Текст-заповнювач — текст підказки всередині порожнього поля
- Текст довідки — додаткові вказівки під полем
- Клас CSS — додатковий користувацький клас для стилізації хуків
- Умовна логіка — показати або приховати поле на основі інших відповідей
Значення за замовчуванням
Попередньо заповнювати поле електронної пошти під час завантаження форми — корисно, коли адреса користувача, що ввійшов у систему, відома, або під час повторного заповнення форми після помилки перевірки в іншому місці на сторінці.
Додати поле підтвердження
Увімкніть опцію «Додати поле підтвердження» , щоб під основним полем відображалося друге поле з написом «Підтвердити електронну пошту» . Відвідувачі повинні ввести ту саму адресу двічі. Помилки невідповідності відображаються під час розмиття та блокування надсилання на інтерфейсі, що зменшує кількість друкарських помилок, які в іншому випадку призвели б до надсилання відповідей до неправильної папки «Вхідні».
Обмежити дозволені домени електронної пошти
включити Обмежити дозволені домени електронної пошти приймати адреси лише з доменів, які ви перерахували, наприклад, обмежити форму прийому персоналу yourcompany.com.
Введіть кожен дозволений домен у новому рядку в Дозволені домени електронної пошти текстове поле без @ символ (наприклад, gmail.com, outlook.com, yourcompany.com). Це білий список: лише перелічені домени проходять перевірку.
Перевірки домену виконуються в браузері під час розмиття та ще раз перед надсиланням. Поєднайте це з перевіркою обов'язкових полів, щоб порожні надсилання також блокувалися.
Приховане поле
Увімкніть «Приховане поле» в налаштуваннях електронної пошти, щоб передавати значення електронної пошти разом із надсиланням, не показуючи введене значення відвідувачам. Встановіть « Приховане значення» в налаштуваннях поля.
Як працює перевірка електронної пошти
Поля електронної пошти перевіряються на кількох рівнях:
- Введення електронної пошти HTML5 — рідна версія браузера
type="email"надає основні підказки щодо форматування та розкладку мобільної клавіатури - Перевірка JavaScript — зіставлення підтвердження та перевірки білого списку доменів виконуються під час розмиття та надсилання форми, з вбудованими повідомленнями про помилки та поведінкою прокручування до місця помилки
- Перевірка на стороні сервера — кожна надана адреса електронної пошти перевіряється системою WordPress
is_email()функція перед збереженням відправленого файлу, тому правила форматування неможливо обійти
Підтвердження зіставлення та списки дозволених доменів застосовуються на фронтенді перед надсиланням. Сервер завжди перевіряє, чи поле основної електронної пошти містить правильно відформатовану адресу.
Підключення полів електронної пошти до сповіщень форми
Після додавання поля електронної пошти підключіть його до налаштувань електронної пошти вашої форми:
- Електронна пошта для сповіщень адміністратора — отримувати електронного листа, коли хтось надсилає форму
- Електронний лист із підтвердженням користувача — надіслати автоматичну відповідь відправнику; виберіть, на яке поле електронної пошти у формі має надходити повідомлення
- Умовні правила електронної пошти — надсилати різні повідомлення з підтвердженням на основі відповідей форми
Налаштування форми автоматично визначають типи полів електронної пошти у вашій формі, тож ви можете вибрати правильне поле як одержувача підтвердження без жорсткого кодування адрес.
Практичні приклади полів електронної пошти
Стандартна контактна форма електронної пошти
- Лейбл: Адреса електронної пошти
- Заповнювач: [захищено електронною поштою]
- Вимагається: Так
- Поле підтвердження: вимкненим
Підписка на розсилку із захистом від друкарських помилок
- Лейбл: Електронна адреса
- Вимагається: Так
- Додати поле підтвердження: включено
- Електронна адреса підтвердження користувача: Увімкнено в налаштуваннях форми, пов’язано з цим полем
Форма вступу лише для працівників
- Лейбл: Робота електронної пошти
- Обмежити дозволені домени електронної пошти: включено
- Дозволені домени: yourcompany.com
- Вимагається: Так
Реєстрація події
- Лейбл: Електронний лист для підтвердження
- Текст довідки: Ми надішлемо ваш квиток на цю адресу
- Додати поле підтвердження: включено
- Вимагається: Так
Поле електронної пошти проти текстового вводу з перевіркою електронної пошти
- Поле електронної пошти — виділений тип із полем підтвердження, список дозволених доменів,
autocomplete="email"та пряма інтеграція з налаштуваннями електронної пошти з підтвердженням - Введення тексту з перевіркою → Електронна пошта — застосовує шаблон формату електронної пошти до загального текстового поля; бракує параметрів підтвердження та домену, специфічних для електронної пошти
Для будь-якої форми, основною метою якої є збір адреси, на яку ви будете відповідати або надсилати поштою, використовуйте відповідне поле «Електронна пошта».
Поєднання полів електронної пошти з умовною логікою
Кожне поле електронної пошти підтримує умовну логіку. Показувати поле « Ділова електронна пошта» лише тоді, коли у спадному списку типу облікового запису встановлено значення « Компанія» , або показувати додаткове поле електронної пошти, коли встановлено прапорець «надсилати копії в інше місце». Правила оцінюються в режимі реального часу, коли відвідувачі змінюють свої відповіді.
Поля електронної пошти у вбудованих формах
Форми, вбудовані на сайтах, що не на WordPress, використовують ту саму поведінку полів електронної пошти — перевірку HTML5, зіставлення підтвердження, списки дозволених доменів та перевірку формату на стороні сервера. Незалежно від того, розміщені вони за допомогою шорткоду чи коду вбудовування, поля електронної пошти працюють однаково всюди.
Завантажити Auto Form Builder — Безкоштовні поля електронної пошти
Поля електронної пошти з підтвердженням, списки дозволених доменів, перевірка на стороні сервера та інтеграція сповіщень включені до безкоштовного плагіна — того самого плагіна, який надає вам безкоштовне керування надсиланнями, стилізацію форм, захист від спаму та вебхуки.
Встановіть його з офіційного каталогу WordPress.org: https://wordpress.org/plugins/auto-form-builder/
Останнє оновлення: Останнє оновлення 1 вересня
Створюйте форми, які вбудовуються будь-де — безкоштовно
Auto Form Builder дозволяє створювати багатоетапні форми, калькулятори та форми для збору лідів у WordPress, а потім вбудовувати їх на будь-який сайт за допомогою одного рядка коду.
Встановіть безкоштовний плагінПоширені запитання
Як додати поле електронної пошти до форми WordPress?
Відкрийте форму в Auto Form Builder, перетягніть поле «Електронна пошта» з категорії «Основні» на полотно, налаштуйте підпис і параметри, а потім збережіть. Опублікуйте за допомогою шорткоду або коду вбудовування.
Чи перевіряє Auto Form Builder адреси електронної пошти?
Так. Поля електронної пошти використовують перевірку введення адреси електронної пошти HTML5 у браузері та перевірку is_email() на сервері WordPress для кожного надсилання.
Чи можна додати поле підтвердження електронної пошти, щоб уникнути друкарських помилок?
Так. Увімкніть опцію «Додати поле підтвердження» в розділі «Параметри поля електронної пошти». З’явиться друге поле для підтвердження електронної пошти, яке має відповідати основній адресі перед надсиланням форми.
Чи можу я обмежити електронні листи лише для певних доменів?
Так. Увімкніть опцію «Обмежити дозволені домени електронної пошти» та перелічіть кожен дозволений домен у новому рядку (наприклад, company.com). Приймаються лише адреси з цих доменів.
Яка різниця між полем «Електронна пошта» та полем «Текстовий ввід» з перевіркою електронної пошти?
Спеціальне поле електронної пошти містить опції підтвердження та білого списку доменів, підтримку автозаповнення та інтеграцію з налаштуваннями електронної пошти підтвердження. Функція введення тексту з перевіркою електронної пошти перевіряє формат лише за допомогою правила шаблону.
Чи можу я надіслати електронний лист із підтвердженням на адресу, яку хтось введе?
Так. Увімкніть підтвердження користувача електронною поштою в налаштуваннях форми та виберіть поле «Електронна пошта» у формі як одержувача. Автоматичний конструктор форм автоматично визначає поля електронної пошти.
Чи можу я попередньо заповнити поле електронної пошти значенням за замовчуванням?
Так. Установіть значення за замовчуванням у розділі «Параметри поля електронної пошти», щоб попередньо заповнити поле під час завантаження форми.
Чи поля електронної пошти безкоштовні в Auto Form Builder?
Так. Поля електронної пошти з підтвердженням, списками дозволених доменів та перевіркою включені до безкоштовного плагіна Auto Form Builder на WordPress.org.
