A SalesAutopilot-űrlapokon alapesetben semmi nem mutatja, melyik mezőt kötelező kitölteni. A látogató csak akkor tudja meg, amikor a küldés gombra kattint – és piros hibaüzeneteket kap. Megmutatom, miért baj ez, és hogyan javíthatod egyetlen sor kóddal.
Mi a gond?
A SalesAutopilot űrlapszerkesztőjében egy pipával kötelezővé teheted bármelyik mezőt. Az űrlap ezután ellenőrzi is, hogy ki van-e töltve. Csak éppen a látogató ebből semmit nem lát: nincs csillag, nincs „kötelező” felirat, minden mező egyformán néz ki.
A kitöltés így zajlik:
- A látogató kitölti, amit fontosnak gondol, a többit kihagyja.
- Rákattint a küldés gombra.
- Az űrlap hibát jelez – esetleg egyszerre több mezőnél is.
- Visszagörget, keresgél, pótol, újra küld.
Asztali gépen ez bosszantó, mobilon kifejezetten rossz élmény: a hibaüzenet sokszor a képernyőn kívül jelenik meg, a látogató pedig nem érti, miért nem megy az űrlap. Egy része ilyenkor egyszerűen bezárja az oldalt – és te soha nem tudod meg, hogy majdnem jelentkezett, rendelt vagy ajánlatot kért.
Miért nem elég kézzel odaírni a csillagot?
Kézenfekvő megoldásnak tűnik a mezők címkéjébe beírni: „Vezetéknév *”. Működik is – egy darabig. A gond vele:
- Elcsúszik: ha később egy mezőt kötelezővé teszel vagy feloldasz, a címkét külön át kell írnod. Előbb-utóbb kimarad, és a csillag hazudik.
- Szürke marad: a csillag a címke színét kapja, nem ugrik ki.
- Rossz helyen is megjelenik: a mezőnév a SalesAutopilotban máshol is felbukkan (például a feliratkozók listájában, exportban), ott a csillag zavaró.
- Jelölőnégyzetnél nehézkes: az „Elfogadom az ÁSZF-et” típusú szövegek végére nehéz szépen odailleszteni.
Egyedi CSS-sel sem lehet megoldani, mert a SalesAutopilot a kötelező mezőket semmilyen külön jelöléssel nem látja el, amire a stílus építhetne.
A megoldás: a csillagot az űrlap maga tegye ki
A SalesAutopilot minden űrlap aljára odateszi azt az ellenőrző szkriptet, amely küldéskor megnézi a kötelező mezőket. Ebben pontosan benne van, melyik mező kötelező – csak eddig senki nem olvasta ki onnan.
Erre írtam egy kis eszközt. A Kötelező mezők jelölése:
- kiolvassa az űrlap ellenőrzéséből a kötelező mezőket,
- a címkéjük mellé piros csillagot tesz,
- a küldés gomb fölé kiírja: „A csillaggal (*) jelölt mezők kitöltése kötelező.”
Mivel az űrlap saját ellenőrzéséből dolgozik, soha nem csúszik el: ha a SalesAutopilotban módosítod, mi kötelező, a jelölés magától követi. Felismeri a szöveges mezőket, az e-mail- és mobilszámmezőt, a legördülő listákat, a rádiógombokat, a jelölőnégyzeteket és a szövegdobozokat is.
Az űrlap működéséhez és ellenőrzéséhez nem nyúl, csak jelöl. Ha bármiért nem tölt be, az űrlap ugyanúgy működik, mint eddig.
Így teszed fel – két perc
- Regisztrálj ingyenes tagként a Kódtárban.
- A Kötelező mezők jelölése oldalon kattints a „Kérem ezt az eszközt” gombra – megkapod a személyre szóló beillesztő sort.
- A SalesAutopilotban nyisd meg az űrlapot, lépj a 2. lépésre (Űrlap mezői), és alul, az „Egyedi CSS/Javascript megadása” részbe másold be a sort.
- Mentsd el az űrlapot – kész.
A csillag színét, a jelet és a magyarázó sor szövegét a saját arculatodhoz igazíthatod – a részleteket az eszköz oldalán találod.
Gyakori kérdések
Felugró (popup) űrlapnál is működik?
Igen. Mivel a kód magában az űrlapban fut (az „Egyedi CSS/Javascript” részben), mindegy, hogy az űrlap beágyazva, felugró ablakban vagy önálló oldalon jelenik meg.
Mi van a feltételesen megjelenő mezőkkel?
Azokat a SalesAutopilot csak akkor ellenőrzi, amikor láthatók – a csillag is velük együtt jelenik meg.
Tényleg ajándék?
Igen, regisztrált tagoknak díjmentes. Cserébe annyit kérek, hogy ha beváltja a hozzá fűzött reményeket, írj róla pár mondatot. A Kódtárban a Címválasztót is megtalálod, amely a címek beírását teszi gyorsabbá és pontosabbá.
Látod a látogatóim adatait?
Nem. Az eszköz semmilyen beírt adatot nem lát és nem tárol. Csak azt számolja, hányszor és melyik oldalon töltődött be.
Ha az űrlapjaid ennél többet is tudhatnának – például maguk ellenőrzik a telefonszámot, előre kitöltik a meglévő adatokat, vagy a kitöltés után magától indul a megfelelő folyamat –, nézd meg a kész megoldásaimat, vagy kérj egy ingyenes felmérést.
