6 regisztrációs oldal tervezési gyakorlatok súrlódásmentes űrlapokhoz
marketingszakemberként valószínűleg szeretné azt gondolni, hogy jól érti a kilátásait — kik ők, hogyan viselkednek stb. Tehát, ha egyikük meglátogatta az Ön webhelyét vagy regisztrációs oldalát, mit gondolsz, mit tennének ezután?
valószínűleg regisztráljon a Szolgáltatásra, igaz?
ez nem mindig így van, ahogy az egyik márka megtudta. Számukra a CTA és a “köszönöm” oldal közötti valami miatt a vállalkozás elvesztette potenciális ügyfeleinek közel egynegyedét.
probléma volt a regisztrációs oldalukkal.
nyitóoldalak készítése az Instapage-vel (6398) > mi az a regisztrációs oldal?
a regisztrációs oldalak, más néven “regisztrációs oldalak” nem azonosak. Néhány PPC kattintás utáni céloldal; mások navigációval kapcsolódnak a Kezdőlaphoz – mások még a Kezdőlap is. Különbségeik ellenére, mindegyiknek ugyanaz a célja: regisztráció generálása egy szolgáltatáshoz.
sok esetben a regisztrációs oldal a vállalkozás konverziós csatornájának utolsó lépése. Ez az, ahol a kilátások navigálnak, miután értékelték a márkát, és úgy döntöttek, hogy a szolgáltatás azt kínálja, amire szükségük van.
emiatt a regisztrációs oldalak kevésbé összpontosítanak a konverzió meggyőzésére, és inkább a súrlódás minimalizálására. A használhatóságra való összpontosítás azt jelenti, hogy más hagyományos kattintások utáni céloldal elemek, például a társadalmi bizonyítás, az ajánlások és a figyelemfelkeltő média háttérbe szorulnak.
csak nézd meg a Shopify alábbi regisztrációs oldalát, amely megjelenik a Kezdőlap felett, miután rákattintott az “első lépések” gombra.”
ez tényleg csak egy rövid formában. És ahogy egy kicsit később látni fogod, a legtöbb regisztrációs oldal ugyanúgy épül fel, nem más, mint egy címsor, néhány űrlapmező és egy cselekvésre ösztönzés.
de csak azért, mert sokakat így terveztek, még nem jelenti azt, hogy ez a helyes út. A sikeres regisztrációs oldal létrehozása többről szól, mint a zavaró tényezők kiküszöbölése és az űrlapmezők csökkentése. A feladat kettős.
a maximális feliratkozás létrehozásához minimalizálni kell a regisztráció lépéseit, ugyanakkor a lehető legtöbbet kell kihozni a néhány használt elemből. Íme néhány tipp és betekintés a szakértőktől.
használjon előny-orientált címsort
mire egy potenciális ügyfél megérkezik a regisztrációs oldalra, a legtöbb esetben már értékelték a szolgáltatást, és megállapították, hogy megfelel az igényeiknek. De ez azt jelenti, hogy nem kell emlékeztetnie őket arra, hogy miért vannak ott?
az alábbiakban a Copyblogger egy társadalmi bizonyítékokkal töltött címsort használ, hogy meggyőzze a felhasználókat a regisztrációról, és a Shopify emlékezteti a kilátásokat, hogy a próbaverzió 14 napig ingyenes.
az egyszerű jó, de ha van helyed az USP megerősítésére egy címsorral, tedd meg. Valószínű, hogy pozitívabb hatással lesz a konverziókra, mint a negatív.
minden mező kitöltése kötelező
ez a tipp nem arról szól, hogy a látogatóknak ki kell tölteniük az űrlapot, hanem arról, hogy a megfelelő mezőket választotta-e ki. Ez alatt azt értjük, hogy ha meghatározta, hogy egy űrlapmező opcionális, akkor nincs szüksége erre az információra a kilátás aláírásához.
például egy olyan szolgáltatásnak, mint a Groupon, ismernie kell a tartózkodási helyét a regisztrációkor, hogy releváns ajánlatokat és kuponokat kínáljon Önnek. De, a hely nem kulcsfontosságú információ az Instapage számára, hogy megismerje ügyfeleit, ezért nem kérjük a regisztráció során.
ha nem igazán kell tudni, hogy a kilátás a cég, a helyzet, vagy hány alkalmazott van, akkor ne kérdezd. Minél kevesebb munkát kell elvégezniük, annál jobb.
figyelembe veendő űrlapmezők
néhány űrlapmező, amelyet fontolóra kell venni a konszolidáció / megszabadulás:
- felhasználónév: a felhasználóknak valóban szükségük van egy felhasználónévre a regisztrációhoz? Vagy csak kérheti az e-mailjüket, majd hagyja, hogy meghatározzák a felhasználónevüket, miután bejelentkeztek?
- Jelszó megerősítése: ez a mező elavult, és csak a jelszó maszkolás, egy másik nem praktikus technika miatt szükséges.
a jelszó maszkolás az a technológia, amely minden betűt azonos golyópontnak néz ki, amikor egy űrlapba kerül. Az extra biztonság benyomását kelti, de az egyetlen dolog, amelytől valóban véd, az, hogy az emberek a vállad fölött kukucskálnak.
kérdezd meg magadtól: az én kilátások valóban létre a jelszavakat egy zsúfolt nyilvános környezetben? Nem valószínű.
a “Jelszó megerősítése” mező használata helyett engedélyezze a felhasználóknak, hogy az eredeti “jelszó” mező leleplezésével vagy a “Megjelenítés/elrejtés” funkció használatával láthassák, amit a MailChimp a regisztrációs oldalon tesz:
- Utónév és vezetéknév: fontolja meg az utónév és a vezetéknév összevonását egy” teljes név ” mezőbe. Vagy, csak kérjen keresztnevet. Heck, talán még gondolni, hogy megszabaduljon tőle teljesen.
az alábbi példákban (Buffer, Asana, Crazy Egg) a regisztrációs oldalak nem kérnek azonnal nevet, de a konvertált ügyfelek megadják az adatokat, miután bejelentkeztek a platformra.
- Felhasználói megállapodás: ahelyett, hogy a felhasználók rákattintanának egy jelölőnégyzetre, amely kijelenti, hogy egyetértenek a felhasználói feltételekkel, fontolja meg egy üzenet beillesztését a CTA fölé, ahogyan a LinkedIn alább teszi. Azt állítja, hogy a konvertálással a felhasználó automatikusan hozzájárul.
nyitóoldalakat építsen az Instapage-vel 6025> ha feltétlenül szüksége van az összes információra, kérje meg a következő lépésekben:
nézd, néha valóban sok információra van szüksége egy új felhasználó regisztrálásához. A helyszíni fizetést igénylő feliratkozásokhoz hosszú űrlapokra van szükség az érzékeny információk, például a számlázási cím és a hitelkártya száma rögzítéséhez. Amikor ez megtörténik, fontolja meg a regisztrációs folyamat több lépésre bontását.
a Formstack jelentése azt mutatja, hogy tavaly a többoldalas regisztrációs űrlapok több mint 9%-kal felülmúlták az egyoldalas űrlapokat%:
miért?
a többoldalas űrlapok kevésbé terhelik a konvertálást azáltal, hogy a folyamatot több rövid lépésre választják el. A több oldal több helyet jelent a nagyobb betűtípusok, a hosszabb mezők és a leíró címkék számára, amelyek esetleg nem férnek el rövidebb formában. Továbbá, a többoldalas feliratkozásokhoz általában egy kényelmes folyamatjelző sáv tartozik, amely lehetővé teszi a felhasználók számára, hogy milyen messze vannak a regisztrációban.
Emlékezz: ha néhány mező eltávolításával lerövidítheti az űrlapot, rövidítse le. Ha nem tudja, Ne próbálja meg rövidebbnek tűnni azzal, hogy mindent kis helyre tömörít. Csak elrontja az oldalt, és elárasztja a kilátásait.
fontolja meg a modális ablak használatát
azok számára, akiknek gyors regisztrációs folyamata van, mint például a Canva, a modális ablak néhány előnyt kínál.
tervező, Joshua Johnson elmagyarázza, miért:
átfedik az aktuális tartalmat, ahelyett, hogy egy másik oldalra vinnének. Valahogy ez csak kevésbé nyugtalanító, mint hogy elverték valahova új, ami úgy érzi, mint egy megszakítás. A honlap grafikájának tompításával és egy modális jel regisztrációs űrlap létrehozásával azt az érzést kapja, hogy a folyamat gyors és fájdalommentes lesz, és hamarosan visszatér a böngészéshez.
abban az időben, amikor az internetezők türelmetlenebbek, mint valaha, nagyszerű gyakorlat, hogy azt a benyomást keltik, hogy egy pillanat alatt visszatérnek a böngészéshez.
nyitóoldalak készítése az Instapage-val 6025> engedélyezze a közösségi automatikus kitöltést
szinte minden alábbi regisztrációs oldalon megjelenik a közösségi automatikus kitöltés gombja. Ezek lehetővé teszik a felhasználók számára, hogy egyetlen kattintással megkerüljék az űrlapot azáltal, hogy importálják a közösségi hálózatokba már beküldött releváns személyes adatokat.
a Formstack megállapította, hogy ennek a funkciónak a bevonásával a felhasználók 189% – kal magasabb űrlapkonverziókat tudtak generálni. Ezenkívül az emberek 86% – a szerint kényelmetlen új felhasználói fiókok létrehozása a különböző webhelyeken. Amikor a cél az, hogy a konvertálást a lehető legegyszerűbbé tegye, a közösségi automatikus kitöltés kihasználása nem okos.
árok a helyőrző szöveg
átalakítani, a látogatók kell tudni, hogyan kell kitölteni az űrlapot. De a helyőrző szöveg használata nem a legjobb módja annak, hogy megmutassa őket.
a Nielsen Norman Group szerint a világosszürke Szöveg hozzáadása az űrlapmezőkhöz:
- feszítse meg a felhasználók rövid távú memóriáját. Amikor elkezdenek gépelni, és a szürke szöveg eltűnik, azt gondolják magukban: “hány karakterre van szükség a jelszavamhoz?”
- tegye láthatatlanná az űrlapmezőket. Az üres űrlapmezőket valójában jobban észrevehetik a kilátások, mint a helyőrzőkkel rendelkezők.
- irritálja a felhasználókat az űrlapon keresztül. Azoknak, akik gyorsan kitöltik az űrlapot a” tab ” gombbal, nem lesz idejük elolvasni a magyarázó helyőrző szöveget, mielőtt az eltűnik.
- megzavarja a látogatókat. Előfordulhat, hogy a helyőrző szöveget automatikusan kitöltött információnak tévesztik össze.
a félreértések elkerülése érdekében minden mező fölé helyezzen egy címkét, amely pontosan megmondja a látogatóknak, hogy mit kell belefoglalniuk. A helyőrző szöveg csak nagyobb súrlódást okoz a regisztrációs oldalon.
nyitóoldalakat építsen az Instapage-vel!
hogyan építik a profik a regisztrációs oldalakat?
most, hogy tudja, mit kell felvenni a regisztrációs oldalra, vessünk egy pillantást arra, hogy a profik hogyan építik fel a sajátjukat.
ez a LinkedIn regisztrációs oldal a kattintás utáni céloldal változatához tartozik. Ez önálló, ami azt jelenti, hogy nem kapcsolódik a vállalat weboldalához navigáción keresztül — még a logóban sem.
az űrlap felett a címsor erősebb előnyt jelenthet. Négy mező tartja alacsony a súrlódást. Bár az első és a vezetéknevek egyetlen “teljes név” mezőbe történő kombinálásával ez a súrlódás még alacsonyabb lehet.
minden szövegmezőn a szürke betűk lehetővé teszik a kilátások számára, hogy mit kell beírniuk, és a “jelszó” mező felett ez a címke még konkrétabb. Bár, hogy a “jelszó” mező nem követi a legjobb gyakorlatokat megjelenítésével azonos golyók minden betű a kilátás típusok.
az utolsó űrlapmező alatti további szürke betűk tudatják a látogatókkal, hogy a “Csatlakozás most” gombra kattintva elfogadják a LinkedIn felhasználói megállapodását, adatvédelmi irányelveit és cookie-irányelveit. Ez megtakarítja a kilátásba helyezett további lépést, ha a beleegyezéshez egy opt-in mezőre kell kattintania.
a cselekvésre ösztönzés során a “most” szó hangsúlyozza, hogy amint a felhasználó rákattint a CTA gombra, azonnal a hálózat részei. Ami magát a gombot illeti, még egy kicsit felpattanhat, nem gondolod? Egy másik háttér vagy gombszín nagyobb figyelmet fordíthat arra, hogy a felhasználónak hol kell kattintania a csatlakozáshoz.
ez alatt a “folytatás a Facebook-lal” gomb egyszerűsíti az egész folyamatot. Ha van profilja a világ legnagyobb közösségi hálózatán, kattintson erre a gombra, hogy az automatikus kitöltés kitöltse az űrlapot az Ön számára a Facebook-szal már megosztott adatok felhasználásával.
Copyblogger
itt van egy regisztrációs oldal, amely több, mint egy űrlap. Az első dolog, amit a kilátások valószínűleg észrevesznek, az az Óriás, társadalmi bizonyossággal kitöltött címsor. Lefordítva azt mondja: “ha elég jók vagyunk 334 000 marketingszakember számára, akkor neked is elég jók vagyunk.”
kihasználja a “FOMO” néven ismert jelenséget is, ami azt jelenti, hogy “félelem a kimaradástól.”Senki sem akarja kihagyni azt a előnyt, amelyet az 334,000 iparági társaik rendelkeznek.
alatta az összes ingyenes értékes tartalom előnézete, amelyet a kilátások a regisztráció után kapnak, arra csábítja őket, hogy töltsék ki ezt az űrlapot. Maga a forma azonban jobban megtervezhető.
a “jelszó újbóli megadása” mező kiküszöbölésével és az utónév és a vezetéknév “teljes név” tömörítésével a Copyblogger csökkentheti a szövegdobozok számát 5-ről 3-ra, és viszont a regisztrációval járó súrlódás mértékét. A “jelszó újbóli megadása” mező helyett a show/hide opció használható a pontosság biztosítására a jelszó megadásakor.
a súrlódás további csökkentése érdekében az egyes mezőkön belüli címkéket felette kell elhelyezni. Épp most, hogy a szürke betűk eltűnnek, amikor a kilátások rákattintanak a szövegmezőbe, Megkönnyítve számukra, hogy elfelejtsék, mit gépeltek.
összességében, míg néhány hiányosság az űrlapon és néhány kimenő link árthat a konverzióknak ezen a regisztrációs oldalon, a Copyblogger ingyenes tartalma túl értékes ahhoz, hogy lemondjon róla.
Crazy Egg
először is, egy vállalkozás, amely magát “vezetőnek” nevezi az iparágában, olyan, mint egy kávézó, amely a kávét a világ legjobbjának nevezi. Sokan mondják, de kevesen tudják bizonyítani. Ahelyett, hogy a legjobbnak hívná magát, készítsen biztonsági másolatot a követeléséről statisztikával vagy egy jól ismert ügyfél idézésével, aki úgy véli, hogy Ön.
a címsor alatt egy kép látható, amely előnézeti a Crazy Egg használatakor szerzett betekintést, és a kép jobb oldalán Három sor másolat magyarázza el, hogy mi az a betekintés, és mit lehet vele csinálni.
ezen a szuper rövid formában a súrlódás minimális. A címsor hangsúlyozza, hogy a próbaverzió ingyenes, a gomb fehér alapon jelenik meg, a cselekvésre ösztönzést pedig első személyben írják. Jelenleg az egyetlen dolog, ami megakadályozza, hogy ez az űrlap fájdalommentes legyen, az egyes mezők zavaró szürke helyőrző szövege.
ez alatt a társadalmi bizonyíték felismerhető ügyféllogók formájában és a “több mint 200 000 vállalkozás jobban konvertál A Crazy Egg-vel” szöveg növeli a regisztrációs oldal meggyőzését.
Összességében ez az oldal teszi konvertáló a szél a látogatók számára.
nyitóoldalak készítése az Instapage-vel!
Buffer
ha rákattint a “regisztráció ingyen” call-to-action puffer.val vel, a honlap átalakul egy regisztrációs oldalt telepítésével egy rövid pop-up formában sötétítő környező tartalom.
a felugró ablakban a konverziós folyamat egyszerű-kattintson a három közösségi bejelentkezési gomb egyikére az űrlap megkerüléséhez, vagy írjon be egy e — mail címet és jelszót. Akárhogy is, a súrlódás minimális. Csak így lehet ezt az űrlapot könnyebben kitölteni? Szabaduljon meg attól a zavaró helyőrző szövegtől.
Asana
legfeljebb két kattintással regisztrálhat ezen az oldalon az Asana-ból. A Google bejelentkezési funkcióval, akár egy is eltarthat.
az űrlap feletti mondat megmondja, hogyan kell kitölteni az űrlapot, még akkor is, ha melyik e-mailre kell regisztrálnia.
közvetlenül alatta azonban egy szürke helyőrző szöveggel töltött űrlapmező elvonja a felhasználót. De vajon visszatartja-e az embereket a regisztrációtól? Nem valószínű. Ez a forma szinte súrlódásmentes és könnyen kitölthető.
kezdje el létrehozni egy optimalizált regisztrációs oldalt az Instapage segítségével, kérjen egy Instapage Enterprise bemutatót még ma.