Plokid, mida bränd ei saa katki teha
ACF Gutenbergi plokid annavad kliendile päris vabaduse fikseeritud disainisüsteemi sees. Ta saab ehitada uusi lehti, ilma et suudaks toota midagi brändivälist, mis ongi üldotstarbelise lehetegija nõrk koht.
Juhtumiuuring
Clarte: kohandatud WooCommerce e-pood premium nahahoolduse brändile
Mitmekeelne WooCommerce lahendus kohandatud plokiteemaga
Risto Tõldsep ehitas clarte.ee, kohandatud WooCommerce e-poe Eesti premium nahahoolduse brändile Clarte. Lahendus kasutab täielikult kohandatud WordPressi teemat ACF Gutenbergi plokkide, Tailwind CSS-i ja Vite plokipõhise varade konveieriga, on WPML-i kaudu mitmekeelne ning sisaldab Mailchimpi API uudiskirjaintegratsiooni ja terviklikku analüütikat.
Väljakutse
Clarte on rahvusvaheliselt müüv premium nahahoolduse bränd, mis esitab poele korraga kaks nõuet. See peab nägema välja piisavalt premium, et hinda õigustada, ja peab korrektselt toimima mitmes keeles kuni tooteandmete, ostukorvi tekstide ja meediani välja.
Premium tähendab tavaliselt rasket: suured pildid, animatsioonid, slaiderid. Selle saavutamine ilma, et pood roomama jääks, ongi tegelik tehniline ülesanne.
Mida ma ehitasin
- Täielikult kohandatud WordPressi teema ACF Gutenbergi plokkidel, nii et klient paneb lehed kokku brändikohastest plokkidest, mitte lehetegijast, mis laseb disainil laiali valguda.
- Tailwind CSS koos Vite plokipõhise varade konveieriga, nii et iga plokk laeb ainult vajaliku.
- GSAP animatsioonid, Swiperi slaiderid ja Lenise sujuv kerimine premium tunnetuse jaoks.
- Täielik WPML mitmekeelsus sisus, liidese stringides ja meedias, mitte ainult tootenimedes.
- Mailchimpi API integratsioon uudiskirjavormil, mis lisab kliendid otse meililisti.
- Analüütika GTM-i, GA4, Google Search Console’i, Microsoft Clarity ja Meta Pixeliga koos kohandatud sündmustega.
Tehnilised detailid
Plokipõhised varad
Vite ehitab iga ploki CSS-i ja JS-i eraldi. Slaiderita leht ei lae kunagi Swiperit, ja just nii jääb visuaalselt rikas pood kiireks.
Mitmekeelsus, mis hõlmab ka meediat
WPML katab sisu, stringid ja meedia, nii et tõlgitud leht saab ka õiged lokaliseeritud pildid, mitte ei kuku tagasi lähtekeelele.
Jälgimine, mis vastab küsimustele
GTM, GA4, Search Console, Clarity ja Meta Pixel kohandatud sündmustega, seadistatud näitama, kust müügivihjed tulevad ja kus kliendid kahtlema jäävad, mitte lihtsalt lehevaatamisi lugema.
Tehnoloogiad
WordPressWooCommerceACF BlocksTailwind CSSViteGSAPSwiperLenisWPMLMailchimp APIGoogle Tag ManagerGA4
Korduma kippuvad küsimused
Miks kohandatud teema, mitte valmis WooCommerce’i mall?
Mall on esimesel päeval kõige kiirem ja edaspidi kõige aeglasem. Brändi puhul, mille kogu lubadus on premium välimus ja tunnetus, läheb teema eeldustega võitlemine igal lehel kallimaks kui plokkide korralik ühekordne ehitamine.
Kas WooCommerce saab mitme keelega hästi hakkama?
Korralikult seadistatud WPML-iga küll. Oluline on katta stringid ja meedia, mitte ainult tootenimed, ning hoida ühte kataloogi koos tõlgetega, mitte paralleelseid poode.
Seotud projektid
Võta ühendust
Tahad minust rohkem teada, rääkida oma projektist või lihtsalt tere öelda?
Kirjuta mulle ja vastan sulle esimesel võimalusel.