Szülőverzum

Összekapcsolt működés egy családoknak szóló webáruházban

A szuloverzum.hu kínálatában babanaplók, emlékőrző termékek és ajándékcsomagok is szerepelnek. A látogató számára a választott minta, a méret, a csomag tartalma és az átvételi lehetőség együtt határozza meg, mit vásárol meg. A háttérben ugyanakkor több WooCommerce-kiegészítő és külső kommunikációs szolgáltatás működését kell összehangolni.

A projekt során a konkrét termékes feladatokat és az összefüggő rendszerhibák javítását egyaránt kezeltem. Nem minden módosítás látványos újratervezés: egy hibásan elfogyottnak jelzett csomag, egy nem induló kategóriaszűrő vagy egy meg nem érkező kosáremlékeztető ugyanúgy befolyásolja a webshop használhatóságát.

Termékváltozatok, minták és szezonális kínálat

Az egészségügyi kiskönyvborítónál a mintaválasztást közvetlenül a termékoldalra rendeztük. A korábbi lehetőségek átnevezése mellett új minta is létrejött. A régi szöveg, amely a rendelési megjegyzésben kérte a minta megadását, a termékoldali választásra utaló tájékoztatásra változott. Így a leírás és a tényleges vásárlási felület ugyanazt a működést mutatja.

A lenyomatkészítő szettnél a rénszarvasos változatok elérhetőségét és a megadott normál, illetve akciós árakat kezeltük. Az árfrissítés nem jelentette új akció kitalálását, és a meglévő készleteket sem írtuk át indokolatlanul. A választók, az ármegjelenítés és a kosárgomb állapota nyilvános termékoldali ellenőrzést kapott.

Az újratölthető adventi kalendáriumhoz külön termékoldal készült a kapott leírással és valódi ügyfélfotókkal. Létrehoztuk a Karácsony termékkategóriát, és a megfelelő meglévő terméket is hozzárendeltük az eredeti besorolás megőrzésével. A gyűjtőoldal nem automatikusan új főmenüpont: a katalógus szűrési és tartalmi rendszerébe illeszkedik.

Csomagkészlet és személyes átvétel célzott javítása

Az Emlékvarázs ajándékcsomagnál a csomagszintű készletkezelés miatt a teljes összeállítás elfogyottnak látszott, miközben bizonyos választható összetevők rendelkezésre álltak. A javítás nem az összes készletkorlátozás kikapcsolása volt: a csomagszintű kezelés megfelelő beállítását rendeztük, az összetevők valódi készletét megtartva.

A frontend-próbák során a készleten lévő kombinációk vásárolhatóvá váltak, az elfogyott változat viszont továbbra sem kapott aktív kosárgombot. Ez fontos különbség: a cél nem az volt, hogy mindenáron minden kombináció megvásárolhatónak látszódjon, hanem hogy a látogató helyes információt kapjon.

A személyes átvételnél külön a megfelelő magyar szállítási zóna hibás példányát rendeztük. A Csornán vagy Kapuváron történő ingyenes átvétel vendégmunkamenetben is ellenőrzést kapott, az összegzésnél pedig vizsgáltuk, hogy a választás nem ad-e hozzá téves szállítási díjat. A próba nem járt valódi rendelés vagy fizetés létrehozásával.

Új, arculathoz igazított Klaviyo-feliratkozás

A főoldali feliratkozáshoz új, beágyazott Klaviyo-űrlap készült. Magyar cím, leírás, mezőnevek, e-mail-ellenőrzési hibák és köszönőállapot tartozik hozzá. Az opcionális keresztnév és a kötelező e-mail-cím a szolgáltatás megfelelő natív profilmezőjéhez kapcsolódik, nem egy külön, később nehezen kezelhető szöveges tárolóba kerül.

A megjelenést a márka színeihez és a főoldali környezethez igazítottuk. A felület mobilon is alkalmazkodik; a beillesztésnél csak a korábbi főoldali űrlap helyét cseréltük le, a már működő egyéb feliratkozási megoldásokat nem kapcsoltuk ki feltárás nélkül.

A publikálás után valódi, saját tesztcímmel végzett feliratkozás következett. A magyar sikerüzenet mellett a Klaviyo-listatagságot és a saját Gmailbe megérkező üdvözlőlevelet is ellenőriztük. Ez erősebb bizonyíték, mint az, hogy egy űrlapszerkesztő Live állapotot mutat.

Klaviyo-levelek, bruttó árak és érthető kommunikáció

Az érintett automatikus levelekben a vásárló számára érthető szövegeket és a tényleges eseményadatokat kellett összehangolni. Javítottuk a félreérthető tárgysort, amely egy elhagyott kosárhoz szállításra kész rendelést ígért. Az üzenet így a valós helyzethez, a még várakozó kosárhoz kapcsolódik.

A levélsablonokban a termékek képeinek, neveinek, mennyiségeinek és bruttó árainak megjelenését is ellenőriztük. A magyar leiratkozási felirat végigvezetése az aktív leveleken ugyancsak része volt a munkának. A natív leiratkozási művelet megmaradt; nem egy látványos, de működés nélküli gomb váltotta fel.

Az UTM-jelöléseket a kampányok és automatikus levelek azonosíthatóságához rendeztük. Ezekbe nem került személyes adat. A közös aláírás és lábléc elemei is javítást kaptak a későbbi levélkészítéshez, miközben a meglévő aktív üzeneteket külön kezeltük.

Kosárérték, pénztáresemény és valódi kosár-visszaállítás

Az automatizmusoknál fontos, melyik esemény melyik adatát használjuk. A pénztárelágazásban a belépést kiváltó Started Checkout esemény értékére igazítottuk a feltételt. Egy hozzáadott termék értéke nem kezelhető automatikusan a teljes kosár végösszegeként, különösen akkor, ha a döntés a szállítási küszöbhöz kapcsolódik.

A pénztárkövetésnél a gyorsítás és a Klaviyo indítása közötti együttműködést is rendeztük. Célzott kivétel készült az érintett pénztároldali JavaScript-késleltetésre, a többi oldal globális optimalizálásának feladását elkerülve. A módosítás után friss pénztáresemények megjelenését ellenőriztük, rendelés létrehozása nélkül.

A kosár-visszaállítás próbájánál egy külön integrációs részlet is kiderült: az automatikus ajándékdoboz a visszaépített kosárban kétszer jelent meg. Saját, szűk kiegészítővel kezeltük a nullaáras ajándék másolatát, a fizetős termékek és más ajándékszabályok általános átírása nélkül.

Az ismételt teszt nem csak egy előnézeti hivatkozás megnyitása volt. A ténylegesen megérkezett kosáremlékeztető gombjáról is helyreállítottuk a saját tesztkosarat, és ellenőriztük a tételeket, a változatokat és a mennyiségeket. A próba után a saját kosár üres állapotra került vissza.

Magyar leiratkozás és e-mail-technikai ellenőrzés

A feliratkozás mellett a leiratkozási és hírlevél-beállítási felület is magyar változatot kapott. A mezőnevek, hibaüzenetek, megerősítések és sikeroldalak együtt alkotnak érthető folyamatot. A saját tesztcímmel végzett valódi leiratkozásnál a szolgáltatói profil állapotváltozását is ellenőriztük.

A küldői hitelesítéshez és a válaszok fogadásához kapcsolódó e-mail-technikai ellenőrzés szintén része volt a munkának. A saját Gmailben fogadott üdvözlőlevélnél SPF-, DKIM- és DMARC-ellenőrzés is sikeres eredményt adott. A válaszcím továbbítását szerveroldali kézbesítési nyomvonallal vizsgáltuk.

Ez nem annak állítása, hogy minden levél minden címzettnél a Beérkező levelek közé kerül. A küldés, a szolgáltatói átadás és az egyes postafiókok mappaelhelyezése eltérő szintek. A referencia a ténylegesen elvégzett és megnevezett próbákra épül.

Kategóriaszűrő és a gyorsító kompatibilitása

A szezonális kategória beállításakor a valódi katalóguspróba azt mutatta, hogy a kategória kijelölése normál betöltésben nem szűkíti a terméklistát. A vizsgálat a WOOF szűrő és a JavaScript-betöltést módosító gyorsító együttműködésére vezetett. A kategória helyes hozzárendelése önmagában ezért még nem jelentette a feladat végét.

A javítás a WooCommerce shop oldalára szűkített kompatibilitási kivétel lett. Nem a teljes webhelyről kapcsoltuk le a gyorsítást. A normál, paraméter nélküli terméklista új betöltése után a Karácsony választása már a megfelelő termékekre szűkített; a valódi kattintás eredményét is dokumentáltuk.

A Szülőverzum munkái azt mutatják meg, hogy a termékfeltöltés, az automatizált kommunikáció és az üzemeltetés nem külön szigetek. A háttérben lévő rendszereknek a látogató szemszögéből egyetlen követhető webshopként kell működniük. A teljes történeti WooCommerce-adatimport befejezését ettől külön kezelem: annak legutolsó rögzített állapota még folyamatban volt, ezért nem tüntetem fel lezárt eredményként.

Gyakori kérdések a megoldásról

Kapcsolódó szolgáltatások

Hasonló rendszer kialakításához vagy meglévő weboldalad továbbfejlesztéséhez az alábbi területeken tudok segíteni.