WordPress webshop készítés — mi kell hozzá, mennyi munka, és hol bukik el a legtöbb

Ha most tervezed az első webshopodat, valószínűleg két végletet hallottál. Az egyik szerint „a WooCommerce ingyenes, egy hétvége alatt összerakod". A másik szerint „a WooCommerce lassú, ne is kezdj bele". Egyik sem igaz — pontosabban mindkettő igaz lehet, attól függően, hogyan építed fel. Ez a cikk arról szól, mi kell valójában egy WooCommerce webshophoz, hogyan néz ki egy reális projekt, és melyek azok a hibák, amiket utólag a legdrágább javítani.

Egy dolgot tisztázzunk az elején: ez nem platform-összehasonlítás. Ha még ott tartasz, hogy egyáltalán WordPress kell-e neked, vagy inkább egy dobozos megoldás, arról külön oldalunk szól a webshop-platform döntéséről — olvasd el előbb azt. Innentől abból indulok ki, hogy a döntés megszületett, és a megvalósítás érdekel.

Mi kell valójában — a hat építőelem

A WooCommerce nem egy külön rendszer, hanem egy bővítmény a WordPress fölé. Ez a jó hír és a rossz hír egyszerre: a jó, hogy minden szabadon alakítható; a rossz, hogy neked kell összerakni azt, amit egy dobozos szolgáltatás adottként ad. Íme a lista, amit tényleg végig kell csinálni.

• Domain. A márkanevedhez tartozó cím. Rövid, kiejthető, lehetőleg ne tartalmazzon kötőjelekkel telepakolt kulcsszavakat. Ez az egyetlen elem, amit később gyakorlatilag nem lehet fájdalommentesen cserélni.
• Tárhely. Itt dől el a webshop sebességének nagy része. Egy blognál elmegy a legolcsóbb csomag; egy webshopnál nem, mert a WooCommerce minden kosár- és fióklekérésnél adatbázishoz nyúl, és ezt nem lehet egyszerű gyorsítótárazással kiváltani.
• WooCommerce. Maga a bolt-motor: termékek, kosár, pénztár, rendelések, adókulcsok, e-mail-értesítők. Alapból sokat tud, és egy induló shopnak jellemzően a beépített funkciók is elegendők.
• Sablon (téma). Ez adja a kinézetet — és sajnos a lassulás egyik fő forrása is. Erről mindjárt bővebben.
• Fizetés. Bankkártyás fizetés, utánvét, esetleg átutalás. A kártyás fizetéshez magyar vagy nemzetközi fizetési szolgáltatóval kell szerződni, és a webshopba bekötni a hozzá tartozó modult.
• Szállítás. Futárszolgálat, csomagpontos vagy automatás átvétel, esetleg személyes átvétel. A legtöbb hazai futárszolgálathoz létezik WooCommerce-integráció, ami a címkenyomtatást és a csomagpont-választót is megoldja.

Ehhez jön a hetedik, amit sokan a végére hagynak: a számlázás. Magyarországon a számla nem opcionális kényelmi funkció, hanem kötelező lépés, és jogszabályi adatszolgáltatás is kapcsolódik hozzá. A gyakorlatban ez azt jelenti, hogy egy számlázóprogramot kötsz a webshophoz, ami a sikeres rendelésekre automatikusan kiállítja a számlát. Hogy pontosan mi a kötelező, milyen adattartalommal és milyen határidővel — az könyvelő és nem webfejlesztő kérdése. Ne a fejlesztődtől várd a választ, és ebben a cikkben se keresd.

Hogyan néz ki egy reális projekt menete

A „telepítem és kész" élmény onnan jön, hogy a WooCommerce varázslója tényleg lefut néhány perc alatt. Csakhogy az a néhány perc a munka töredéke. Reálisan ilyen sorrendben halad egy projekt:

• Alapozás. Domain, tárhely, WordPress, WooCommerce, SSL, e-mail-küldés beállítása. Ez a leggyorsabb szakasz.
• Termékstruktúra. Kategóriák, variációk (méret, szín), tulajdonságok, készletkezelés logikája. Ez a szakasz dönti el, hogy fél év múlva kereshető-e és bővíthető-e a shopod. Utólag átszervezni fájdalmas, mert az URL-ek is mozognak.
• Termékadatok. Fotók, leírások, árak, cikkszámok. Itt megy el a legtöbb idő, és ez az a rész, amit ügyfélként te tudsz csak megcsinálni — a fejlesztő nem tudja helyetted megírni, milyen a terméked.
• Kinézet. Sablon beállítása, főoldal, kategóriaoldalak, terméksablon, kosár, pénztár.
• Integrációk. Fizetés, szállítás, számlázás bekötése, tesztüzemben.
• Mérés. Analitika, konverziókövetés, e-kereskedelmi események. Ha ez kimarad, később vakon fogsz optimalizálni.
• Tesztelés. Végigvitt próbarendelés minden fizetési és szállítási kombinációban, mobilon is. Igen, mindegyikben.
• Élesítés és utómunka. Az élesítés nem a végállomás, hanem a nulladik nap.

Nem adok rá heteket, mert nincs értelme: egy 20 termékes, egy szállítási móddal működő shop és egy 2000 termékes, variációkkal és nagykereskedelmi árakkal dolgozó rendszer nem ugyanaz a feladat. Amit érdemes fejben tartani: a legtöbb csúszást nem a fejlesztés okozza, hanem a termékadatok és a szolgáltatói szerződések átfutása. Ha ezt a kettőt előre elindítod, sokat nyersz.

A magyar specifikumok, amiket a külföldi útmutatók kihagynak

A YouTube tele van WooCommerce-oktatóvideóval, de azok jellemzően amerikai vagy nyugat-európai környezetre készülnek. Néhány dolog nálunk máshogy néz ki.

Szándékosan nem nevezek meg szolgáltatót. Nem azért, mert titok, hanem mert a díjak, a szerződési feltételek és az integrációk támogatottsága folyamatosan mozog, és egy két éve leírt „ez a legjobb" mondat ma már félrevezető lenne. Amit tehetsz: kérj ajánlatot kettő-háromtól, és a döntés előtt kérdezd meg konkrétan, hogy van-e karbantartott WooCommerce-modulja, ki tartja karban, és mi történik, ha elromlik.

Az ÁFA-részt pedig hadd hangsúlyozzam ki még egyszer: a webshop adókulcs-beállítása technikai művelet, de hogy melyik kulcs melyik termékre és melyik vevőre vonatkozik, az adószakmai kérdés. Ezt beszéld át a könyvelőddel, mielőtt élesítesz — utólag rendezni sokkal kellemetlenebb.

Teljesítmény: itt szerzi a WooCommerce a rossz hírét

A „WooCommerce lassú" állítás mögött szinte mindig ugyanaz a három ok áll, és egyik sem magának a WooCommerce-nek a hibája.

• Túl gazdag sablon. A több száz demót kínáló, mindent tudó témák azért tudnak mindent, mert mindent be is töltenek. Ha egy sablon tíz oldalszerkesztő-kiegészítővel és három csúszkával érkezik, azt a súlyt a vásárlóid mobilnetjén fogod megfizetni.
• Bővítményhalmozás. Minden bővítmény kód, ami lefut. Külön-külön mindegyik ártalmatlannak tűnik; húsz darab együtt már nem az.
• Gyenge tárhely. A webshop dinamikus oldalainak (kosár, pénztár, fiók) jó része nem gyorsítótárazható. Ott a szerver nyers sebessége látszik.

Ez nemcsak élményprobléma. A Google Core Web Vitals mutatói — a legnagyobb tartalmi elem betöltése, az interakcióra adott válaszidő, és az elrendezés elmozdulása — a valós felhasználói mérésből jönnek, és a termékoldalakon szoktak a leggyengébben állni: nagy képek, csúszkák, utólag beugró bannerek. A jó hír, hogy ezek mérhetők és javíthatók. Ha nem tudod, hol nézd meg, az ingyenes eszközök gyűjteményében találsz olyanokat, amikkel magad is le tudod ellenőrizni a shopod állapotát.

Biztonság és frissítés: a webshop nem projekt, hanem üzemeltetés

A WordPress népszerűsége miatt automatizált támadások célpontja. Egy webshopnál a tét nagyobb, mint egy blognál, mert rendelési és vevőadatok is vannak a rendszerben. A minimum, ami nem opció:

• rendszeres, visszaállítást is tesztelt mentés — a mentés, amit soha nem próbáltál visszatölteni, csak reménykedés;
• frissítések futtatása, lehetőleg először egy másolatpéldányon, mert egy WooCommerce- vagy bővítményfrissítés el tudja rontani a pénztárat;
• erős jelszó és kétlépcsős belépés az adminfiókokhoz;
• a nem használt bővítmények és sablonok törlése — a deaktivált, de bent hagyott kód is támadási felület.

Ez havi rendszerességű, unalmas munka. Vagy te csinálod, vagy megbízol valakit vele — de kimaradni nem tud. Az „elindítottuk, azóta hozzá se nyúltunk" webshopok a legszebb példák arra, hogyan lesz egy működő rendszerből két év alatt üzemeltethetetlen halom.

Hol bukik el a legtöbb WooCommerce webshop

Ha egyetlen szakaszt kell elolvasnod ebből a cikkből, ez legyen az. A hibák sorrendje nem véletlen: felülről lefelé egyre nehezebb javítani őket.

• Nincs mérés. A leggyakoribb. Ha nem látod, hányan jutnak el a kosárig és hol lépnek ki, akkor véleményekből fogsz fejleszteni, nem adatokból. A mérést az első nap kell beállítani, nem akkor, amikor már baj van.
• Túl sok bővítmény. Minden apró kívánság új plugin. Fél év múlva senki nem tudja, melyik mit csinál, a frissítések ütköznek, és a hibakeresés órákat visz el.
• Lassú sablon. A látvány alapján választott, nehéz téma később nem „optimalizálható ki". Cserélni pedig majdnem újraépítés.
• Átgondolatlan pénztár. Kötelező regisztráció, felesleges mezők, kései szállításiköltség-közlés. A kosárelhagyás egy része itt keletkezik, és ezen javítani hálás feladat, mert nem kell hozzá új látogatót szerezni.
• Szegényes termékoldal. Egy fotó, két mondat, semmi méret- vagy anyaginformáció. A vásárló nem tud dönteni, ezért nem dönt.
• Nincs terv a forgalomra. Ez a legdrágább. A kész webshop önmagában nem hoz vevőt; a kereslet, a pozicionálás és a csatornák kérdését előbb kell megválaszolni, mint a sablonét. Erről a marketingstratégia-útmutatóban részletesen írtunk.

Vedd észre, hogy hat pontból négy nem technikai. A WooCommerce a legritkább esetben az igazi szűk keresztmetszet.

Gyakori kérdések

Meg tudom csinálni magam a WordPress webshopot?

Az alap felállítást igen, ha van türelmed és nem félsz beállításokat piszkálni. Ahol a legtöbb önerős projekt megáll: a fizetési és számlázási integráció tesztelése, a teljesítmény, és a mérés bekötése. Reális köztes út, hogy a termékadatokat és a tartalmat te viszed be, a rendszerépítést és az integrációkat pedig szakemberrel csináltatod.

Mennyibe kerül egy WooCommerce webshop?

Konkrét számot felelősen nem lehet mondani, mert a termékszám, a variációk, az integrációk és az egyedi funkciók sokszorosára tudják növelni a munkát. Amit érdemes tudni: a WordPress és a WooCommerce maga ingyenes, de futó költséged mindenképp lesz — domain, tárhely, esetleg fizetős bővítmények, a fizetési szolgáltató díjai és az üzemeltetés. Ezek nagyságrendje szolgáltatónként nagyon eltér, ezért mindig az adott szolgáltató aktuális díjszabását nézd, ne egy cikkben olvasott számot.

Melyik sablont válasszam?

Nem nevet keress, hanem tulajdonságokat: legyen könnyű, aktívan karbantartott, jó a WooCommerce-támogatása, és ne kényszerítsen rá öt kiegészítő bővítményt. A „mindent tudó" témák a leglassabbak. Egy egyszerű, gyors sablon jól megírt termékoldalakkal többet ér, mint egy látványos, ami mobilon araszol.

Hány bővítmény a sok?

Nincs mágikus szám — egy nehéz plugin többet árthat, mint tíz könnyű. A használható szabály: minden új bővítménynél kérdezd meg, milyen üzleti problémát old meg, és mi történik, ha nem telepíted. Ha nincs válasz, ne telepítsd. És ami már nem kell, azt töröld, ne csak kapcsold ki.

Mi legyen meg élesítés előtt?

Végigvitt próbarendelés minden fizetési és szállítási kombinációban, mobilon is; működő rendelés-visszaigazoló e-mail; automatikus számlázás tesztelve; ÁSZF és adatkezelési tájékoztató a helyén, könyvelővel-jogásszal egyeztetve; mentés beállítva és visszaállítás kipróbálva; mérés bekötve, konverzióval együtt. Ha ebből bármelyik hiányzik, még nem élesítenék.

Költözhetek később másik rendszerre?

Igen, de nem ingyen. A termékek és a rendelések exportálhatók, a hurcolkodás fájdalmas része a tartalom, az URL-ek és az átirányítások rendben tartása, hogy a keresőben elért pozícióidat ne veszítsd el. Ezért érdemes az elején jól eldönteni a struktúrát. Ha bizonytalan vagy abban, hogy a mostani felállásod hova vezet, egy külső átnézés is sokat segít — ezt nálunk is kérheted.