Preposielanie objednávok Vám umožňuje odbremeniť sa od všetkých povinností prevádzkovania eshopu, nakoľko ich za vás rieši materský eshop, teda eshop, ktorého tovar predávate. Od nákupu tovaru na sklad, skladovania, riešenia reklamácií až po balenie objednávok a ich expedíciu. Váš zákazník za objednaný tovar platí priamo Vášmu dodávateľovi. Vašou úlohou je len starať sa o propagáciu eshopu. Váš zisk tvoria provízie z predaja, ktoré Vám dodávateľ odvádza.

Dropshipping je forma bežného veľkoobchodného odberu, samozrejme s výhodami. Pri dropshippingu Vám odpadá nutnosť tovar skladovať, baliť zásielky a riešiť ich expedíciu. Tieto úlohy za Vás spraví Váš dodávateľ tovaru. Tovar nakupujete ako pri bežnom veľkoobchodnom odbere u Vášho dodávateľa. Zákazník za tovar platí priamo Vám. Vy si tovar objednáte u dodávateľa, no dodávateľ miesto toho aby tovar zaslal Vám na prebalenie, pošle ho rovno aj s Vašou adresou a dodacím listom Vášmu zákazníkovi, aby Vám skrátil dodacie lehoty. Váš zisk teda tvorí rovnako ako pri bežnom predaji marža, ktorú si sami zvolíte.

Najčastejšie sa realizuje dropshipping práve v eshopoch s hodinkami a módou, možno aj preto, lebo je ich na trhu najviac a po tomto tovare je zároveň aj najväčší dopyt.

Ako fungujú online platby ?

Online platby využívajú jeden z viacerých dostupných systémov. Každý systém je buď priamo prepojený s konkrétnou bankou, v ktorej musíte mať založený pre tento účel účet a musíte mať s danou bankou podpísanú zmluvu pre sprístupnenie tejto služby alebo môžte využiť jednu z „univerzálnych“ online platieb.

PayPal, TrustPay, 24 Pay, Besteron nepožadujú byť klientom konkrétnej banky, no musíte mať vytvorený účet v ich systéme, ktorý je v princípe online banka, ktorá si účtuje podobné poplatky ako bežná banka.

Sú online platby bezpečné ?

Bezpečnosť online platby zabezpečuje technológia 3D secure, pričom celý proces platby je vykonávaný v infraštruktúre dodávanej bankou. Váš eshop len pošle požiadavku na úhradu daného produktu na danú sumu a všetká ďalšia komunikácia prebieha na strane banky, podobne ako keď pracujete s internet bankingom.

Po úspešnej platbe banka presmeruje zákazníka vo Vašom eshope na stránku s informáciou o úspešnej alebo neúspešnej platbe. Taktiež platobná brána väčšinou dokáže túto informáciu zaslať priamo zákazníkovi a Vám ako prevádzkovateľovi eshopu na email.

Koľko stojí online platba ?

Online platba je služba poskytovaná danou bankou, preto je samozrejmé, že táto služba bude spoplatnená. Väčšinou sa platí isté percento (1 – 1,7%) z prevádzanej sumy + konštantná sadzba napr. 0,20€. V tomto článku nebudeme uvádzať podrobný cenník, nakoľko ceny sa môžu s odstupom času meniť a každá platobná brána pripravuje väčšinou cenovú ponuku na mieru danému klientovi podľa objemu transakcií.

V prípade, že zvolíte náš eshop s vybranou online platbou, zašleme Vám všetky aktuálne a potrebné informácie pre implementáciu danej platby. Samozrejme platobnú metódu Vám v plnom rozsahu nainštalujeme a spustíme do prevádzky, nakoľko každý z našich balíkov služieb obsahuje prepojenie na platobnú bránu už v cene.

Možné je mať v eshop aj kombináciu online platobných metód, napr. možnosť zaplatiť platobnou kartou, platobným tlačítkom banky alebo za pomoci služby PayPal či platbou cez mobil za pomoci služby Viamo.

Prinášame Vám prehľad na Slovensku dostupných univerzálnych platobných brán, ktoré neprevádzku je konknrétna banka a tým pádom nie je potrebné mať zriadený účet v konkrétnej banke.

PayPal

Paypal Vám dáva možnosť prijímať online platby platobnou kartou buď zákazníkom, ktorý nemajú účet PayPal vytvorený, teda musia klasicky vyplniť informácie o platobnej karte, alebo zákazníkom, ktorý PayPal účet už zriadený majú – stačí sa im prihlásiť do systému a jednoducho dvoma krokmi vykonať platbu, bez nutného vypĺňania informácií o kreditnej karte.

Nevýhoda platobnej metódy PayPal na Slovensku spočíva v jej rozšírenosti medzi používateľmi a výškou provízie, ktorú si PayPal účtuje.

Trust Pay

Trust Pay dáva možnosť prijímať okamžité platby prostredníctvom internet bankingu. Klient má možnosť platiť internet bankingom všetkých slovenských a českých bánk. Váš zákazník sa prihlási do svojho internet bankingu, kde platbu len schváli.

Vy ako prevádzkovateľ eshopu ste okamžite informovaný o prichádzajúcej platbe. Spoločnosť Trust Pay ponúka aj platby kreditnou kartou online.

24 Pay

24 Pay ponúka podobné služby ako Trust Pay, teda okamžité platby cez platobné tlačítka (presmerovanie na internet banking) + platbu kartou.Výhoda je v o niečo nižšej cene za vedenie tejto služby na mesačnej báze.

Platby kartou je možné implementovať aj na zahraničné verzie eshopu, nakoľko je platobný formulár dostupný vo viacerých jazykoch. Extra služba je možnosť platiť mobilom za pomoci služby Viamo.

Besteron

Besteron je v SR najnovšia platobná brána zastrešujúca platby cez platobné tlačítka (presmerovanie na internet banking) + platby kartou. Výhodou tejto platobnej brány sú zaujímavé ceny za poskytovanie služby + možnosť platiť len províziou z danej transakcie, bez nutnosti platiť za vedenie služby na mesačnej báze.

Táto platobná brána momentálne nie je vhodná pre implementáciu do zahraničných verzií eshopu, nakoľko platobný formulár je dostupný iba v slovenskom jazyku.

A čo SMS platby ?

Platiť sa dá aj „online“ aj za pomoci SMS platieb. Aj v tomto prípade sa jedná o službu, poskytovanú treťou stranou, takže aj SMS platby sú spoplatnené. Opäť výška poplatku záleži na zvolenej firme, ktorá SMS platbu prevádzkuje.

Prevádzkovatelom SMS platby nieje operátor, ale firma vlastniaca SMS platobnú bránu. Za pomoci SMS platieb je vhodné platiť za služby, prípadne tovar len do istej hodnoty, pri väčších platbách je potrebné implementovať jednu z spomínaných online platobných metód.

Potrebujete aj online splátkový systém ?

Ak chcete svojím zákazníkom ponúknuť maximum, čo sa týka platobných možností, potom je dobré pouvažovať aj nad možnosťou ponúkať tovar na splátky.

Online splátkové systémy umožňujú po objednaní daného tovaru zákazníka priamo presmerovať na jeden z vybraných splátkových systémov ako je napr. HomeCredit, Cetelem alebo Quatro.

Čo to je Woocommerce?

Woocommerce je najznámejší a najpoužívanejší plugin do WordPressu, ktorý z WordPressovej stránky urobí e-shop. Znie to jednoduchšie ako to v skutočnosti je. V základnej inštalácií Woocommerce obsahuje asi túto funkcionalitu:

• Stránka obchodu, teda zoznam všetkých produktov
• Detail produktu (označuje sa aj ako single produkt, teda stránka konkrétneho produktu so všetkým, čo má obsahovať)
• Hierarchické kategórie produktov
• Značky produktov (nie značky výrobcov, ale tzv. tagy)
• Nákupný košík
• Pokladňa
• Potvrdenie objednávky
• E-mailový notifikačný systém
• Rôzne typy produktov – jednoduché produkty, virtuálne produkty (nefyzické, napr. vstupenky, e-knihy a pod.), variabilné produkty (napr. jedno tričko sa dá kúpiť v rozličných variantoch – veľkostiach), združené produkty
• Vlastnosti produktov – farba, objem, hmotnosť… čokoľvek si určíte
• Produktové filtre podľa ceny, podľa značky, podľa vlastnosti (aj keď sú trošku „neohrabané“)
• Zľavové kupóny percentuálne aj fixné. Celkom pekne prepracovaný systém zľavových kupónov
• Výpredajové ceny
• Jednoduché skladové hospodárstvo
• Preddefinované možnosti dopravy – paušálna sadzba, poštovné zadarmo a osobný odber, možnosť dopravných zón (napr. v prípade zasielania do zahraničia je možné nastaviť iné možnosti dopravy)
• Preddefinované možnosti platby – šekom (na Slovensku takmer nepoužiteľné), priamo na účet, dobierka a PayPal platobná brána

Z popisu vyššie vidíme, že WooCommerce je naozaj robustný systém, v ktorom sa dá vytvoriť pekný a funkčný e-shop. Už len inštaláciou jediného pluginu získame celú túto funkcionalitu. Problém je ten, že e-shop treba vedieť nastaviť tak, aby fungoval, a aby fungoval správne. A navyše musí spĺňať aj nejaké tie legislatívne požiadavky, inak Vás SOI-ka (Slovenská obchodná inšpekcia) neminie. Skôr ako teda začneme riešiť konkrétne problémy, odporúčam jednu vec:

Nemajte veľké oči

Pravdepodobne sa už vidíte, ako si na Havaji popíjate drink s vyloženými nohami, zatiaľ čo Vám naskakujú tisíce objednávok na Váš „dropshipový“ Woocommerce e-shop a internet banking každú chvíľu hlási stovky valiacich sa eur na Váš účet. Nechcem Vám hneď brať ilúzie, ale 90% e-shopov neprežije prvý rok svojej existencie. Proste skrachujú. Prečo to tak je, je na samostatný článok, ktorého autor by skôr mal byť nejaký e-shopista, ako ja (developer). V zásade sa ale o e-shop treba starať. Väčšina ľudí si myslí, že do e-shopu investujú jednorazovo tisíc až dvetisíc eur a e-shop im svojvoľne bude zarábať, ale takto to nefunguje. Konkurencia e-shopov je dnes veľká, nový e-shop v internetovom svete nikto nepozná, nezobrazuje sa pri googlení, nezobrazuje sa v Heureke… no ako sa k nemu ľudia dostanú? Cez platenú reklamu. Pri e-shopoch je reklama takmer nutnosť. Takže ak ste dali stovky, alebo tisíce eur za kvalitný e-shop, je to super. Ale nestačí to. Prečo by niekto mal uprednostniť Váš e-shop pred iným overeným e-shopom, napr. Alzou, Mallom, Hej? Musí na to mať dôvod. A ak chcete, aby e-shop existoval aj o rok, tým dôvodom nemôžu byť nižšie ceny ako má konkurencia. Proste to takto nefunguje. Váš e-shop musí ponúknuť niečo, čo iné shopy neponúkajú.

Poďme riešiť konkrétne problémy

Keď mi zákazníci píšu ohľadom e-shopov, málokedy ponúknu ucelené informácie. Je to úplne prirodzené, normálne a očakávateľné, lebo nemajú skúsenosti, ktoré mám ja. Ak sa nikdy nezaoberali problematikou e-shopov, proste to nevedia. Aj preto vznikol tento článok, aby podal ucelené informácie tým, ktorí zvažujú prevádzku vlastných e-shopov.

Produkty

Asi najzakladanejším problémom je problematika produktov. Pre vypracovanie cenovej ponuky (ale aj svojho vlastného plánu) je potrebné si zosumarizovať, aké budú produkty, aký bude ich typ a koľko ich spolu bude. Vysvetlíme si to. Je nezmysel predávať v rámci jedného e-shopu produkty, ktoré spolu nesúvisia. Pôsobí to nedôveryhodne a lacno. E-shop nie je kamenná samoobsluha, kde si kúpite rezanú šunku, mrazenú brokolicu, trvanlivé mlieko a k tomu prihodíte WC čistič, žiarovku a temperové farby. Takáto stratégia funguje len u veľkých hráčov, tí ale tiež začínali len so sortimentom jedného typu, až časom svoju ponuku rozšírili. Takže pokiaľ nemáte milión €, aby ste začali hneď vo veľkom štýle, určite odporúčam zamerať sa na jeden sortiment. Pod pojmom „jeden sortiment“ mám na mysli jednu oblasť výrobkov. Ak to budú topánky, tak s tým bezprostredne súvisia aj šnúrky, vložky do topánok, impregnačné prípravky, obuvacie lyžice a iné príslušenstvo. Ak budete predávať športové doplnky výživy (proteíny, prášky, sypačky), tak pokojne k tomu môžete predávať športové oblečenie, rozličné shakere, alebo jednoduché športové pomôcky, cvičiace podložky, expandery a podobné radosti. Nie však bicykle, ani futbalové lopty, ani lapačku pre hokejového brankára. To už by bol všeobecne športový e-shop a jeho sortiment by kopíroval napr. nejaký športový obchod, teda výber produktov by bol obmedzenejší (ak kupujete pedále na bicykel v cykloobchode, máte vždy väčší výber pedálov, ako keď kupujete vo všeobecnom športovom obchode).

Čo sa týka počtu produktov, je treba uvažovať o primeranom množstve. Ak dáte zákazníkom na výber z tisíc možnosti, veľká časť z nich sa nebude vedieť rozhodnúť a skúsia radšej iný e-shop. Ak bude výber obmedzený a zákazníci nenájdu to, čo hľadajú, pôjdu inde. Pre Woocommerce odporúčam počet produktov, bez ohľadu na zameranie, do 10 000 kusov. Väčšie množstvo produktov, okrem iného, spomaľuje stránku. Ak predsa len potrebujete veľké množstvo produktov, pouvažujte nad inou platformou pre e-shop (Magento, Open Cart,…). Ja sa však venujem výlučne Woocommerce, s inými systémami nemám skúsenosti (teda mám, ale radšej by som nemal…)

Ďalším problémom je spôsob, akým produkty dostanete do samotného e-shopu. Tu sú prakticky dve možnosti:

• Manuálne
• Importom dátového feedu

Manuálne vkladanie produktov: Tento spôsob je lacnejší (ak si produkty budete vkladať sami), ale oveľa oveľa namáhavejší a zdĺhavejší. Produkt po produkte musíte pridávať v administračnom rozhraní všetky detaily k produktom. Nastaviť názov produktu, zaradenie do kategórií, popis, krátky popis, nastaviť obrázok, pridať galériu, nastaviť stav na sklade, dopravné triedy, vlastnosti. Je to práca na dlhé hodiny, alebo job pre armádu klikačov. Osobne som takto pridával maximálne 120 produktov a trvalo to dva dni. Ak bude produktov málo, napr. 20 ks, tak to, samozrejme, nie je žiaden problém. Svojim klientom automaticky vkladám 3 vzorové reálne produkty a poskytnem školenie, ako si ďalšie produkty vkladajú sami.

Import dátového feedu: Tento spôsob je síce o čosi drahší, ale produkty sa do e-shopu dostanú automatizovane, cez tzv. importačný modul. Háčik je len v tom, že musíte disponovať dátovým feedom. Ten Vám dodá dodávateľ produktov vo formáte XML, CSV.

Produktová taxonómia

Ak budeme produkty vkladať ručne, je treba si vopred určiť tzv. strom kategórií, čiže vypísať kategórie a ich podkategórie. Úplne super sa to dá aj vo Worde pomocou nezoradeného zoznamu. Všetky podkategórie oddeľujeme pomocou tabulátora, čím sa vytvára podzoznam. Uvediem vymyslený príklad:

• Kategória Ženy
  • Podkategória Oblečenie
    • Podkategória Trička
    • Podkategória Nohavice
    • Podkategória Blúzky
  • Podkategória Obuv
    • Podkategória Botasky
    • Podkategória Baleríny
    • Podkategória Sandále
• Kategória Muži
  • Podkategória Oblečenie
    • Trička
    • Nohavice
    • Košele
    • Vetrovky
      • Zimné
      • Prechodné
      • Letné
    • Spodný odev

Tento strom kategórií je veľmi dôležitým prvkom, pretože jednotlivé položky sa následne umiestňujú do hlavného menu a podkategórie tvoria jednotlivé submenu.

Ak budeme produkty vkladať prostredníctvom importu, tieto údaje a radenie v kategóriách by malo byť súčasťou feedu a teda nemusíme riešiť.

Okrem kategórií vieme produktom priradiť aj značky (tzv. tagy). Tieto tagy združujú produkty na základe Vami zadaného slova. V prípade kozmetického e-shopu môže takým tagom byť napr. Akné, vlasové lupiny, ekzémy,… Po kliknutí na „akné“ sa zobrazia všetky produkty, ktoré pôsobia proti akné, aj keď môžu byť zaradené v úplne iných kategóriách. Z 50 mnou vytvorených e-shopov iba jeden jediný používal tieto tagy, čiže nie je to v našich končinách nie je až taká častá vec. Napriek tomu ich netreba zatracovať.

Vlastnosti produktov

V závislosti od toho, čo predávate, produktom by ste mali popridávať nejaké vlastnosti. Tie sa zobrazujú jednak na detaile produktu a jednak sa na ich základe dajú produkty filtrovať, alebo z nich vznikajú variácie produktov. Ak produkty importujeme, vlastnosti by už mali byť súčasťou feedu. Z praxe viem, že to často zvykne byť problém a dodávatelia feedov len veľmi ojedinelé doplňujú vlastnosti produktu do feedu. V takom prípade sa môžete rozlúčiť s filtrovaním produktov. Jediná možnosť je vlastnosti dopĺňať ručne, čo je ale v prípade tisícok produktov nemysliteľné.

Variabilné produkty

Ide o produkty, ktoré sa od seba líšia jednou, alebo viacerými vlastnosťami. Typický príklad, ktorý vždy uvádzam, je tričko. Je to proste jeden produkt, ale pred vložením do košíka si zákazník vyberie, či chce veľkosť S, či M, či L,… a tiež si môže vybrať farbu, čo je druhá vlastnosť. Napríklad modrú, červenú, oranžovú. Vlastnosti sa medzi sebou dajú kombinovať, to znamená, že z vyššie uvedených 3 veľkosti a troch farieb nám vznikne dokopy 9 variant (3 farby pre každú veľkosť). Samozrejme, varianty sa od seba môžu líšiť aj cenou, ak napr. predávate 100g arašidov, jeho cena bude iná ako 500g arašidov.

Možnosti dopravy

Ujasniť si treba aj možnosti dopravy. Najlepšie hneď na začiatok. Woocommerce v základnej inštalácií obsahuje možnosť dopravy za paušálnu sumu, zadarmo, alebo osobným odberom. Paušálna suma vlastne pokrýva všetky ostatné možnosti, dá sa pridať viackrát. Čiže ak posielate poštou za 3€ balík, je to jedna paušálna suma, ak cez kuriéra za 4€, je to druhá paušálna suma. Tieto možnosti dopravy si zákazník vyberie pred dokončením objednávky v pokladni. Poštovné zadarmo je možné nastaviť od určitej sumy (pričom sa dá rátať aj s použitím zľavového kupónu a teda sa poštovné zadarmo môže nastaviť tak, aby sa aktivovalo s ohľadom alebo bez ohľadu na použitý kupón). Poštovné zadarmo sa dá nastaviť aj na zľavový kupón, čiže ak človek použije príslušný kupón, bude mať poštovné zadarmo. No a osobný odber je osobný odber. To myslím, nepotrebuje komentár.

Je možnosť nastaviť si zóny dopravy a triedy prepravy. Zóna dopravy je nejaká geografická oblasť, väčšinou teda štát, kde budete posielať svoj tovar. Potom nastavujete pre jednotlivé zóny rozličné možnosti dopravy a rozličné sumy dopravy. Pre Vás, ako majiteľa e-shopu, je jasné, že Vás poštovné bude stáť menej, ak posielate tovar po Slovensku, ako keď ho pošlete do Fínska. Toto pretavíte do poštovného, ktoré bude pre Fínov vyššie ako pre Slovákov.

Triedy prepravy zas využijete pre rozličné produkty, v rámci jednej geografickej oblasti. Ak distribuujete produkty, ktorých poštovné stojí rozličné sumy. Uvediem príklad: Máte e-shop s nábytkárskym tovarom a drevom. Je jasné, že keď si niekto objedná skrutky a drevené kolíky, že mu to pošlete v minibalíčku za 3€ paušálnu sadzbu. Ak si však objedná MDF dosku o rozmeroch 2800x2050mm, sotva to budete posielať poštou, ale musíte mu to doviezť nákladným autom. V takom prípade nastavíte dopravu napr. na 80€. A ak budú v košíku aj skrutky, aj MDF doska, použije sa vždy to najdrahšie poštovné (nebudete predsa posielať dosku nákladným autom  a skrutky poštou, ale ich pribalíte do nákladiaku).

Čo Woocommerce neobsahuje v základnej inštalácií?

• Dopravu na základe hmotnosti tovaru
• Prepojenie na našich výrobcov
• Tlač štítkov, obálok, ani nič podobné

Možnosti platby

Ďalšou veľmi dôležitou časťou e-shopu sú možnosti platby. V základe má Woocommerce k dispozícií platbu šekom (Tu sa myslia bankové šeky, niečo také ako vidíte vo filmoch, keď niekto niekomu podá podpísaný papier, na základe ktorého si ide do banky vybrať peniaze – na Slovensku sa toto takmer nepoužíva), priamu platbu na účet, to je myslím jasné. Dobierka znamená, že platba prebehne v hotovosti pri doručení zásielky, v základe sa však nedá nastaviť „príplatok“ za dobierku, treba to riešiť dodatočne. No a PayPal platobná brána, kde je možné zaplatiť buď priamo cez PayPal účet, alebo debetnou, či kreditnou kartou. Väčšina klientov však túto platobnú bránu nechce, asi majú vysoké poplatky…

Čo Woocommerce neobsahuje v základnej inštalácií?

• Iné platobné brány
• Príplatok za dobierku
• Kontrola bankového účtu pri platbách na účet

Takže ak tieto veci potrebujete, musíte rátať s dodatočnou finančnou záťažou

Dane

Ak ste platca DPH, poteší Vás informácia, že Woocommerce vie s daňami pracovať. Vie pracovať dokonca na rôznych úrovniach, takže nie je pre nás problém predávať súčasne produkty v štandardnej daňovej sadzbe, rovnako ako produkty v inej daňovej sadzbe. Príklad z praktického života – môžete predávať knihy, na ktoré je DPH vo výške 10%, rovnako ako aj kávu, na ktorú je DPH 20%. Treba si iba ujednotiť, či budete zadávať do Woo ceny s daňou, alebo bez, podľa toho sa v e-shope nastaví prepočet a e-shop bude automaticky vypočítavať ceny s/bez dane. Ak nie ste platca DPH, neriešite.

Fakturácia

Menším problémom je fakturácia, ktorá sa v základe vo Woocommerce vôbec nenachádza. Woo poskytuje len celkom prepracovaný e-mailový notifikačný systém – a to ako pre zákazníkov, tak aj pre majiteľov e-shopu. To znamená, že keď si niekto niečo objedná, jednoducho o tom dostanete e-mail a viete, aký tovar máte pripraviť. Rovnako zákazník dostáva informácie o stave jeho objednávky (prijatá, spracováva sa, čaká na platbu, odoslaná, vybavená,…). Prípadne sa dajú doplniť vlastné stavy objednávok. Dávnejšie som robil jeden e-shop pre hand-made kozmetiku, kde klient vyžadoval stav „Vo výrobe“. To znamená, že človek si objednal produkt a oni mu ho museli vyrobiť a až tak poslať. Kým sa produkt vyrábal, jednoducho nastavili stav objednávky „Vo výrobe“. Takže dá sa to, ale je to už samozrejme nad rámec základného e-shopu.

Ak chceme riešiť fakturáciu, používam plugin, ktorý je zdarma, a ktorý dokáže vygenerovať a priložiť k e-mailu objednávku vo formáte .pdf. Dodatočná finančná záťaž pre klienta je minimálna, pretože nastavenie tohto pluginu zaberie maximálne hodinu. Problém však nastáva, ak Vám nestačí držať faktúry v rámci e-shopu, ale potrebujete ich exportovať do iných systémov (viď. ďalej „Napojenie na externé systémy“). V takom prípade, pokiaľ ešte nepoužívate nič iné, je hračkou prepojenie so Superfaktúrou, implementačný plugin je síce zadarmo, ale Superfaktúra nie…

Správa skladu

Ako som uviedol na začiatku, Woocommerce disponuje základným systémom na správu skladových zásob. To znamená asi toľko, že dokážete sledovať pri každom produkte, alebo pri každom variante produktu počet kusov na sklade. Keď prebehne objednávka, jednoducho sa počet kusov objednaného tovaru zmení o zakúpený počet. Pri určitom počte objednávok si viete nastaviť e-mailové upozornenie, čiže ak napr. počet kusov na sklade klesne pod 2,3,50 (nastavíte si svoje číslo), Woocommerce Vám pošlem e-mail, že pre daný produkt je nízky počet skladových zásob. Z pohľadu klienta potom viete tento sklad využívať tak, že zobrazíte počet kusov priamo na e-shope, alebo že zobrazíte iba „Skladom/Nie je na sklade“. Problém začína vtedy, ak Vám táto organizácia skladu nestačí a z nejakých príčin potrebujete skladové zásoby exportovať aj do iných systémov (viď. ďalej „Napojenie na externé systémy“).

Platobné brány

Platobná brána je niečo, čo dovoľuje Vašim zákazníkom zaplatiť za tovar priamo na e-shope, hneď po potvrdení objednávky. Využíva sa na to opis podstatných čísel z debetnej, alebo kreditnej karty. V základe je dostupná platobná brána PayPal. Priznám sa, že netuším prečo, ale väčšina mojich klientov túto bránu odmieta. Zrejme majú vysoké poplatky. Najčastejšie inštalujem platobnú bránu Stripe. V pomere kvalita/rýchlosť/provízia je to určite najlepšie riešenie v tomto čase. Za Stripe sa neplatia žiadne mesačné poplatky a provízia pre platobnú bránu je 25 centov za platbu + 1,4% z platby. Čiže ak niekto bude platiť 100€ za svoju objednávku, platobná brána si z tejto platby nechá 1,65€, zbytok ide na Váš účet. Ostatné platobné brány majú buď vyššiu percentuálnu províziu, alebo sa za nich dokonca platia mesačné platby, alebo ich vybavenie trvá mesiac (Stripe väčšinou do 24 hodín), alebo plugin na ich implementáciu stojí nemalé peniaze. Implementačný plugin pre Stripe stojí 0€. Naozaj, nie je potrebné váhať. Jediné, čo potrebujete, je spýtať sa Vášho účtovníka, či sa musíte registrovať podľa §7, keďže Stripe je zahraničná spoločnosť.

Napojenie na externé systémy

Napojenie na externé systémy je vždy kríž. Alebo skoro vždy. Existuje kvantum pluginov, ktoré sú použiteľné aj pre naše Slovenské e-shopy, najznámejšia je asi česká spoločnosť Toret, je to vlastne česká súkromná firma, ktorá sa špecializuje výlučne na problematiku Woocommerce českých a slovenských e-shopov. Programujú pluginy a rozličné iné prepojenia. Tieto veci využijete najmä v prípade väčších e-shopov, alebo ak využívate externý skladový program (Pohoda, Kros,…) a potrebujete stav skladu Vášho e-shopu evidovať aj tam.

Samozrejme sa dá použiť aj integrácia do iných, napr. dopravných systémov. Najčastejšie si ľudia žiadajú Zásielkovňu. Implementačný plugin dovolí na pokladni vybrať si odberné miesto Zásielkovne, na ktoré má byť tovar doručený. Čaro je v tom, že tento plugin stojí 2 500 českých korún. Rovnako existuje obdobný plugin pre DTD, GEIS, GLS a iné kuriérske spoločnosti, závisí teda len na Vás, čo všetko budete pre svoj e-shop vyžadovať. A za ďalšie príplatky sú poskytnuté ďalšie služby – automatizované zasielanie informácií do dopravných spoločnosti, generátor štítkov a pod.

Porovnávače

Dôležitým prvkom seriózneho e-shopu by malo byť to, že je napojený na porovnávače. Heureka, Glami,… je ich plno a popravde, ani ja všetky nepoznám. Na tento účel opäť máme pluginy a máloktoré sú zdarma. Zobrazenie Vášho e-shopu v porovnávači je však dôležitým aspektom, ak chcete robiť viac ako jednu objednávku mesačne. Kedysi existoval plugin České služby, ktorý túto funkcionalitu vedel poriešiť a zdá sa mi, že dokonca bol zadarmo. Naposledy však bol aktualizovaný v roku 2016, čo znamená, že dnes je už nepoužiteľný…

Banky

E-shop je možné integrovať aj s bankovými systémami, aj keď je pravda, že zatiaľ som robil túto implementáciu iba raz. Šlo o integráciu s FIO Bankou. Ak máte možnosť priamej platby na účet a prijímate veľa objednávok, je toto pre Vás ako stvorené. Nemusíte sa hrabať vo svojom internet bankingu a porovnávať variabilné symboly a sumy, proste tento proces automatizujete. Funguje na princípe CRON-u, ktorý sa spúšťa napr. každú hodinu. Program sa bezpečne napojí na systém banky a získa všetky čerstvo prijaté platby. Potom porovnáva uvedené variabilné symboly s variabilnými symbolmi objednávok vo vašom e-shope, a ak nájde zhodu, prepne objednávku do iného stavu. Vy viete, že platba bola uhradená a môžete tovar poslať.

Slovenské legálne požiadavky

Keďže sme na Slovensku, platí pre Vás Slovenská legislatíva. Tá okrem iného zahrňuje požiadavky, ktoré e-shop musí mať a spĺňať. Tak napríklad, ak nespadáte pod nejaké výnimky, ste povinní vziať nepoužitý tovar do 14 dni od zákazníka bez udania dôvodu. Tento zákon (alebo čo to je) je zavedený preto, že pri nákupe cez e-shop zákazník nemá možnosť tovar si „ohmatať“ a tak sa môže líšiť realita od zákazníkovej predstavy. Takže ak ste predali veľké množstvo tovaru, tešiť sa začnite radšej až o 14 dni. Stále sa Vám totiž môže vrátiť. Pod výnimky spadajú väčšinou tovary hygienického charakteru, napr. spodná bielizeň, rozličné menštruačné kalíšky, alebo rýchlokazivé produkty, teda najmä potraviny.

Každý e-shop na Slovensku musí viditeľne obsahovať najmä:

• Všeobecné obchodné podmienky
• Reklamačný poriadok
• Ochranu osobných údajov
• Informácie o cookies

Všeobecné obchodné podmienky musia byť vypracované v súlade so zákonmi Slovenskej Republiky. Vo vlastnom záujme si ich vypracujte, alebo dajte vypracovať odborníkovi. Často sa síce stáva, že niektorí ľudia „kradnú“ VOPky z iných e-shopov, prepíšu si adresy, telefón a e-mail a myslia si, že sú za vodou. Pozor na to, od Slovenskej obchodnej inšpekcie môžete dostať likvidačnú pokutu, ak vo VOPkach máte niečo zle. Preto vždy odporúčam obrátiť sa na odborníka – právnika. Dostávam často otázky, či ja nemôžem vypracovať VOPky. Nie, nemôžem, nie som právnik a nezoberiem si na zodpovednosť Vaše prípadné opletačky so zákonom. VOPky mi musíte dodať ako hotový dokument (ako ho získate, to už je na Vás…). Viac sa na túto tému odmietam baviť 

Reklamačný poriadok – tak tu v podstate platí to isté, akurát že sa relatívne často stretávam s tým, že reklamačný poriadok je už súčasťou VOPiek a nie ako samostatný dokument.

Ochrana osobných údajov je to známe GDPR. Vypracovanie opäť zverte do rúk odborníka, za porušenie GDPR sú azda ešte horšie pokuty ako za chybné VOPky. GDPR dokument, navyše, musí mať každá spoločnosť, alebo živnostník, ktorý nejakým spôsobom spracováva osobné údaje, čiže prakticky každý. Aj ja mám GDPR a robil mi ich odborník.

Informácie o cookies prakticky dávam na každý e-shop. Je to síce zbytočné ako stierače na ponorke, lebo 99,9% ľudí netuší, čo to cookies sú, ani ako fungujú, ale EU povedala, že musí byť, tak je. Cookies prakticky nie sú vecou e-shopu, ale programovacieho jazyka PHP, a preto sa správajú na všetkých stránkach rovnako, preto aj jednotlivé texty možno kopírovať od stránky k stránke. Teda pokiaľ nevyžadujete nejakú špeciálnu funkcionalitu v štýle povoľovania/zakazovania konkrétnych typov cookies. Ale to by ste určite nerobili… V dnešnej dobe odmietanie cookies je ekvivalentné odmietaniu airbagov v nových automobiloch.

Z ďalších vecí, o ktorých viem – ak predávate napríklad alkohol, fajčivo, alebo napríklad porno, musí byť Váš e-shop ošetrený tzv. Age gate (veková brána) a návštevník e-shopu je pri vstupe vyzvaný, aby zadal svoj dátum narodenia, čím dokáže, že má aspoň 18 rokov. Samozrejme, toto opatrenie je na smiech, lebo môj trojročný syn si tam môže zadať rok narodenia 1960 a systém ho pustí. Ale tak aspoň sa tvárime, že zákony majú zmysel 

E-shop + kamenná predajňa

Je možné mať e-shop a kamennú predajňu? Áno je. Ale je to rozhodne jeden z najväčších „orieškov“, preto nemôžete čakať 600€ za tento typ e-shopu. Ak máte kamennú predajňu a chcete k nej e-shop, najväčším problémom je to, že musíte integrovať Woocommerce sklad so skladovým programom, ktorý používate na predajni. Na predajni zrejme máte registračnú pokladňu, ktorá je ovládaná nejakým softwarom, blokujete, vystavujete pokladničné doklady atď. Ak si do toho niekto niečo objedná z e-shopu, proste to vyberiete z regálu, zabalíte, pošlete. Lenže problém je ten, že tovar sa môže fyzicky vypredať a e-shop o tom treba informovať. Takže pri každej objednávke z e-shopu, alebo každom nablokovaní tovaru sa musí (väčšinou cez API) posielať informácia o zmene stavu produktov na sklade. Toto sa musí diať obojsmerne, čiže vo vzťahu e-shop->predajňa, aj vo vzťahu predajňa->e-shop. Proste ak máte posledné tričko na predajni a niekto si ho vyskúša a kúpi, e-shop musí čo najskôr dostať informáciu o tom, že daný produkt už nie je skladom. V opačnom prípade čelíte problému – lebo jedno tričko ste predali na predajni a druhé tričko musíte poslať zákazníkovi poštou. Lenže vy ste mali už len jedno jediné. Nasleduje volanie klientovi a vysvetlenie situácie, že daný produkt už nie je skladom. Ak je klient hlupák (prepáčte za výraz, ale inak takýchto ľudí neviem nazvať…) dá podnet na SOIku za zavádzanie zákazníka cez e-shop a máme oheň na streche.

V závislosti od použitého systému v kamennej predajni, je šanca, že existuje plugin, ktorý by presne pokrýval túto funkcionalitu. Ešte som to síce nikdy nerobil, ale schýľovalo sa, a preto som tento „trh“ preskúmal. Prakticky pod 400€ nie je šanca…

Dropshipping

Woocommerce e-shop je možné napojiť aj na dropshiping. Dropshiping je vlastne forma podnikania, kedy dodávateľ (väčšinou je to aj výrobca) nemá čas, alebo chuť, alebo energiu, alebo kapacity, riešiť predaj svojich výrobkov. Vy ako dropshipping partner predávate teda produkty niekoho iného a máte za to svoj groš. Výhoda je tá, že vy vlastne len zbierate objednávky a celá logistika produktov je v kompetencií dodávateľa. Teda Vám zákazník zašle svoju adresu a zaplatí, vy to prepošlete dodávateľovi aj s príslušnou platbou (ktorá je vždy menšia ako peniaze, ktoré dostanete od Vášho zákazníka) a dodávateľ odosiela tovar na Vášho zákazníka. A je aj koza celá aj vlk sýty. Ďalšou výhodou je, že teda nemáte vôbec žiaden sklad, neriešite hygienu, protipožiarnosť, ani nič iné. Vy teda vlastne vykonávate len sprostredkovateľskú činnosť, nič iné.

Nevýhoda je taká, že dodávatelia sa často s Vami nebudú piplať, proste nepáči sa Vám – Ok, za dverami čaká ďalších sto dropshipping partnerov. Ich dátové feedy sú väčšinou o ničom (vlastná skúsenosť) a vytvoriť z toho nejaký funkčný a vizuálne prívetivý celistvý shop je zaberačka.

Ďalšia nevýhoda je tá, že prípadný vrátený tovar ostáva väčšinou Vám a môžete ho maximálne tak predať pod cenu na bazoši.

Programovanie namiesto pluginov

Naskytuje sa ešte otázka, či je naozaj nutné kupovať tento deväťdesiaty deviaty plugin za ďalších iks eur, či sa to nedá doprogramovať priamo v kóde. Isteže dá. Ale jednak to nechcem robiť, lebo to často zvádza k samovražde a ja mám ženu, syna a 30 rokov hypotéky pred sebou a druhá vec, že takéto programovanie na mieru takmer s určitosťou trvá dlho a cena za to takmer s určitosťou prekročí cenu za funkčný a overený plugin, ktorého implementácia niekedy trvá 10 sekúnd, niekedy 10 minút, ale maximálne hodinu.

Čo by ste ešte mali vedieť

Touto kapitolou zabrdnem ešte trošku do problematiky samotného „e-shopovania“, hoci sa to už nebude týkať priamo vývoja e-shopu. Ako prvú vec si uvedomte, že

ZÁKAZNÍK MÁ PRÁVO

Je to proste tak. V spore e-shop vs. zákazník takmer vždy ťaháte za kratší koniec. Či už ide o neprebrané zásielky, vrátenie tovaru, naše zákony sú nastavené tak, že e-shop nemá takmer žiadnu šancu brániť sa proti hlupákom (och, zase som použil to strašné slovo…). Keď si niekto objedná tovar a neprevezme ho, musíte sa s tým zmieriť (aj s tým, že platíte poštovné tam aj naspäť). A čo je horšie, keď si človek tovar znova objedná, musíte mu ho poslať znova. Ak to neurobíte, tak ide o nekalú obchodnú praktiku. Ak si človek aj sto razy objedná tovar a nepreberá ho, musíte mu ho stokrát posielať. Inak môžete mať malér. Takže zákazník má právo takmer vo všetkom, nechajte si teda prejsť hlavou, či máte trpezlivosť a chuť sa naťahovať s ľuďmi.

Ako teda začať?

Rozhodnutie je na Vás. Z môjho pohľadu sú tri možnosti

• Máte plno peňazí a chcete to rozbehnúť hneď vo veľkom štýle
• Máte dajaké peniaze, ale nemôžete zas totálne rozhadzovať
• Nemáte nič, len myšlienku, energiu, chuť,…

Máte plno peňazí

Ak máte plno peňazí, je možné dať si naceniť e-shop s celkovou funkcionalitou, ktorú požadujete. Všetky prepojenia, možnosti dopravy, pluginy, čokoľvek si zmyslíte… Rátajte, že cena bude začínať minimálne na 3 000€. Ak chcete hneď aj predávať, ďalších iks tisíc euričiek rátajte do reklamy, sociálne siete, Google reklamy, alebo hoc aj billboardy.

Máte peniaze, ale nemôžete rozhadzovať

Toto je pre všetkých zúčastnených ideálny stav. Začnete s menším e-shopom za lacnejší peniaz. To znamená, že nebudete mať hneď od začiatku vernostný systém, nebudete mať hneď plnú integráciu do Zásielkovne. Výhoda je taká, že to vlastne ani netreba. Určite v začiatkoch e-shopu nebudete prijímať stovky objednávok denne a tých pár objednávok hodíte do Zásielkovne aj manuálne. Ako počet objednávok rastie, e-shop vám vyrába peniaze a tie čiastočne investujete aj do vylepšení e-shopu. Keď sa stane počet objednávok neúnosný pre manuálne spracovávanie, budete už mať dostatok peňazí na to, aby ste procesy zautomatizovali.

Nemáte nič, len myšlienku…

Ak nemáte nič, len myšlienku, je možnosť, že si e-shop urobíte sami. Opäť – WordPress priamo zvádza k tomu, aby ste si všetko vyklikali vo vlastnej réžií a zadarmo. Ale nie je to také jednoduché. Ak máte čas a chuť sa učiť, smelo do toho. Youtube je plný WordPress aj Woocommerce tutoriálov. Treba len skúšať, hrať sa, pýtať sa v podporných skupinách, alebo na fórach. Angličtina je tu takmer nutnosť.

Druhá možnosť je použiť inú platformu – tzv. krabicové riešenie. Krabicové riešenia sú často zatracované, ale osobne si myslím, že svoje miesto na trhu majú. Krabicový e-shop funguje v štýle mesačného poplatku, to znamená, že platíte nejaký malý poplatok (10€, alebo aj 100€, v závislosti od funkcií, ktoré potrebujete) každý mesiac. Pre biznis „na skúšku“ je toto riešenie ideálne. Čiže ak chcete predávať niečo, čo neviete, či „pôjde“, je lepšie pre Vás zaplatiť dva-tri mesiace napr. 20€ za krabičku, ako dať za celý e-shop 1 000€ a potom zistiť, že to boli vlastne spláchnuté prachy. Ďalšou výhodou je to, že väčšinou v tejto smiešnej sume máte už integráciu s kadečím, od heureky, až po Fio banku, rozličné platobné brány a niekedy dokonca aj „výrobu“ VOPiek, GDPR, tu však platí to, čo som uviedol vyššie pod nadpisom „Slovenské legálne požiadavky“.

Nevýhody ale, podľa mňa, prevažujú nad výhodami. Prvá vec – takýto e-shop nie je Váš. To znamená, že ak si prevádzkovateľ jedného dňa zmyslí, že svoj biznis ukončí, proste zruší všetky e-shopy a dovidenia. Ďalšou nevýhodou je, že niektoré krabičky robia všetko preto, aby ste nazhromažďované dáta nemohli použiť aj inde (napr. pri migrácií e-shopu na inú platformu). Najväčšou nevýhodou je ale určite nulová prispôsobiteľnosť. Proste pri krabičkách máte na výber z niekoľko desiatok (v lepšom prípade) grafických šablón, ktoré často ani nie sú prispôsobené pre mobily a tablety, a aj vizuálne patria niekde do roku 2005. Je to teda vizuálny smog. Neviem ako ostatní, ale ja osobne, keď niekde vidím hnusný a neprehľadný shop, utekám preč, aj keby zadarmo dávali. Niektoré krabičky síce ponúkajú možnosť napísať nejaké vlastné CSS, ale to je v zásade málo platné, keďže Bohvieaké úpravy s tým neurobíte…

Prečo vlastne?

V živote sa stretávame s rozličnými problémami, kedy nepostačuje vstavaná funkcionalita integrovaného WordPress editora. Malá znalosť jazyka HTML nám môže krásne pomôcť a „zachrániť nás“ pred inštaláciou devedesiatého deviatého pluginu, ktorý by túto funkcionalitu doplnil. 

Ako by ste bežne v editore napísali horný/dolný index? Ako by ste vytvorili tabuľku, či „zresponzivnili“ obrázok? 

Čo je HTML a ako funguje?

HTML je skratka pre Hypertext markup language, čo znamená Hypertextový značkovací jazyk. Programátori sa často rozčúlia, keď o sebe niekto tvrdí, že je HTML programátor, lebo HTML je jazyk značkovací a nie programovací. Neobsahuje v sebe žiadnu logiku, žiadne podmienky, žiadne cykly, proste nič, čo obsahuje ozajstný programovací jazyk. HTML slúži na značkovanie textu. Práve pre túto jeho jednoduchosť ho môže na svojej webovej stránke využiť každý. 

Html je možné písať do WordPress editora. Jednoducho v pravom hornom rohu editora prepneme z „Vizuálny editor“ na „Textový editor (HTML)„. Tým sa nám ukáže náš text, obohatený HTML značkami. A môžeme ísť na to. 

V Elementore je možné html písať prakticky všade, aj mimo editor. Teda aj napríklad do popisu, či nadpisu ikony, do obrázkového boxu, do nadpisu,… 

Základným prvkom v HTML je tzv. Značka (alebo „Tag„).  Tag je jedno, alebo viac písmen, ktoré sa píšu do špicatých zátvoriek. Takmer všetky HTML tagy sú párové, to znamená, že majú otvárací a zatvárací tag. Zatvárací tag sa líši od otváracieho tým, že má pred samotným tagom lomku. 

<b> Toto je otvárací tag
</b> Toto je zatvárací tag

COPY

Keď teda máme kus textu, môžeme v ňom aplikovať HTML kód tak, že pred vybranú časť textu vložíme otvárací tag a na konci vybraného textu vložíme zatvárací tag. Každý tag má pritom inú funkcionalitu a robí s textom iné veci.  

Jednoduchý príklad

Najjednoduchšie tagy zrejme poznáte, ide o tagy <b> <i> a <u>. Rovnakú funkcionalitu, ako majú v HTML, majú aj vo Worde. 

B – z anglického Bold – urobí text hrubším

I – z anglického Italic – urobí text kurzivou

U – z anglického Underline – podčiarkne text 

Keď teda máme jednoduchý text a jeho časti uzavrieme medzi tieto HTML tagy

<b>Lorem ipsum dolor</b> sit amet, <i>consectetur adipiscing</i> elit. <u>Vestibulum maximus</u> magna id augue ultricies, quis cursus ex dapibus.

COPY

Dostaneme takýto výstup: 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus magna id augue ultricies, quis cursus ex dapibus.

Všimnime si, že časť textu medzi <b> a </b> je hrubým písmom, časti medzi <i> a </i>sú kurzivou a medzi <u> a </u> sú podčiarknuté. Proste tag označuje miesto v texte, od ktorého začína platiť dané pravidlo a toto pravidlo platí až po ukončovací tag. Preto keď zabudneme na uzatvárací tag, dané pravidlo sa bude aplikovať až do konca textu. 

Ďalšie jednoduché tagy

Ďalšie tagy, ktoré by ste ako bežný užívateľ WordPressu mohli poznať, sú:

br – zlom riadku – vytvorí nový riadok. Nepárový tag.

p – odsek – vytvorí nový odsek. Pôvodne bol nepovinne párový, ale všetci s ním pracujeme ako s párovým. 

Že je <br> nepárový tag, to znamená asi toľko, že existuje len otvárací tag. Dôvod je jednoduchý, keď označíme zlom riadku, tak je tam proste zlom riadku. Keď chceme ďalší riadok, napíšeme jednoducho zas <br>. Nie je proste možné ukončiť nový riadok. 

Tu<br>
bude<br>
každé<br>
slovo<br>
na<br>
novom<br>
riadku.

COPY

Vyzerať to bude asi takto:

Tu
bude
každé
slovo
na
novom
riadku.

Problémom vo WordPresse je to, že on už tie riadky a odstavce robí pomocou editora automaticky. A navyše ich ani negeneruje do HTML kódu editora. Je to dvojsečný meč. Na jednej strane to tam „nezavadzia“, na druhej strane to môže robiť problémy. 

Ak v editore stlačíte ENTER, (tu stláčam ENTER)

jednoducho sa vloží nový <p> tag. Čiže nový odstavec. Pod ním bude nejaká medzera, ako to je bežné medzi odsekmi. 

Ak však chcete vložiť nový riadok bez nového odstavca, jednoducho stlačte SHIFT+ENTER. (Tu stláčam SHIFT + ENTER) 
A vloží sa nový riadok. Alebo použijete html značku <br>.

Verím, že vidíte ten rozdiel medzi <br> a medzi <p>. 

Indexy

Často pri e-shopoch, či stavebných stránkach, potrebujeme napísať index. Napríklad metre štvorcové, metre kubické, alebo čokoľvek iné. V bežnom editore máme problém. 

Použijeme tieto html tagy, do ktorých uzavrieme index. 

sup – vytvorí horný index

sub – vytvorí dolný index

Mnemotechnická pomôcka je, že b ma bruško dole a teda ním urobíme dolný index a p má bruško hore, teda ním urobíme horný index. Jednoduché, nie?  

Rozmer pozemku: 600 m<sup>2</sup><br>
Objem šachty: 5 m<sup>3</sup><br>
Priemerná rýchlosť: v<sub>priem.</sub>

COPY

Výsledok:

Rozmer pozemku: 600 m²
Objem šachty: 5 m³
Priemerná rýchlosť: v_priem.

Úpravy textu

Okrem b i a u existuje ešte niekoľko tagov, ktoré sa dajú použiť na úpravu textu

big – zväčší písmo o pár percent

small – zmenší písmo o pár percent. 

Tieto dva tagy sú už zastaralé a ich používanie sa neodporúča, boli v HTML 4. Každopádne fungujú aj v HTML 5 (čo je vlastne aktuálna verzia), aj keď už sú väčšinou riešené cez CSSko, teda dá sa nastaviť, na koľko % má zväčšiť, či zmenšiť jeden z týchto tagov. V bežnom živote ich môžeme smelo používať, určite kvôli tomu nevybuchne Fukušima, takže žiadne strachy.

s – preškrtne písmo

strike – absolútne to isté ako tag <s>

Preškrtnuté písmo sa hodí hocikedy. Na e-shopoch keď dáme zľavu a starú cenu tam necháme a preškrtneme, aby užívateľ videl, koľko pôvodne stál tovar. Alebo keď napíšeme nejaký článok a časom v ňom niečo opravíme, môžeme nechať preškrtnutú pôvodinu, aby bolo zrejmé, čo sme opravili. 

Toto je normálne písmo<br>
<big>Toto je veľké písmo</big><br>
<small>Toto je malé písmo</small><br>
<s>Toto je preškrtnuté písmo</s>

COPY

Toto je normálne písmo
Toto je veľké písmo

Toto je malé písmo
Toto je preškrtnuté písmo

PS: Ak sa chcete beztrestne pohrávať s HTMLkom, môžete na to použiť trebárs online editor, napríklad na w3school.

Najlepší

WordPress je podľa mňa najlepší CMS (content management system). Vznikol ako jednoduchý redakčný systém na písanie blogov, no postupom času vzniklo mnoho pluginov a tak dnes už nie je problém urobiť na WordPresse e-shop, portál, či systém na rezerváciu lístkov do vlaku. WordPress je ako smartfón a pluginy do neho sú ako aplikácie do smartfónu. Rozširujú a zväčšujú jeho schopnosti.

Miesto v internetovom priestore

Mnohým kóderom sa to nepáči, ale WordPress tvorí cca tretinu internetu. To znamená, že každá tretia stránka, ktorú navštívite, je tvorená redakčným systémom WordPress. To znamená, že WordPress tak skoro neupadne do bezvedomia, ale bude si ešte dlho držať svoju vedúcu pozíciu na internete.

PHP based

WordPress je programovaný práve v PHPčku. Aj keď obsahuje množstvo svojich funkcií, syntax a použitie v praxi je navlas podobné PHPčku. Čiže ak je treba urobiť nejaký zákrok priamo v kóde, či v jadre WordPressu, nie je to pre mňa problém. 

Užívateľská základňa

Užívateľská základňa WordPressu je obrovská. Milióny ľudí po celom svete sa mu venujú, niektorí viac, niektorí menej. Niektorí z pohľadu programátora, iní z pohľadu užívateľa. Každopádne, ak človek potrebuje pomoc, nájde sa mnoho ľudí, čo radi pomôžu. Dokonca aj nezištne. Aj ja rád pomáham ľuďom v rozličných WordPressových Facebook skupinách. A zas, keď potrebujem pomoc ja, tak príde väčší šéf ako som ja, a pomôže mi. Takto to funguje a je to super.

Buildery

Poslednou, ale veľmi veľkou, výhodou, sú buildery. Ide vlastne o pluginy, ktorých úlohou je na strane administrátora poskytnúť lepšie prostredie na tvorbu webových stránok, prostredníctvom prvkov – elementov. Prakticky si takto hocikto dokáže vytvoriť webovú stránku. Pre mňa – ako vývojára webových stránok, poskytujú buildery veľkú výhodu, nakoľko odpadáva celá starosť o písanie HTML kódu a jeho prepojovanie s PHP. To, čo som niekedy riešil pol dňa, mám dnes vyriešené za pár minút. To má samozrejme vplyv aj na mojich klientov, ktorých tak môžem potešiť podstatne nižšou cenou za ich webovú stránku 

V tomto návode si krok za krokom ukážeme, ako si za 30 minút jednoducho spraviť automatické WordPress zálohovanie – a to konkrétne prostredníctvom pluginu UpdraftPlus WordPress Backup Plugin.

Existuje viacero WordPress pluginov slúžiacich na zálohovanie, avšak najlepšie skúsenosti mám s týmto pluginom. UpdraftPlus v bezplatnej verzii poskytuje všetko, čo potrebujem. O jeho obľúbenosti svedčí aj fakt, že má výborné hodnotenia, vyše milióna aktívnych inštalácií a je pravidelne aktualizovaný.

Tip: ako alternatívu na automatické zálohovanie je možné použiť aj plugin Duplicator.

Krok 1: Inštalácia UpdraftPlus pluginu

Po prihlásení do WordPress administrácie ideme do Pluginy -> Pridať nový:

Do poľa na vyhľadávania pluginov zadáme UpdraftPlus WordPress Backup Plugin:

Klikneme Inštalovať teraz. Po inštalácii plugin aktivujeme kliknutím na Aktivovať.

Krok 2: Nastavenie frekvencie zálohovania

Po inštalácii a aktivácii pluginu sa najrýchlejšie dostaneme do jeho nastavení z hornej lišty WP administrácie – kliknutím na UpdraftPlus -> Settings:

Tu si zmeníme spúšťanie zálohovania z manuálneho na automatické – v našom prípade denné (daily). A to nielen pre súbory (files) ale aj databázu, pretože chceme zálohovať obe. V prípade, že vám vyhovuje iný interval zálohovania, máte viaceré možnosti:

Taktiež, ak máme dostatok voľného miesta vo webhostingu, tak si dáme ukladať 7 posledných záloh. V opačnom prípade nechávame prednastavené 2. V takomto prípade si plugin pri automatickom zálohovaní ukladá iba zvolený počet záloh a staršie si automaticky maže. To je výhodné, pretože to zabráni zaplneniu disku. Na obrázku nižšie je možné vidieť moje konečné nastavenia:

Poznámka: Ako môžete vidieť na obrázku vyššie, presnú hodinu v ktorej sa bude vykonávať záloha je možné zvoliť iba v prémiovej verzii. Avšak pokiaľ nemáte veľký a nadmerne vyťažený web, takúto prémiovú možnosť nepotrebujete.

Krok 3: Nastavenie súborov zálohovania

UpdraftPlus plugin umožňuje vybrať si, čo všetko chceme zahrnúť do záloh. V prípade, že máte málo miesta vo webhostingu tak môžete napríklad vylúčiť obrázky a média (Uploads) zo záloh. Avšak ja odporúčam nechať si zálohovať všetko, aby bolo možné v prípade potreby kompletne obnoviť web.

Taktiež máme možnosť si zvoliť emailové notifikácie o tom, že WordPress zálohovanie prebehlo úspešne. Ja si ich nezapínam, aby mi nechodilo veľa emailov.

Krok 4: Uloženie nastavení pluginu

Nastavenia nezabudneme uložiť kliknutím na Save Changes na spodu obrazovky:

Krok 5: Spustenie automatického zálohovania

WordPress zálohovanie spustíme kliknutím na tlačidlo Backup Now v prvej karte:

V prípade, že zálohovanie prebehlo úspešne, tak uvidíte správu že zálohovanie bolo úspešne ukončené aj s časom:

Hotovo, týmto je automatické WordPress zálohovanie spustené a prvá záloha je na svete.

Manuálne zálohy – ako a kedy?

Spôsobom vyššie je možné v prípade potreby spraviť zálohu aj manuálne. Odporúčam to najmä pred všetkými väčšími zmenami na webe, ako je inštalácia nového pluginu, aktualizácia, zmeny nastavení a podobne.

Umiestnenie záloh – kde sú a ako si ich stiahnuť?

Súbory záloh sa v rámci WordPressu nachádzajú v časti wp-content -> updraft:

Tieto súbory je možné stiahnuť aj prostredníctvom WordPress administrácie v záložke Existing Backups:

Tip: v tejto záložke vidíme aj koľko miesta nám celkovo zaberajú súbory záloh na disku servera – v mojom prípade je to 9.1 MB.

Obnova webstránky zo zálohy

WordPress webstránku je možné v prípade potreby obnoviť zo zálohy kliknutím na tlačidlo Restore. Najčastejšie potrebujeme obnoviť web z tej zálohy, kde je posledná verzia ešte fungujúceho webu.

V ďalšom kroku je možné zvoliť si, ktoré prvky webu chcete obnoviť. Zvyčajne potrebujeme obnoviť všetko. Potom stačí už len potvrdiť obnovu kliknutím na tlačidlo Restore.

V treťom kroku si plugin spraví ďalšiu zálohu webu ešte pred samotným obnovovaním. Stlačením tlačidla Restore sa definitívne spustí obnovovanie webu. Pri procese obnovovania webu nezatvárajte svoj prehliadač! Po skončení obnovovania sa vám zobrazia výsledky. V prípade úspešnej obnovy by ste mali na spodku vidieť hlášku Restore successful! :

Po otestovaní, že web bol naozaj úspešne obnovený, je dobré vymazať si súbory pred-obnovovacej zálohy, ktorú si plugin spravil, aby zbytočne nezaberala miesto na disku. Dá sa to spraviť kliknutím na tlačidlo Delete old directories:

WordPress zálohovanie – Prečo vlastne robiť zálohy?

Vyše 50% používateľov webstránok, ktorých poznám, si nerobia žiadne zálohy webstránky. Ľudia zvyknú mať názor, že spraviť si zálohovacie riešenie ich stojí čas a nemá to pre ich podnikanie žiadnu viditeľnú hodnotu.

Avšak opak je pravdou. často sa stretávam so skúsenosťami ľudí, ktorí z nejakej príčiny prišli o svoje weby a až potom si uvedomili, že zahodili „stovky hodín“, ktoré strávili ich tvorením. Preto sa podľa mňa čas investovaný do nastavenia automatického zálohovania vyplatí.

WordPress síce môžeme považovať za robustný a stabilný systém, ale treba si uvedomiť, že na našom webe spolu musia fungovať rôzne kombinácie tém, pluginov a nastavení a každá môže zapríčiniť pád webu.

O krok ďalej – ako to robím ja

Ako ste si možno už všimli, v záložke Nastavenia sa nachádza aj časť na automatické ukladanie záloh na iné úložisko:

Sú tu viaceré možnosti. Ja využívam preposielanie na Google Disk, aby som mal zálohy webu aj mimo server hostingu. Takýmto spôsobom ich mám na dvoch miestach a mám vyššiu istotu, že o ne neprídem. Nastavenie takéhoto pre-posielania je zdĺhavejšie, preto ho nebudem popisovať v tomto návode. Podrobný návod je možné nájsť na tomto linku.

Čo sa vlastne deje?

Čo sa vlastne stane za ten rok – dva, že webová stránka vyzerá hrozne? Stane sa to samé od seba? Odpoveď je trošku zložitejšia. Stroje sú neomylné. Bezchybná logika každého technického zariadenia zabezpečuje teoreticky jeho nekonečnú funkčnosť. Z toho vyplýva, že za všetko môže kto? ČLOVEK. Áno, človek je príčinou každého zlyhania stroja, alebo zariadenia.

V praxi sa stane asi to, že kým si Vy veselo odpočívate a spoliehate sa na neomylnosť strojov, iní ľudia pracujú, skúmajú, vyvíjajú nové a nové technológie a uvádzajú ich do praxe. V oblasti WordPressových stránok sú najčastejšou príčinou tieto veci:

• Aktualizácia verzie PHP
• Aktualizácia WordPress jadra
• Aktualizácia pluginov
• Problém so systémom hostingu

Aktualizácia verzie PHP

Postupom času vznikajú nové a nové verzie PHP. Aktuálne máme verziu PHP 8.0, ktorá však ešte nie je tak celkom oficiálna, preto väčšina hostingových poskytovateľov preferuje zatiaľ verziu 7.4. Pred pár rokmi bola najvyššia verzia 5.6. Takže ak máte webovú stránku z roku 2016, určite bola vytvorená pre verziu 5.6. No a tu je problém. Staré verzie PHPčka sa pomaly vypínajú, pretože obsahujú dnes už prelomené bezpečnostné systémy. Vaša webová stránka tak nie je chránená pred prípadnými hackerskými útokmi. Aktualizáciou verzie PHP (ktorú urobí človek – zamestnanec webhostingu) môže nastať problém, kedy Vaša stará webová stránka nie je pripravená na novú platformu PHP 7.4. A už je oheň na streche.

Môžete si to predstaviť, ako keby ste chceli starú petrolejku napojiť na elektriku, aby Vám svietila na elektrický pohon, namiesto petrolejového. Proste staré verzie PHP obsahujú niektoré funkcie, ktoré už v nových verziách nie sú, práve z dôvodu bezpečnosti. Preto sa stránka rozpadne.

Aktualizácia WordPress jadra

Tu platí to isté, čo v odstavci vyššie, avšak zmeny sa dejú na úrovni samotného jadra WordPressu. Jednotlivé verzie WordPressu môžeme rozdeliť na majoritné, napr. WordPress 4, WordPress 5 ale aj na minoritné, tie sa označujú ďalšími číslami za bodkou. Aktuálna verzia je WordPress 5.7.2. Aktualizácia minoritnej verzie málokedy spôsobí vážne problémy, avšak prechod medzi majoritnými verziami (napr. z WordPressu 4.2.2 na WordPress 5.7.2) podľa mojich skúsenosti takmer vždy spôsobí nejaký problém.

Aktualizácie pluginov

Niektoré pluginy, ktoré máte použité na webovej stránke, môžu byť tiež staré a neprispôsobené pre nové verzie WordPressu. V takom prípade používajú funkcie, ktoré sú dostupné len v starom PHPčku, alebo len v starom WordPresse. Aktualizácia môže spôsobiť problémy. Toto sa týka najmä pluginov, ktoré sú dostupné zdarma, niektoré z nich proste ich výrobcovia prestanú aktualizovať. Vám tak nezostáva nič iné, len použiť iný plugin, ktorý je pripravený aj pre nové verzie WordPressu a PHP.

Problémy s hostingom

Ďalšie problémy môže spôsobovať aj samotný poskytovateľ hostingu. Toto sa väčšinou týka nejakých menších, prípadne miestnych poskytovateľov. Hocikedy im vypadnú servery, pripojenie, zlyhajú harddisky. Samé problémy. Je potrebné si vybrať kvalitného poskytovateľa webhostingu, z môjho pohľadu a skúsenosti je na Slovensku najlepší Websupport.

Čo sa s tým dá robiť?

„Samozničeniu“ webovej stránky sa dá zabrániť jednoduchým spôsobom – správou webovej stránky. Je treba pri tom zálohovať aktuálny stav stránky, sledovať aktualizácie a riešiť problémy, ktoré sa vyskytnú. V prípade Vášho záujmu ma neváhajte kontaktovať.

Na internete môžeme naraziť na veľké množstvo rôznych analyzátorov, servisov a iných automatizovaných nástrojov, ktoré nám ohodnotia stránku. Nie vždy je však ich výsledok smerodajný.

Google page speed insights (PSI)

PSI je asi najznámejší nástroj na preskúmanie webovej stránky. Jeho problém je ten, že okrem samotnej rýchlosti skúma, pomocou umelej inteligencie, aj užívateľské skúsenosti na stránke. Medzi iným teda skúma, napríklad či texty sú čitateľné, či nie je príliš malé, alebo príliš veľké písmo, či sú ovládacie prvky, ako tlačidlá a pod. správne rozložené na stránke… Takže skóre ide v Európe automaticky dole, najmä na mobiloch, kde po načítaní stránky sa nám na polovicu displaya musí zobraziť oznámenie o cookies. S tým nenarobíme nič, je na to zákon a musí to tak byť. Už len z tohto dôvodu nemôžeme čísla z PSI považovať za slovo Božie.

SEO servis

Ďalším používaným nástrojom je český SEO-servis. Svojho času často používaný nástroj na optimalizáciu on-site SEO. Bohužiaľ trošku zaspal dobu, stále vyžaduje, napríklad, mať vyplnené kľúčové slová. Tie však už niekoľko rokov Google v úvahu vôbec neberie. S postupom času a novými technológiami, kedy sa do popredia dostávajú prvky ako sú povedzme SVG obrázky (kódom tvorené vektorové obrázky), však SEO servis upozorňuje, že HTML kód stránky je príliš veľký. Len uvediem, že jednoduchý graf v .svg formáte môže mať aj niekoľko tisíc znakov. Preto je HTML kód príliš veľký a SEO servis nám za neho škaredo stiahne skóre.

Html Validator

HTML Validator sa dnes už tak vážne neberie. Osobne ho používam počas programovania vtedy, ak mám niekde neuzatvorený html tag, lebo Validator to rozpozná a rýchlejšie tak nájdem chybu. V minulosti Validator nevedel spracovať často používaný Flash od firmy Adobe, čo sa na stránkach hojne používal, a tak ho odvtedy mnoho ľudí nepovažuje za dôveryhodný nástroj.

Pingdom tools

Pingdom tools, priznám sa, používam aj ja. Tento nástroj preskúma a odmeria čas načítania stránky od potvrdenia adresy v prehliadači. Samozrejme si človek potom môže pozrieť detailnejšiu analýzu o tom, v akom poradí a ako dlho sa dané časti stránky načítavajú. Na meranie času načítania stránky je to ideálny nástroj.

Avšak vypisuje aj iné údaje, ktoré sa môžu stať tŕňom v oku. Konkrétne mám na mysli počet requestov. Request je v podstate „žiadosť“, ktorú pošle Váš prehliadač serveru, kde je uložená stránka. To sa deje pri načítaní obrázkov, videí, či pomocných CSS a javascriptových súborov. Na prvý pohľad by sa mohlo zdať, že čím menej requestov, tým lepšie, a skutočne to tak môže byť. Avšak z pohľadu návštevníka webovej stránky je absolútne jedno, či daná stránka má 12 requestov, alebo 150. Bežný užívateľ stránky nemá tušenie o tom, čo sa počas načítavania stránky deje a ani ho to nemusí zaujímať, pretože tomu nerozumie. To, čo užívateľa zaujíma je, či mu stačí čakať pol sekundy, alebo musí čakať 8 sekúnd, kým sa mu stránka zobrazí. Takže osobne počet requestov, pokiaľ tam nie je naozaj fakt veľké číslo (čiže aspoň 250), nepovažujem za nič relevantné.

Čo však v poriadku byť nemusí, je veľkosť stránky. Opäť – číslo môže, ale nemusí byť smerodajné. Veľkosť stránky v megabajtoch, ktorú získame na Pingdome, ukáže, aká veľká je stránka, a teda aký veľký obsah sa musí stiahnuť zo servera. Kto používa mobilné dáta a nemá ich veľa, zaiste ocení, keď je stránka čo najmenšia, aby neprešvihol mobilným operátorom stanovenú hranicu. Do veľkosti stránky sa zaratúva všetko, čo danú stránku tvorí, teda html súbory, css a javascript súbory, obrázky, videá a iný obsah. Je preto nemožné, aby stránka s niekoľko megabajtovým videom na pozadí, mala rovnakú veľkosť ako stránka, kde pozadie tvorí len farba. Veľkosť stránky je teda dôležitejším ukazovateľom, ale existujú opodstatnené výnimky.

Dôležitá je realita

Dostal som sa ku stránkam, ktoré vykazovali vynikajúce, skoro až závideniahodné, čísla vo vyššie uvedených nástrojoch. Ale v realite som na načítanie stránky čakal 5 sekúnd a po zadaní kľúčového slova do Google sa stránka zobrazila na 130. mieste. A opäť – pracoval som so stránkami, čo mali hrôzostrašné čísla, ale v skutočnosti na tom neboli vôbec zle.

Treba si uvedomiť jednu vec – realita je dôležitejšia ako čísla. 99,999% návštevníkov Vašej webovej stránky nikdy nebude riešiť, či má stránka GSI skóre 67, alebo 98. Nikto nikdy nebude riešiť, či Vaša stránka má 66 requestov, alebo 101 requestov. Čo budú ľudia riešiť, je rýchlosť načítania, funkčnosť a použiteľnosť stránky. Ak máte e-shop a vstup do košíka nebude v hlavičke stránky, ľudia budú zo stránky odchádzať, lebo presne tam ho očakávajú. Nezáleží na tom, aké máte čísla. Ak budete mať graficky škaredú, rozbitú stránku, so žltou farbou písma na bielom podklade, čo sa nedá dobre čítať, nikto to lúštiť nebude. Ľudia budú zo stránky odchádzať. Viac ako na čísla, sa teda sústreďme na realitu.