E-shop pre slovenské útulky na Shoptet Premium — predplatné, Aktuálne výzvy
a tržby +136 %.
Pre charitatívny e-shop Preutulky.sk sme navrhli a postavili e-shop na Shoptet Premium s unikátnym designom na mieru, vlastným systémom tokenizovaného predplatného cez ShoptetPay, funkciou Aktuálne výzvy v reálnom čase a PPC kampaňami na Google Ads, Heureka.sk a Facebooku. Výsledok: tržby nahor o 136 %, objednávky o 116 %, hodnotenie zákazníkov 9,67/10.
E-shop, kde nákup krmiva
rovno pomáha
konkrétnemu útulku.
Preutulky.sk boli založené v roku 2016 Dianou a Filipom Minářovcami s jasnou myšlienkou: darcovia nekupujú anonymné príspevky — nakupujú krmivo, lieky a potreby priamo podľa aktuálneho wishlistu konkrétneho útulku. Vďaka skúsenostiam Diany s prácou v útulku vznikajú presné zoznamy toho, čo daná organizácia skutočne potrebuje: krmivo, lieky, sanitačné prostriedky, podstielky, prepravky. Zisk financuje Československý kastračný program a záchranné aktivity. Klient prevádzkoval e-shop na štandardnej Shoptet šablóne — tá ale prestala zodpovedať plánovaným funkcionalitám a nárokom na zákaznícky zážitok.
Kľúčovou technickou požiadavkou bol systém predplatného (subscription) — zákazníci si môžu nastaviť pravidelný odber krmiva pre útulky bez nutnosti každú objednávku zadávať ručne. Implementácia predplatného na Shoptet Premium zahŕňa tokenizáciu platobnej karty cez ShoptetPay: pri prvej platbe sa karta uloží, každú ďalšiu objednávku systém automaticky vystaví a uhradí cez uložený token. Súčasťou bol aj Mastercard merchantAdviceCode — implementácia reakcie na kódy vydavateľa karty pre prevenciu pokút pri neúspešných transakciách.
Tretia výzva bola designová a UX: e-shop musí presvedčiť darcu, že jeho peniaze idú priamo tam, kde sú potrebné. Funkcia Aktuálne výzvy zobrazuje v reálnom čase útulky, ktoré práve najviac potrebujú pomoc — s progress barom ukazujúcim, koľko zostáva vybrať na konkrétnu výzvu. Zoznam útulkov umožňuje darcovi vybrať konkrétny útulok a nakúpiť priamo pre neho.
„„Práve som si pozrel ten nový návrh dizajnu e-shopu a je to brutálne! Veľmi sa mi páčia tie grafiky mačiek a psov!““
Design, predplatné, kampane — tri paralelné línie.
Analýza a design
Wireframe (24 h), unikátny grafický návrh e-shopu pre desktop aj mobil — homepage, detail produktu, kategórie, košík, útulky, zoznam útulkov, generické stránky. Kódovanie na Shoptet Premium (48 h), dvojfázové používateľské testovanie.
Predplatné a ShoptetPay
Systém automatických objednávok (38 h): tokenizácia karty cez ShoptetPay, webhook pre príjem transakcie, vlastný API endpoint, automatické vystavenie objednávky a uhradenie cez token. Webový interface pre sťahovanie reportov s párovaním dodávateľov.
Aktuálne výzvy a Zoznam útulkov
Funkcia Aktuálne výzvy — real-time zobrazenie útulkov potrebujúcich pomoc s progress barom. Sekcia Zoznam útulkov: wireframe + grafický design + kódovanie vrátane popup okna. Mailová šablóna.
PPC kampane
Nastavenie a správa PPC kampaní: Google Ads, Heureka.sk, Facebook — START balík.
Rozšírenie predplatného
Rozšírenie automatických platieb: Mastercard merchantAdviceCode, presun CTA tlačidla do kroku 2 košíka s vizuálnym zvýraznením, podstránka vysvetľujúca predplatné, zobrazenie predplatného aj neregistrovaným zákazníkom s podmienkou registrácie v kroku 3.
Charitatívny e-shop s tokenizovaným predplatným a real-time výzvami.
Design
E-shop preutulky.sk je postavený na Shoptet Premium s unikátnym grafickým designom na mieru — grafiky psov a mačiek ako kľúčový vizuálny prvok, ktorý okamžite komunikuje účel e-shopu. Design je navrhnutý tak, aby darcu presvedčil, že jeho nákup má priamy dopad — prehľadné produktové stránky, jasná navigácia, minimum krokov k dokončeniu objednávky.
Tokenizované predplatné
Systém predplatného na Shoptet Premium bol implementovaný cez ShoptetPay tokenizáciu: pri prvej platbe sa karta zákazníka uloží na strane ShoptetPay. Pri každej nasledujúcej automatickej objednávke systém vystaví objednávku v Shoptete a odošle požiadavku na uhradenie cez uložený token. Celý cyklus je riadený cez vlastný API endpoint — webhook od ShoptetPay → vytvorenie objednávky → potvrdenie platby → zmena stavu objednávky. Rozšírenie v roku 2023 pridalo podporu Mastercard merchantAdviceCode pre prevenciu pokút pri neúspešných transakciách a optimalizáciu obnovy neúspešných platieb.
Aktuálne výzvy a kampane
Funkcia Aktuálne výzvy zobrazuje v reálnom čase útulky, ktoré práve najviac potrebujú pomoc — s progress barom ukazujúcim aktuálny stav vyzbieranej sumy. Všetky výzvy sú zverejňované na základe skutočných žiadostí od útulkov. Zoznam útulkov umožňuje darcovi filtrovať a nakúpiť priamo pre konkrétny útulok. PPC kampane na Google Ads, Heureka.sk a Facebooku priviedli nových darcov — s výsledkom zníženia PNO o 39,9 % a nárastom tržieb o 136 %.
Štyri rozhodnutia, ktoré projekt definovali.
Grafiky psov a mačiek ako hlavný konverzný prvok
Charitatívny e-shop musí okamžite komunikovať svoj účel — zákazník musí cítiť, že jeho nákup pomáha konkrétnym zvieratám, nie abstraktnej organizácii. Unikátne ilustrácie psov a mačiek sú integrálnou súčasťou designu — v navigácii, kategóriách, produktových stránkach aj prázdnom košíku. Výsledné hodnotenie zákazníkov 9,44/10 za design na vzorke 300+ respondentov je priamym potvrdením správnosti tohto prístupu.
Tokenizované predplatné cez ShoptetPay — s podporou Mastercard merchantAdviceCode
Predplatné na Shoptet Premium vyžaduje vlastnú implementáciu cez ShoptetPay tokenizáciu — Shoptet túto funkciu neponúka natívne. Celý cyklus (prvá platba → uloženie tokenu → automatická objednávka → uhradenie → zmena stavu) je riadený cez vlastný API endpoint. Rozšírenie v 2023 pridalo reakciu na Mastercard merchantAdviceCode — systém správne reaguje na kódy vydavateľa karty (expirovaná karta, nedostatok prostriedkov, blokácia) a minimalizuje pokuty za neúspešné transakcie.
Aktuálne výzvy — real-time transparentnosť pre darcov
Darcovia nedôverujú abstraktným výzvam — chcú vidieť konkrétnu potrebu a konkrétny dopad. Funkcia Aktuálne výzvy zobrazuje v reálnom čase útulky, ktoré práve žiadajú o pomoc, s progress barom aktuálneho stavu vyzbieranej sumy. Každá výzva je podložená skutočnou žiadosťou od útulku. Transparentnosť zvyšuje konverziu — darca vidí, koľko zostáva vybrať, a cíti naliehavosť akcie.
PPC kampane: tržby +136 %, PNO −39,9 %
Správa kampaní na Google Ads, Heureka.sk a Facebooku priniesla merateľné výsledky: tržby vzrástli o 136 %, počet objednávok o 116 % a PNO (podiel nákladov na obrate) kleslo o 39,9 %. Súbežne s kampaňami bolo spustenie nového webu zodpovedné za nárast tržieb o 24,4 % a objednávok o 29,3 % v porovnaní s predchádzajúcim obdobím — čistý dopad designu a UX, bez reklamného rozpočtu.
Päť čísel, ktoré hovoria za všetko.
+136 %
Správou PPC kampaní (Google Ads, Heureka.sk, Facebook) sme dosiahli nárast mesačných tržieb o 136 %.
+116 %
Paralelne s tržbami vzrástol počet objednávok o 116 % — organický aj platený traffic privádza konvertujúcich návštevníkov.
−39,9 %
Podiel nákladov na obrate kleslo o 39,9 % — kampane sú efektívnejšie, viac objednávok za menej peňazí.
9,67/10
300+ respondentov, merané integrovaným dotazníkom na konci objednávky. Design 9,44/10 · Prehľadnosť 9,41/10 · Priebeh objednávky 9,65/10.
+24,4 %
Samotné nasadenie nového designu prinieslo nárast tržieb o 24,4 % a objednávok o 29,3 % v porovnaní s predchádzajúcim obdobím — čistý dopad UX a designu bez reklamného rozpočtu.
Voľby, ktoré obhájime.
Ako pracujeme.
Preutulky.sk boli projekt so silným účelom a konkrétnymi technickými výzvami — tokenizované predplatné, real-time výzvy, PPC od nuly. Tím pokrýval design, kódovanie, backend ShoptetPay integrácie a PPC správu. Výsledky sú merateľné a potvrdené dátami.
Čo sme pre Preutulky.sk postavili
5 hlavných realizácií · 2022–2023E-shop na Shoptet Premium s unikátnym designom
Wireframe (24 h), unikátny grafický návrh s ilustráciami psov a mačiek (28 h), kódovanie na Shoptet Premium — plne responzívne (48 h). Generické stránky (GDPR, OBP, kontakt), dvojfázové používateľské testovanie, presun na hlavnú doménu.
Tokenizované predplatné cez ShoptetPay
Systém automatických objednávok (38 h): tokenizácia karty ShoptetPay, webhook, vlastný API endpoint, automatické vystavenie a uhradenie objednávok. Rozšírenie 2023: Mastercard merchantAdviceCode, CTA tlačidlo v kroku 2 košíka, podstránka predplatného, zobrazenie pre neregistrovaných zákazníkov.
Aktuálne výzvy a Zoznam útulkov
Real-time funkcia Aktuálne výzvy s progress barom. Sekcia Zoznam útulkov (wireframe + grafický design + kódovanie + popup). Webový interface pre sťahovanie reportov s párovaním dodávateľov na produkty.
Mailová šablóna
Grafický návrh a implementácia mailovej šablóny pre transakčnú komunikáciu.
PPC kampane
Nastavenie a správa kampaní Google Ads, Heureka.sk a Facebook — výsledok: tržby +136 %, objednávky +116 %, PNO −39,9 %.
Staviame aj pre
iné značky.
Čo urobiť, aby ti e-shop zarábal viac? Margly to vie skôr než ty.
Staviame aj pre
vás.
Pošlite nám pár viet o vašom projekte. Dáme si nezáväzný hovor.