Migrácia eShopu Vejare.sk z OpenCart na WordPress + WooCommerce - migrácia produktov medzi systémami - nastavenie redirectov kvôli zmene URL adries kategórií a produktov - SSL certifikát - ako nám emaily padali do spamu - nasadenie Enhanced eCommerce trackingu cez Google Tag Manager - nasadenie online chatu - fakturácia a emaily (ako na pekné faktúry?) - ako sme rozbehali online platby a čo nás to stálo A na záver - aký to vlastne malo zmysel a čo nám to prinieslo?

1. Z OpenCartu na
WooCommerce
#TrueStory

2. Mali sme OpenCart v1.5.1.
Toto sa v nej nedalo:
■ Upraviť objednávku
■ Automaticky skryť vypredaný produkt
■ Jednotné URL adresy produktov (URL adresa sa menila na základe toho, v
ktorej kategórií používateľ klikol na produkt – vražda pre SEO)
■ Jednoduchý nákupný proces
■ Písať blog
■ Spoplatniť dobierku
■ Všetky moduly boli buď platené alebo nefungovali a zhodili celý systém

4. Čo si myslíte, že nám vadilo najviac?
DIZAJN
RESPONZIVITA
UX
?

5. Boli to peniaze!
stav k 15. júnu 2016

6. Prečo sme si vybrali WooCommerce?
■ 26%+ webových stránok beží na WordPress-e
■ Open-source systém (for free)
■ Časté aktualizácie – nové možnosti pribúdajú každým dňom
■ Jednoduchá aktualizácia na pár klikov z administrácie
■ Obrovské množstvo pluginov a šablón (mnohé zadarmo)
■ Najväčší potenciál do budúcnosti

7. Ako na to?
výber WooCommerce šablóny
inštalácia WordPress-u, šablóny, pluginov
nastavenie šablóny
nastavenie eShopu
migrácia produktov
informačné stránky
„tuning“
testovanie
spustenie na live

9. 1. Výber šablóny
magical place where you spend too much time

10. 2. Inštalácia WordPress-u a šablóny
Na testovacej subdoméne alebo niekde inde mimo
3. Nastavenie šablóny
Pekne v realite a so zmyslom pre UX
4. „Základné“ nastavenie eShopu
$ vs €, doprava sem-tam, platba hore-dole
TIP: Pozrite sa, aké veľkosti obrázkov zobrazuje vaša šablóna a upravte
WooCommerce –> Nastavenia –> Produkty –> Zobrazenie –> Produktové
obrázky

11. 5. Migrácia produktov
Ručne Automatizovane
■ OpenCart má v sebe Google base
XML feed export
■ Vo WooCommerce sme použili
plugin WP ALL Import pre import
produktov na základe XML feedu

12. 6. Informačné stránky
■ Obchodné podmienky
■ Reklamačné podmienky – nezabudnúť na formulár alternatívneho riešenia sporov
■ Ochrana osobných údajov – získať reg. číslo z úradu na ochranu osobných údajov
■ Doprava a platba - zrozumiteľne a viditeľne
■ Môj účet
■ Kontakt
■ O nás - optional

13. 7. „Tuning“
Preložiť nepreložené
POEDIT
https://poedit.net/
A vložiť do /wp-content/languages/themes/
Emaily nepatria do SPAM-u
Easy WP SMTP
https://wordpress.org/plugins/easy-wp-smtp/
https://www.webglobe.sk/blog/koncia-vase-
woocommerce-e-maily-v-spame-pomoze-smtp-
autentifikacia/

14. Pekné faktúry
■ WooCommerce PDF Invoices
https://wordpress.org/plugins/woocommerce-pdf-
invoices/
alebo
■ WooCommerce PDF Invoices &
Packing Slips
https://wordpress.org/plugins/woocommerce-pdf-
invoices-packing-slips/

15. Spoplatnená
dobierka
■ Booster forWooCommerce
https://wordpress.org/plugins/woocomme
rce-jetpack/
■ WooCommerce Pay for Payment –
nefunguje s WooCommerce 2.6

16. Online chat
■ Tawk.to Live Chat
https://wordpress.org/plugins/tawkto-live-chat/
Live chat spomaľuje načítavanie stránky, preto si rozmyslite, či to naozaj potrebujete

17. XML feedy
■ České služby proWordPress
https://wordpress.org/plugins/ceske-sluzby/
XML feed, Overené zákazníkmi,Widget,
Meranie konverzií
SSL certifikát
■ Let's Encrypt
Zakúpil som SSL certifikát, čo ďalej
https://www.webglobe.sk/blog/zakupil-som-ssl-certifikat-
co-dalej/

18. Enhanced eCommerce trackingu cez
Google Tag Manager
■ DuracellTomi'sGoogleTag Manager forWordPress
https://wordpress.org/plugins/duracelltomi-google-tag-manager/
■ How to setup Enhanced Ecommerce tracking?
https://duracelltomi.com/google-tag-manager-for-wordpress/how-to-articles/setup-enhanced-ecommerce-tracking

20. 8. Testovanie

21. 9. Spustenie na live
+ aktualizovať skladové zásoby

22. Ešte to nespúšťajme, ešte treba ...
RELEASE, release, Release, ReLeAsE,
RELEASE, rElEaSe, RELEASE, release,
Release, ReLeAsE, RELEASE, rElEaSe,
Release, ReLeAsE, RELEASE, rElEaSe,
release, Release, ReLeAsE, RELEASE,
rElEaSe, Release, ReLeAsE, RELEASE,
rElEaSe, RELEASE, rElEaSe, Release,
ReLeAsE, RELEASE, rElEaSe, release,
Release, ReLeAsE, RELEASE, rElEaSe,
Release, ReLeAsE, RELEASE, rElEaSe
100%
je bullshit
alternatívny vesmír

23. 10. Fixovanie (jasné, že sme na niečo zabudli)
...nikto nie je dokonalý
Náš fail-list:
■ celý Google odkazuje na
404rku – zmenili sa URL
adresy produktov
■ „Zabudli“ sme trošku na SEO
■ Nový typ platby sme sa snažili
spraviť úpravou existujúcich a
nevyužitých platobných metód
(šek)
■ ... bolo toho viac

24. Robíme redirecty
.htaccess
■ Zobrali sme pôvodný XML feed a nový
XML feed. Na základe rovnakého SKU
produktu sme v Exceli spárovali starú
URL s novou URL
Redirect 301 /stara-podstranka /nova-podstranka
■ Kategórie sme robili ručne
■ V Search Console (pôvodne
Webmaster tools) si môžete pozrieť
aké 404rky máte. Ale vtedy už môže
byť neskoro
TIP: otvorte google a vyhľadajte:
site:mojadomena.sk

25. Ďalšie fixovania
■ Nová sitemapa do Search Console
■ Pridanie https verzie webu do Search
Console
■ Úprava hlavného odkazu na
Facebook stránke (https)
■ ÚpravaAdWords reklám a rozšírení
reklám (linky)
■ Pridanie pluginu pre SEO a
nastavenie „aby dobre bolo“
■ Naše problémy s poplatkom za
dobierku a pridaním nového typu
platby vyriešil plugin Booster for
WooCommerce
https://sk.wordpress.org/plugins/woocommerce-
jetpack/

26. Online platobná brána
■ Zvolili sme si 24pay
■ Majú plugin preWooCommerce
■ Poplatok za transakciu 1,80 % + 0,20 €

27. Čo nám to celé prinieslo?
Okrem dobrého pocitu

30. 31,59 %
obratu (v €) bolo cez mobil
2,93 % cez tablet

31. stav k 19. júlu 2016, nový eshop bol spustený 20. júna 2016

33. Ďakujem za
pozornosť
Otázky?
Katarína Novotná
@xKatka
ahoj@xkatka.sk