Card Designer — nástroj pro tvorbu karet (5 kroků)

5. Card Designer — nástroj pro tvorbu karet (5 kroků)

Při vytváření nové karty (stisknutím NEW STAMP CARD) si můžete vybrat vizuální šablonu blízkou vašemu stylu. Nahoře můžete rychle přepínat mezi typy podnikání (např. restaurace) nebo procházet všemi. Nebojte se, pokud vyberete špatnou: každá barva a ikona jsou přizpůsobitelné! Po výběru šablony se zkopíruje do vaší nové karty a přistanete v Card Designeru. Tento krok můžete přeskočit — stačí stisknout Start From Scratch. Přistanete ve stejném Card Designeru.

Card Designer se otevírá jak při vytváření nové karty, tak při stisknutí ikony ✏️ Upravit na existující kartě. Je to průvodce krok za krokem s pěti fázemi:

1. Personalize your style — styl a branding.
2. Add Visuals — konfigurace razítek.
3. Build Your Journey — odměny a Milestone Rewards.
4. Additional settings — narozeninová a Geo-fence oznámení.
5. Result — konečný náhled a regenerace karty.

Vpravo na obrazovce je vždy živý náhled karty — aktualizuje se v reálném čase s každou změnou. Klepnutím na libovolný krok v dolní navigaci náhledu uvidíte, jak karta bude vypadat, když uživatel dosáhne daného razítka.

---

5.1 Krok 1. Personalize your style — styl a branding

První krok konfiguruje vzhled a branding karty:

• Card logo — logo vaší firmy (nahráno ze souboru nebo vloženo ze schránky).
• Card name — název karty (např. Morning Bean, Beauty Salon Loyalty, Free Pizza Club). To je to, co zákazník vidí v peněžence Wallet.
• Smart contrast colors — přepínač pro automatický výběr kontrastních barev (doporučeno, pokud si nejste jisti svou paletou). Při zapnutí systém automaticky upraví barvy, pokud se prolínají.
• Page Background — barva pozadí stránky karty.
• Stamps block — pozadí samotného bloku razítek, přepínání mezi Color (plná barva) a Image (nahraný obrázek — např. fotografie kávových zrn pro kavárnu).
• Customize font (web only)? Yes! — přizpůsobení písma (platí pouze pro webový náhled; Wallet používá systémové písmo).

Pravidlo palce pro dobrý design karty: logo musí být čitelné v malé velikosti; pozadí by mělo být plné nebo nízkokontrástní, jinak jsou razítka špatně čitelná. Před zveřejněním vždy klepněte na View as Customer a zkontrolujte, jak karta vypadá na reálné obrazovce telefonu.

---

5.2 Krok 2. Add Visuals — konfigurace razítek

Tento krok konfiguruje vzhled razítek:

• Set total stamps — celkový počet razítek na kartě (např. 8). To je konečný cíl — když zákazník dosáhne tohoto počtu, spustí se odměna.
• Stamp Icon — ikona razítka. Nahráno samostatně pro stavy Active (vyplněný) a Inactive (prázdný). Pěkný trik je použít ikonu vašeho hlavního produktu (šálek kávy, pizza, nůžky) pro aktivní stav a šedou verzi stejného obrázku pro neaktivní.
• Border Colors — barva ohraničení razítek pro aktivní a neaktivní stavy.
• Background Colors — barva pozadí razítek pro aktivní a neaktivní stavy.

Karta s 8 razítky je ideální pro kavárny a rychlé služby. Pro prémiové služby (salóny, restaurace) je typické 4–6 razítek. Pro časté nákupy (pekárny, fast food) — 10–12. Nepřekračujte 15 — motivace klesá a voucher začíná připadat nedostupný.

---

5.3 Krok 3. Build Your Journey — odměny a Milestone Rewards

Nejdůležitější krok. Zde rozhodujete, co zákazník dostane a jak to získá.

Reward Icon

Ikona odměny (aktivní / neaktivní) — zobrazena v posledním políčku karty místo standardního razítka.

Reward format

Přepínač tří možností: Award | Voucher | Lottery. To jsou tři typy odměn — každý má svou vlastní Sekci 6. Stručně:

• Award — okamžitý textový dárek („Káva zdarma”). Jednoduchý a rychlý.
• Voucher — Smart Voucher s vlastním životním cyklem a volitelným kódem pro uplatnění.
• Lottery — losování z fondu variant s pravděpodobnostmi.

Reward Title

Text konečného dárku (např. Káva zdarma, Barvení vlasů L'Oréal zdarma, 50% sleva na výměnu pneumatik). To je to, co zákazník uvidí po celé cestě — v peněžence Wallet i v náhledu.

Optional Settings

Otevírá vyskakovací okno Optional reward settings s dalšími parametry odměny. Obsah závisí na vybraném typu (viz Award, Voucher, Lottery).

Jak zákazníci získávají razítka — pravidlo razítkování

Přepínač: Per order | By amount.

• Per order — jedno razítko za lístek / objednávku, bez ohledu na výši. Jednoduché a jasné, vhodné pro většinu kaváren a salónů.
• By amount — jedno razítko za N měnových jednotek v lístku (např. 1 razítko za 10 €). Vhodné pro restaurace a maloobchod s variabilní výší útraty — pobízí zákazníky k növění košíku. Vyžaduje předání výše lístku do 7stamp (přes integraci pokladny nebo Receipt QR).

Do you want to add milestone rewards? Yes!

Tento odkaz promění kartu s jedním cílem v Milestone Rewards — kartu s několika průběžnými dárky. Například: 3 razítka → malý dárek, 6 → střední, 9 → konečná odměna. Podrobnosti v Sekci 6.4.

---

5.4 Krok 4. Additional settings — narozeniny a Geo-fence

Tento krok otevírá automatizace — věci, které fungují bez vašeho zapojení po zveřejnění karty.

Birthday Rewards

• Enable birthday greetings — Ano / Ne.
• Greeting message — text pozdravu (např. Všechno nejlepší k narozeninám! 🎉).
• Congratulations before N days — kolik dní před narozeninami odeslat pozdrav (0 = v den narozenin, 3 = tři dny předem).
• Give birthday voucher — Ano / Ne. Pokud Ano — voucher je automaticky vydán spolu s pozdravem.

Datum narozenin se sbírá z zákazníkovy karty — zákazník ho může nastavit při přihlašování nebo později na stránce karty.

Geo-fence notification — geolokační upomínky

V Geo-fence notification je ve výchozím nastavení prázdno: „Zatím nemáte žádné lokace”. Klepněte na + Add location — otevře se vyskakovací okno Add location:

• Store address — zadejte adresu provozovny (např. Praha, Václavské náměstí 1). Google Maps navrhuje při psaní.
• Na mapě se zobrazí ukazatel; zpřesněte místo. Souřadnice jsou zaznamenány automaticky.
• Message — text oznámení, které zákazník dostane, když je poblíž (např. Jste poblíž! Zastavte se na ranní kávu ☕).

Můžete přidat několik lokací — geo-fence se spustí pro kteroukoli z nich.

Pozor. Geo-oznámení fungují pouze v případě, že zákazník povolil geolokaci a push oznámení ve Wallet. Nepoužívejte tento kanál pro agresivní promo — udržujte tón vřelý a nevtíravý.

---

5.5 Krok 5. Result — konečná regenerace karty

V posledním kroku vidíte konečný náhled karty a tlačítko Regenerate Stamp Card.

• Při vytváření nové karty tlačítko jednoduše zveřejní kartu — po stisknutí se karta zobrazí v galerii Stamp Cards a QR kód začne fungovat.
• Při úpravě existující karty Regenerate Stamp Card použije všechny změny a aktualizuje design na každé již vydané zákaznické kartě (přes aktualizaci Wallet push). Změny barev, textu a ikon se zákazníkům dostanou automaticky.

Důležité o úpravách. Nebojte se měnit design — zákazníkům se aktualizuje. Ale neměňte základní mechaniku (počet razítek, typ odměny) na živé kartě: to mate stávající účastníky. Pokud potřebujete jinou mechaniku, vytvořte novou kartu a tu starou archivujte.

---