Leírod, milyen popupot szeretnél, és néhány pillanattal később már egy tervkoncepciókból álló táblát látsz. Itt olvashatod el, mi történik közben, mik ezek a kártyák, és hogyan irányíthatod őket.

1. Mondd el, mit szeretnél

A szerkesztő ezzel köszönt: Mit építsünk? és Just tell me what you want — or start from an example below. A Vagy indíts egy példából alatt négy kiindulási lehetőség található: Üdvözlő popup, Exit-intent kedvezmény, Szerencsekerék, és Javasolj ötleteket. Az első három egy kész briefet illeszt be a mezőbe, amelyet szerkeszthetsz; Javasolj ötleteket helyette egy szélesebb kört indít, amely a weboldaladon talált információkra épül.

2. Előbb néhány kérdés

Mielőtt bármit is megrajzolnánk, általában kérdezünk néhány dolgot. A beszélgetés fejléce ekkor átvált erre: Pár kérdés, és indulnak a koncepciók, a szerkesztő pedig erre: Type your answer — e.g. "yourstore.com, exit-intent 10% off"… Ha még nem ismerjük a weboldaladat, a fejléc helyette ezt írja: Enter the target domain — we'll align brand context to it .

A kérdések egyetlen kártyaként érkeznek, nem egyenként — a te esetedhez írt választható elemek sorai, soha nem több mint négy kérdés, mindegyikhez két-öt válaszlehetőséggel. Az is teljesen normális, ha csak egy kérdés jön, vagy egyáltalán semelyik.

Minden kérdésnél elérhető az Egyéb… lehetőség is, amely egy szabadszöveges mezőt nyit meg. Ha megválaszolod az utolsó nyitott kérdést, az önmagában elindítja a kört; ha egy Egyéb mező nyitva van, megjelenik egy gomb is: Generate 4 concepts. A félig kitöltött válaszok megmaradnak, ha közben elmész.

3. Amíg a koncepciók készülnek

A fejléc ezt mutatja: Generating concepts — they appear live below… , a szerkesztő pedig lezáródik ezzel: Concepts are still generating — refine when all four are ready… Fölötte egy megjegyzés áll: Usually about a minute. Feel free to look around — we'll email you the moment your designs are ready. Az e-mail valódi; Megjegyzés elrejtése elrejti az üzenetet.

A kártyák élőben töltődnek ki, mindegyiken egy folyamatjelző sávval és egy váltakozó szöveggel — The master is at work…, Mixing the colors… és így tovább. Az utolsó kettő (Adding the finishing touches…, Almost there…) csak 70% felett jelenik meg, így egy kártya soha nem állítja azt, hogy majdnem elkészült, amikor még csak 10%-nál áll.

Egy tervezési kör négy koncepciót hoz létre; egy Javasolj ötleteket kör pedig hatot. Amikor elkészülnek, egy kártya jelenik meg ezzel a szöveggel: Elkészültek a terveid — Take a look and pick the one you love, or select a few to A/B test. — egy Show me gombbal.

4. Mi található egy kártyán

  • Egy betűjelzés a bal felső sarokban: A, B, C…
  • Maga a design. Kattints a nagyításhoz.
  • A koncepció neve, egy rövid, egy-három szavas címke, amely a designgal együtt jön létre.
  • A Javasolj ötleteket körök esetén egy mondat is szerepel arról, hogy az adott ötlet miért illik a boltodhoz.

A betűk helyeket jelölnek, nem állandó azonosítókat: ha egy design kiesik, a megmaradók újra betűjelzést kapnak A-tól kezdve, így soha nem marad magában egy „Variant C” elnevezésű design.

Két dolog jelenhet meg egy kép helyett: This variation didn't meet our quality bar, so we're not offering it. (ezt általában már azelőtt kiszűrjük a tábláról, hogy látnád) és Az előnézet nem készült el.

5. „Ez egy terv, még nem egy popup”

Nyiss meg egy kártyát, és két panelt kapsz, Asztali terv és Mobil terv, valamint egy chatpanelt, amely ezzel az üzenettel nyílik meg: „Ez a terv az oldaladhoz készült — még nem felépített popup.” Tell me what to change and I will redraw it. Earlier versions stay available.

Ez szó szerint értendő: egy koncepció ezen a ponton csak egy kép. A valódi, szerkeszthető popup később, akkor készül el, amikor a Build it gombra kattintasz.

A mobilos panel ezt mutatja: Drawing the mobile version… about 15 s amíg készül; ha éppen nem fut semmi, akkor: The mobile version is drawn when you build it. Egy több lépéses popup esetén a későbbi lépéseknél ez jelenik meg: Step 2 · drafted after coupon — ez a keret szándékosan üres.

6. Finomítsd azzal, hogy leírod, mit szeretnél

A terv alatti chatmező ezt kérdezi: Mit változtassak?, felette az adott tervhez illő javaslatokkal, ez alatt a felirat alatt: Try:.

Küldj el egy módosítást, és a panel elmondja, mi történik: „Rendben — újrarajzolom a módosításoddal.” Starting with the desktop plan…, majd: Desktop plan ready — drawing the mobile plan now…

Csak az az egy koncepció változik meg. A többi érintetlen marad, és minden kártya megőrzi a saját beszélgetését.

Minden újrarajzolás egy új verziót hoz létre, és megtartja a régieket. A terv alatt egy verzió-miniatűrökből álló sáv látható, v1, v2… jelölésekkel, az aktív verzió aktuális jelölést kap, a többi pedig felkínálja a Back to v1 lehetőséget. Ha egy régebbi verziót választasz, az újra aktív tervvé válik.

Ha nem vagy bejelentkezve, 10 ingyenes újrarajzolást kapsz designonként, és amikor már csak kettő maradt, a panel ezt írja: „Még 2 ingyenes újrarajzolásod maradt ehhez a designhoz. Regisztrálj a folytatáshoz.” Bejelentkezve, tíz újrarajzolás után nem korlátozunk, csak egy figyelmeztetést kapsz: That's a lot of redraws — building it lets you edit the real popup directly.

7. Választás a koncepciók között

Egyetlen designhoz nyisd meg azt, és használd a fejlécben található Tovább: célzás gombot. Ez kiválasztja a designt, és elindítja a beállítási folyamatot, amely elvezet a felépítéséhez.

Amikor egy tábla designjai teljesen felépültek, a kártyák jelölőnégyzetet kapnak, és az alattuk lévő sáv ezt írja: Your designs are fully built — select the one you like, or several to A/B test them against each other. Van egy Mind kiválasztása gyorsgomb, és a gomb ezzel változik: Kampány létrehozása ebből erre: Kampány létrehozása A/B teszttel a második bejelölésnél. Legfeljebb nyolc választható; az elsőként bejelölt lesz az elsődleges variáns.