tlsystem.sk : WooCommerce e-shop a upgrade z WordPressu 2017

Pre TL SYSTEM som web z roku 2017 prerobil na WooCommerce e-shop pre B2B aj maloobchod: vlastná téma, doprava podľa množstva a kalkulačka materiálu.

O klientovi

TL SYSTEM je slovenský dodávateľ stavebnej chémie: tmely, lepidlá, hydroizolácie a príslušenstvo. Obchoduje v režime B2B aj maloobchodného predaja: veľkoobchodné objednávky pre firmy, stavebné firmy a predajcov, ale aj menšie nákupy pre koncových zákazníkov a domácich majstrov.

Firma potrebovala plnohodnotný online obchod, kde si oba typy zákazníkov objednajú materiál priamo z katalógu, s prehľadnou dopravou podľa množstva a objemu objednávky.

Pôvodný web bežal na WordPresse od roku 2017 so zastaranou témou, pomalým načítaním a neaktuálnym SEO. Cieľom bolo všetko prekopať: najnovší WordPress, WooCommerce, vlastná moderná téma, blog a logiku vhodnú pre B2B aj maloobchodný predaj stavebného materiálu.

Pôvodný web (2017): ako vyzeral pred upgradeom

Pred prestavbou bežal klient na starom WordPresse s WooCommerce katalógom tmelov a lepidiel. Logo a vizuál značky som nerobil, išlo o existujúcu firemnú identitu, ktorú som v novej téme len zapracoval.

Typické problémy starej verzie: zmiešaná slovenčina a angličtina v kategóriách (Adhesives / Lepidlá, Sealants / Tmely), nefunkčný slider na homepage, zastaralý layout a pomalé načítanie. Kontaktné údaje a mapa boli verejne na webe, v tejto prípadovej štúdii ich zámerne neuvádzam.

Ak máš starý web a uvažuješ o upgrade, pozri 10 nástrojov na kontrolu zdravia webu alebo návod na WooCommerce.

Čo bolo na starom webe zle

• WordPress z roku 2017: zastaraná téma, pomalé načítanie, nekompatibilné pluginy
• Zastaraný WooCommerce e-shop: katalóg bez modernej témy, slabá mobilná verzia a neprehľadné kategórie
• Zastarané produkty a SEO: neaktuálne popisy, meta tagy a Open Graph
• Mixed content HTTP/HTTPS: staré odkazy a schema.org na http://
• Slabá mobilná verzia: B2B zákazníci nakupujú aj z telefónu na stavbe
• Chýbajúca logika dopravy: bez variácie podľa množstva a objemu produktov, nevhodné pre B2B aj maloobchod
• Chýbajúce nástroje pre nákup: bez kalkulačky materiálu a motivácie k vyššej objednávke (doprava zdarma)

Čo som urobil: WooCommerce e-shop na vlastnej téme

Projekt som riešil komplexne: upgrade WordPressu na najnovšiu verziu, nastavenie WooCommerce, vlastná moderná téma tlsystem a preklopenie obsahu zo starej inštalácie bez straty URL a SEO hodnoty.

• WooCommerce e-shop: katalóg produktov, košík, checkout a objednávkový proces
• Vlastná moderná téma: čistý layout, responzívny dizajn, blog a jednotný vzhľad (existujúce logo klienta)
• Upgrade z WP 2017: migrácia na najnovší WordPress, kontrola kompatibility a bezpečnosti
• Produkty: úprava katalógu, popisy, kategórie a parametre pre lepší prehľad
• Nové pluginy: doplnkové funkcie pre e-shop, SEO, výkon a správu obsahu, všetko skontrolované a otestované
• Rýchlosť: optimalizácia obrázkov, lazy loading, odstránenie zbytočného kódu a zrýchlenie frontendu
• B2B aj maloobchod: jeden e-shop pre veľké aj menšie objednávky, prehľadné ceny a množstvá
• Variácia dopravy: nastavenie dopravy podľa množstva a objemu produktov v košíku (WooCommerce shipping)

Špeciálne funkcie pre stavebný materiál

Pre TL SYSTEM som pridal praktické funkcie pre B2B aj maloobchodný predaj, od výpočtu materiálu až po prehľadnú dopravu podľa objednávky:

Kalkulačka materiálu

Technológia na výpočet potrebného množstva materiálu podľa zadanej plochy alebo parametrov. Zákazník hneď vie, koľko kusov objednať, bez ručného prepočítavania.

Variácia dopravy

Doprava sa mení podľa množstva a objemu produktov v košíku. Je to vhodné pre malé maloobchodné aj veľké B2B objednávky stavebného materiálu.

Bar doprava zdarma

V košíku progress bar ukazuje, koľko ešte chýba do dopravy zdarma. Motivuje k vyššej objednávke a zvyšuje priemernú hodnotu košíka.

SEO a technické vylepšenia

Pri e-shope so stavebnou chémiou záleží na tom, či vás zákazník nájde pri vyhľadávaní produktu alebo značky. SEO som riešil systematicky:

Migrácia zo starej verzie: čo som riešil

• Export a import stránok, produktov, médií a blogu zo starej databázy
• Kontrola broken linkov po zmene permalinkov a štruktúry e-shopu
• Nahradenie hardcoded HTTP odkazov v obsahu
• Aktualizácia menu, pätičky a interných odkazov
• Test objednávok, formulárov a emailových notifikácií
• Overenie platieb, dopravy a WooCommerce nastavení pred spustením

Výsledok

E-shop tlsystem.sk dnes beží na najnovšom WordPresse s WooCommerce, vlastnou modernou témou a blogom. Obsluhuje B2B aj maloobchodný predaj, načítava sa rýchlejšie, produkty sú prehľadné a zákazníci objednávajú online s kalkulačkou materiálu, variáciou dopravy podľa množstva a barom dopravy zdarma v košíku.

Potrebuješ WooCommerce e-shop alebo upgrade starého WordPressu?

Ak máš zastaraný web alebo prezentačku bez predaja online, napíš mi. Prvý návrh a konzultácia sú zadarmo. Cenu pre firemný web aj e-shop na mieru pošlem podľa rozsahu.

Lokálne SEO (geo)

Slovensko · B2B + maloobchod SR

Pri tomto type webu nastavujeme frázy, ktoré ľudia hľadajú v okolí, teda mesto + služba v názve, popise a na Google Business Profile.

• WooCommerce B2B
• e-shop materiály Slovensko

Časté otázky