Hogyan adhatunk hozzá e-mail mezőket a WordPress űrlapokhoz

Az e-mail az online kommunikáció éltető láncszeme. Minden kapcsolatfelvételi űrlaphoz, hírlevél-feliratkozáshoz és regisztrációhoz megbízható… e-mail mezőDe egy alapvető szövegbevitel nem elég – érvényesítésre van szükség az elgépelések kiszűréséhez, opcionális megerősítésre a pontosság biztosításához, valamint megfelelő formázásra a használható adatokhoz. Így adhatsz hozzá működő e-mail mezőket.

Miért érdemes dedikált e-mail mezőt használni?

Problémák az e-mail szövegmezőivel

• Nincs formátumellenőrzés
• Az elgépelések észrevétlenek maradnak
• Érvénytelen bejegyzések elfogadva
• Nincs e-mail billentyűzet mobilon
• Hiányos utánkövetési kísérletek

Az e-mail mezők előnyei

• Beépített formátumérvényesítés
• Gyakori hibákat észlel
• E-mail billentyűzet mobileszközökön
• Szabványosított adatgyűjtés
• Jobb kézbesítési hatékonyság a nyomon követésekhez

E-mail mező hozzáadása

1. lépés: A mező hozzáadása

1. Nyissa meg az űrlapot itt: A.F.B.
2. Találjon E-mail mezőtípusokban
3. Húzd az űrlapodra

2. lépés: Az alapvető beállítások konfigurálása

• Címke: „E-mail cím” vagy „Az Ön e-mail címe”
• Helykitöltő: "[e-mail védett]"
• Kívánt: Kapcsolatfelvételi űrlapok esetén általában igen
• Súgó szöveg: Opcionális utasítások

3. lépés: Mentés és tesztelés

1. Űrlap mentése
2. Előnézet a frontend-en
3. Próbáljon meg érvénytelen e-mailt beküldeni
4. Ellenőrizze az érvényesítés működését

E-mail érvényesítés

Mi kerül validálásra

E-mail mezők formátumának ellenőrzése:

Érvényes: ✓ [e-mail védett]
✓ [e-mail védett]
✓ [e-mail védett]

Érvénytelen: ✗ userpexample.com (hiányzik a @ jel) ✗ [e-mail védett] (hiányzó domain) ✗ user@example (hiányzó TLD) ✗ @example.com (hiányzó felhasználónév)

Érvényesítési hibaüzenetek

Alapértelmezett: „Kérjük, adjon meg egy érvényes e-mail címet” Egyéni: „Ez nem úgy tűnik, mint egy e-mail cím. Kérjük, ellenőrizze és próbálja újra”

Amit az érvényesítés nem ellenőriz

• Hogy az e-mail valóban létezik-e
• A postaláda aktív-e
• szállíthatósága

A formátumérvényesítés a megfelelő struktúrát, nem a létezést biztosítja.

E-mail visszaigazoló mező

Mi ez?

Egy második e-mail mező, ahová a felhasználók újra megadhatják a címüket. A küldéshez mindkettőnek meg kell egyeznie.

E-mail: [[e-mail védett]    ] E-mail cím megerősítése: [[e-mail védett]    ] ✓ Mérkőzések

Miért érdemes konfirmációt használni?

• Elgépeléseket keres (leggyakoribb: rossz domain)
• Kényszeríti a felhasználókat a dupla ellenőrzésre
• Csökkenti a sikertelen e-mail kommunikációt
• Kritikus fontosságú a fontos tranzakcióknál

Mikor kell használni?

• Fiók regisztráció
• Hírlevél feliratkozás
• Rendelés visszaigazolások
• Bármely olyan űrlap, ahol az e-mailek pontossága kritikus fontosságú

Mikor kell kihagyni

• Egyszerű kapcsolatfelvételi űrlapok
• Gyors kérdések
• Amikor a súrlódás csökkentése az elsődleges

Megerősítés engedélyezése

1. Válassza ki az e-mail mezőt
2. Keresd meg a „Megerősítési mező” opciót
3. Kapcsolja BE
4. A második mező automatikusan megjelenik

Megerősítő viselkedés

E-mail: [e-mail védett]
Megerősít: [e-mail védett]  ← Elírás! Hiba: „Az e-mail címek nem egyeznek”

Domain korlátozások

Mik azok a domain korlátozások?

Az elfogadott e-mail domainek korlátozása:

• Fehérlista: Csak meghatározott domainek engedélyezése
• Feketelista: Meghatározott domainek blokkolása

Engedélylistás használati esetek

Csak bizonyos domainekről fogadjon el e-maileket:

Engedélyezett: @company.com, @company.org Elutasítva: Minden más Használat: - Belső vállalati űrlapok - Alkalmazotti regisztráció - Csak szervezeti hozzáférés

Feketelista használati esetei

Bizonyos domainek blokkolása:

Blokkolt: @mailinator.com, @tempmail.com, @guerrillamail.com Engedélyezett: Minden más Használat: - Eldobható e-mailek megakadályozása - Spam feliratkozások csökkentése - Valódi elérhetőségek biztosítása

Tartománykorlátozások konfigurálása

1. E-mail mező kiválasztása
2. Domainkorlátozási beállítások keresése
3. Válasszon fehérlistás vagy feketelistás módot
4. Adja meg a domaineket (soronként egyet)

Példa: Csak céges e-mailek

Mód: Engedélyezett domainek: company.com company.org Hiba: „Kérjük, használja a céges e-mail címét”

Példa: Eldobható e-mailek blokkolása

Mód: Feketelista Domainek: mailinator.com tempmail.com guerrillamail.com 10minutemail.com throwaway.email Hiba: „Kérjük, állandó e-mail címet használjon”

Konfigurációs példák

1. példa: Alapvető kapcsolatfelvételi űrlap

Címke: „E-mail cím” Helyőrző: „[e-mail védett]"Kötelező: Igen Megerősítés: Nem Domain korlátozások: Nincsenek

2. példa: Hírlevélre feliratkozás

Címke: „Az Ön e-mail címe” Helyőrző: „Írja be az e-mail címét...” Kötelező: Igen Megerősítés: Igen Domain-korlátozások: Eldobható cím blokkolása Súgószöveg: „Soha nem osztjuk meg az Ön e-mail címét”

3. példa: Fiók regisztrációja

Címke: „E-mail (ez lesz a felhasználóneve)” Helyőrző: „[e-mail védett]"Kötelező: Igen Megerősítés: Igen Domain-korlátozások: Nincs Súgószöveg: "Kérjük, olyan e-mail címet használjon, amelyet rendszeresen ellenőriz."

4. példa: Alkalmazotti űrlap

Címke: „Munkahelyi e-mail” Helyőrző: „[e-mail védett]"Kötelező: Igen Megerősítés: Nem Domain-korlátozások: Csak a company.com weboldal fehérlistája Súgószöveg: "Használja a hivatalos céges e-mail címét"

5. példa: Leadgenerálás

Címke: „Üzleti e-mail” Helyőrző: „[e-mail védett]"Kötelező: Igen Megerősítés: Nem Domain korlátozások: gmail.com, yahoo.com blokkolása (csak B2B) Súgószöveg: "Üzleti megkeresésekhez kérjük, a munkahelyi e-mail címét használja"

Mobil optimalizálás

E-mail billentyűzet

Az e-mail mezők speciális mobil billentyűzetet jelenítenek meg:

• könnyen elérhető @ szimbólum
• .com billentyűparancs sok billentyűzeten
• Csökkentett automatikus javítási interferencia
• Gyorsabb belépés

Mobil bevált gyakorlatok

• Világos, olvasható címke
• Hasznos helyőrző szöveg
• Megfelelő koppintási célpontméret
• Hibaüzenetek törlése

Gyakori hibák az e-mail mezők kitöltésében

1. Szöveg használata e-mail helyett

Rossz: Jobbra:

Az e-mail típus lehetővé teszi az érvényesítést és a mobil billentyűzetet.

2. Nem teszünk meg mindent, amit kell, amikor szükséges

Ha válaszolni kell, akkor e-mailben kell megadni.

3. Zavarba ejtő helyőrző a címkéhez

Helytelen: Csak helykitöltő, nincs címke Helyes: Átlátszó címke + hasznos helykitöltő

4. Túl szigorú érvényesítés

Néhány érvényes e-mail cím szokatlannak tűnik:

Érvényes, de nem gyakori: - [e-mail védett]
- [e-mail védett]
- [e-mail védett]

Ne utasítson el érvényes formátumokat.

5. Nincs hibaüzenet kontextusa

Rossz: „Érvénytelen bevitel” Jó: „Kérjük, adjon meg egy érvényes e-mail címet (például: [e-mail védett])"

E-mail mezőcímkék

Jó címke példák

• "Email cím"
• „Az Ön e-mail címe”
• "Email"
• „Munkahelyi e-mail”
• „Kapcsolatfelvételi e-mail cím”

Kontextusspecifikus címkék

• „E-mail cím (a rendelés visszaigazolásához)”
• „E-mail cím (ahová küldjük a letöltést)”
• „Céges e-mail”
• „Előnyben részesített e-mail cím”

Helyőrző példák

• "[e-mail védett]"
• „Add meg az e-mail címedet…”
• "[e-mail védett]"
• "[e-mail védett]"

Súgószöveg-ötletek

Adatvédelem biztosítása

„Soha senkivel nem osztjuk meg az e-mail címedet.” „Az e-mail címedet bizalmasan kezeljük.” „Tiszteletben tartjuk az adatvédelmedet.”

Használati magyarázat

„Ide küldjük a visszaigazolást.” „Hová küldjük a letöltési linket?” „Erre a címre fogod kapni a frissítéseket.”

Formátumútmutató

"Használjon érvényes e-mail formátumot (például: [e-mail védett])" "Kérjük, olyan e-mail címet használjon, amelyet rendszeresen ellenőriz." "Adja meg a fiókjához társított e-mail címet."

Több e-mail mező

Mikor használjunk többet

• Elsődleges és másodlagos érintkező
• Személyes és munkahelyi e-mail
• Számlázási és szállítási értesítések

Példa: Elsődleges/Másodlagos

Elsődleges e-mail cím: [________________] (kötelező) Másodlagos e-mail cím: [_ ...] (opcionális) Súgószöveg: "Másodlagos e-mail cím tartalék kapcsolattartónak"

Példa: Fiók + Értesítések

Fiók e-mail címe: [________________] Értesítési e-mail cím: [_ ...] ☐ Megegyezik a fiók e-mail címével

Beküldések kezelése

E-mail értesítésekben

Az e-mail mező értékei megjelennek az értesítésben:

Új beküldés a Kapcsolatfelvételi űrlapról: Név: John Smith E-mail cím: [e-mail védett]  ← Kattintson a válaszadáshoz Üzenet: ...

Válasz konfigurációja

Állítsa be az e-mail mezőt válaszcímként:

• A „Válasz” gombra kattintva a beküldőhöz jutsz
• Könnyű utólagos kommunikáció

Exportban

CSV oszlop: E-mail értékek: [e-mail védett], [e-mail védett]...

A legjobb gyakorlatok összefoglalása

Do

• ✓ Használjon dedikált e-mail mezőtípust
• ✓ Adjon hozzá egyértelmű címkét
• ✓ Hasznos helykitöltő hozzáadása
• ✓ Szükség esetén tegye kötelezővé
• ✓ Használjon megerősítést a fontos űrlapokhoz
• ✓ Adatvédelmet biztosító súgószöveg hozzáadása
• ✓ Tesztelés mobileszközökön

Ne

• ✗ Használjon szövegmezőt az e-mailhez
• ✗ Érvényesítés kihagyása
• ✗ Helyőrző használata egyetlen címkeként
• ✗ Túlkorlátozott érvényes domainek
• ✗ Felejtse el a mobil billentyűzet optimalizálását

Hibaelhárítás

Érvényes e-mail cím elutasítva

• Ellenőrizze a domainkorlátozási beállításokat
• Ellenőrizze, hogy az e-mail formátuma szabványos-e
• Néhány szokatlan TLD tesztelésre szorulhat

A megerősítés nem egyezik

• Ellenőrizze a felesleges helyeket
• Kis- és nagybetűk megkülönböztetése (általában nem probléma)
• A másolás-beillesztés rejtett karaktereket tartalmazhat

Mobil billentyűzet, nem e-mail típus

• Ellenőrizze, hogy az e-mail mező típusa használatban van-e
• Egyes böngészők/eszközök eltérőek lehetnek
• Ellenőrizze a beviteli típust a kódban

A beküldött anyagok érvénytelen e-mail címeket tartalmaznak

• Győződjön meg arról, hogy az érvényesítés engedélyezve van
• Ellenőrizze az ügyféloldali validáció működését
• Szerveroldali érvényesítési biztonsági mentés hozzáadása

Összegzésként

E-mail mezők hozzáadása WordPress űrlapokhoz:

1. E-mail mező hozzáadása – Húzd a formához
2. Címke beállítása – Világos, leíró jellegű
3. Helyőrző hozzáadása – Formátumpélda
4. Kötelezővé tenni – Ha szükséges az utógondozáshoz
5. Megerősítés engedélyezése – A kritikus pontosság érdekében
6. Domainkorlátozások beállítása – Ha korlátozza a domaineket
7. Súgószöveg hozzáadása – Adatvédelmi vagy használati megjegyzések
8. Tesztelje alaposan – Érvényes, érvénytelen, mobil

Összegzés

Az e-mail mező gyakran a legfontosabb mező az űrlapon – így érheted el a beküldő személyt. Egy dedikált e-mail mezőtípus használata biztosítja a megfelelő érvényesítést, a mobiloptimalizálást és az adatminőséget. Adj hozzá megerősítést, ha a pontosság kritikus, és vedd figyelembe a domainkorlátozásokat a beküldések szűréséhez. Egy jól konfigurált e-mail mező kevesebb visszapattanó e-mailt és jobb kommunikációt jelent.

Automatikus űrlapkészítő Tartalmaz egy teljes funkcionalitású e-mail mezőt beépített érvényesítéssel, opcionális megerősítéssel és domain korlátozási lehetőségekkel. Gyűjtsön e-mail címeket bizalommal.

Készen áll az e-mail mezők hozzáadására? Töltse le az automatikus űrlapkészítőt és kezdje el gyűjteni az érvényes e-mail címeket még ma.