Po dokončení tohoto návodu budete vědět, co je produkt, jak ho vytvořit, jak dostat tlačítko Checkout na váš web a co se děje pak — objednávky, potvrzovací e-maily, vrácení peněz a volba, kterou u voucherů dostanete při refundu. Pro vše kolem voucherů (vlastní vystavení kódů, platnost, uplatnění) viz Vouchery.
Co budete potřebovat
- Přístup k úpravám webu, kam tlačítko Checkout vložíte.
- Platební bránu v Nastavení → Platby — produkt můžete vytvořit i bez ní; checkout se zveřejní, jakmile bránu připojíte.
- Asi 10 minut.
- Jeden produkt s cenou a měnou
- Tlačítko Checkout živě na vašem webu
- První testovací objednávku ve správě, plus potvrzovací e-maily pro vás i hosta
Co je produkt?
Produkt je něco, co prodáváte za pevnou cenu v jedné měně. Každé tlačítko Checkout prodává jeden produkt a host si zvolí množství. Zaplatí online přes vaši platební bránu, objednávka přistane ve správě a vám i hostovi přijde e-mail.
Dnes jsou k dispozici dva typy produktů:
- Produkt — fyzické nebo digitální zboží. Běžný jednorázový prodej.
- Voucher — vytvoří dárkový kód pro každý zakoupený kus (např.
SUNNY-RDX9-RPMS). Vše kolem voucherů viz Vouchery.
A dva způsoby, jak produkt nacenit:
- Jedna cena — jedna cena za kus. Host zvolí množství, celkem = cena × množství. Vhodné pro položku s jednotnou cenou (láhev za 1 800 Kč, voucher na 500 Kč).
- Možnosti — více řádků, každý s vlastním názvem, volitelným popisem a cenou. Host zvolí množství na řádek (např. Dospělý — 1 000 Kč ×2, Dítě — 500 Kč ×1) a součet se sčítá. Vhodné pro tiery či varianty — nebo pro voucherový produkt, který z jednoho tlačítka prodává několik hodnot.
Krok 1: Vytvoření prvního produktu
V postranní nabídce → Produkty → klikněte na + nahoře na liště. Otevře se formulář:
| Pole | Co dělá |
|---|---|
| Název | Zobrazuje se na tlačítku Checkout, v seznamu objednávek a v e-mailech. |
| Typ | Produkt (fyzické nebo digitální zboží) nebo Voucher (dárkový kód — viz Vouchery). |
| Země / Měna | Vyberte zemi a měna se předvyplní. Musí být podporovaná vaší platební bránou. |
| Cenový režim | Jedna cena (jedna cena za kus) nebo Možnosti (více řádků, každý s vlastním názvem, popisem a cenou). Viz „Co je produkt?" výše. |
| Cena (jedna cena) | Cena za kus (např. 1890 pro 1 890 Kč). |
| Možnosti (režim možností) | Přidejte alespoň jeden řádek. Název a popis jsou volitelné; cena je povinná a alespoň jedna možnost musí být nad 0. |
| Nastavení voucheru (jen vouchery) | Prefix kódu (1–8 znaků, volitelné) a Platnost (dny) (prázdné = bez omezení). |
Klikněte Uložit. Otevře se detail produktu se sekcemi pro základní informace, platby, limity množství, notifikace a (u voucherů) nastavení kódů.
Platby mají vlastní sekci. Pokud zatím nemáte připojenou bránu, poznámka vás odkáže na Nastavení → Platby — veřejný checkout se nezveřejní, dokud bránu nepřidáte, ale zbytek produktu můžete dokončit.
Krok 2: Tlačítko Checkout
Samotný produkt je jen položka — hosté ho kupují přes tlačítko Checkout. Na detailu produktu otevřete Checkouts a klikněte Přidat checkout.
Stránka checkoutu má tři sekce — Identita, Vzhled a Vložení:
| Nastavení | Co dělá |
|---|---|
| Název | Popisek jen pro vás, ať odlišíte více tlačítek. |
| Jazyk | Nastaví jazyk tohoto tlačítka a přebije výchozí jazyk produktu. |
| Text tlačítka | Viditelný text (např. Objednat, Koupit voucher). |
| Hlavní barva | Barva tlačítka a akcentu dialogu. |
| Režim | Světlý nebo tmavý dialog. |
| Pozadí | Bílé / černé / průhledné — sladit s okolní stránkou. |
| Velikost | Malé / střední / velké tlačítko. |
| Typ vložení | Jak se tlačítko na webu objeví: Tlačítko (hotové stylované tlačítko, které vložíte na stránku), Skript (tlačítko vykreslíme za vás), nebo Iframe (vložíte naši checkout stránku přímo dovnitř). Uloženo per checkout; seznam Checkoutů ukazuje, který každý používá. |
| Vlastní pole dialogu | Přidejte pole pro adresu doručení, dárkovou zprávu nebo cokoli dalšího — stejný editor polí jako u rezervačních formulářů. |
Limity množství (nejméně, výchozí, nejvíce) se nastavují na produktu, ne na tlačítku — jedna sada platí pro všechna tlačítka daného produktu.
Uložte. Sekce Vložení pak ukáže váš kód k vložení (viz další krok) a odkaz Zobrazit veřejný náhled, který otevře živý checkout v novém panelu.
Krok 3: Vložení tlačítka na váš web
V sekci Vložení detailu checkoutu zvolte Typ vložení. Snippet vpravo se aktualizuje podle volby — zkopírujte ho a vložte do HTML svého webu tam, kde tlačítko chcete.
Tlačítko (doporučeno) — hotové stylované tlačítko s vašimi vzhledovými volbami zapečenými uvnitř. Vložte ho a vzhled případně doupravte. Nejlepší, když chcete plnou kontrolu nad designem.
<button data-cabintale-checkout="..." style="…">Objednat</button>
<script src="https://admin.cabintale.com/widget-embed.js" async></script>Skript (pokročilé) — tlačítko vykreslíme za vás. Žádný styling, ale tlačítko si sami nepřestylujete.
<cabintale-root data-checkout="..."></cabintale-root>
<script src="https://admin.cabintale.com/widget-embed.js" async></script>Iframe (jednoduché) — vložte naši checkout stránku přímo na web. Přidejte k němu doprovodný skript, aby se dialog mohl otevřít přes celou obrazovku.
<iframe src="https://admin.cabintale.com/checkout/..." style="border:none; width:100%; min-height:80px"></iframe>
<script src="https://admin.cabintale.com/widget-dialog.js" async></script>Krok 4: Co host vidí při nákupu
Po kliknutí na tlačítko se otevře 4krokový dialog:
- Množství
- Produkty s jednou cenou: jeden krokový volič v rámci limitů, které jste nastavili. Součet se aktualizuje živě.
- Produkty s možnostmi: jeden krokový volič na řádek. Součet se sčítá napříč řádky a aspoň jeden řádek musí být nad 0, aby šlo pokračovat.
- Údaje — pole, která jste přidali (e-mail, adresa doručení, dárková zpráva). Povinná pole se kontrolují, než lze pokračovat.
- Shrnutí — souhrn objednávky s rozpisem za řádek (u možností) a celkovým součtem.
- Zaplatit — platební stránka v jazyce tlačítka. Po zaplacení se host vrátí a dialog potvrdí Objednávka přijata.
U voucherových produktů se na úspěšném kroku zobrazí dárkové kódy. Kódy zároveň odejdou hostovi e-mailem — viz další krok.
Krok 5: Příjem objednávek
Objednávky padají do Produkty → {produkt} → Objednávky označené jako Zaplaceno. Seznam objednávek vypadá stejně jako Rezervace — jméno, cena, datum, reference a stavový pill — takže přepínání mezi nimi je povědomé.
- Detail objednávky ukazuje množství, celkem, stav platby, údaje hosta a všechna vyplněná pole.
- Sekce Platby vypisuje každý pokus o platbu. Na úspěšných je ikona pro vrácení.
- Panel Vystavené vouchery (jen u voucherových objednávek) vypisuje každý kód se stavem, platností a tlačítkem pro zrušení na řádku.
- Vám přijde e-mail o nové objednávce — upozornění, že přišla platba.
- Hostovi přijde potvrzovací e-mail — účtenka s názvem produktu, jednotlivými položkami (u režimu možností), celkem, vyplněnými poli a (u voucherů) kódy zobrazenými jako čipy s kódem, hodnotou a platností.
Krok 6: Odeslat platební odkaz ručně
Pokud platba selhala nebo host raději zaplatí přes chat, e-mail či telefon, můžete mu poslat odkaz přímo z objednávky:
- Otevřete sekci Platby objednávky.
- Klikněte Odeslat platební odkaz. cabintale zkopíruje platební odkaz do schránky.
- Pošlete ho hostovi. Otevře ho a zaplatí.
- Po zaplacení se objednávka překlopí na Zaplaceno a odejdou potvrzovací e-maily.
Tlačítko se objeví, jen pokud produkt má platební bránu a objednávka ještě není plně zaplacená.
Krok 7: Vrácení peněz — a co se stane s vouchery
Refundy fungují stejně jako u rezervací. Ze sekce Platby v detailu objednávky:
- Klikněte na tlačítko vrácení u úspěšné platby.
- Zadejte částku (plnou nebo částečnou) a klikněte Zahájit.
- cabintale pošle 6místný kód na váš administrátorský e-mail — zadejte ho do dialogu pro potvrzení.
- Platební brána zpracuje vrácení a objeví se jako záporný řádek v Platbách.
Pokud má objednávka zaplacené vouchery, cabintale se pak zeptá, co s nimi: Zrušit všechny vouchery nebo Ponechat vouchery.
- Zrušit všechny — všechny vouchery na objednávce přestanou fungovat; držitel je už neuplatní.
- Ponechat — vouchery zůstanou platné; mění se jen platba objednávky.
Stejnou volbu dostanete, když objednávku zrušíte (změníte stav na Zrušená a uložíte) nebo smažete.
Voucherové zrušení a uplatnění viz Vouchery.
Vlastní vystavení voucherů
U voucherových produktů můžete vystavovat kódy bez online platby — dárkové kódy, prodej naživo, komplimenty. Viz Vouchery → „Vystavte vouchery sami".
Aktuální omezení
- Jeden produkt na tlačítko. Košík zatím není — jedno tlačítko prodává jeden produkt (jeho možnosti se počítají jako jedna objednávka). Vícepoložkové katalogy jsou v plánu.
- Žádné sledování skladu. Vyprodáno je ruční přepínač — překlopte Dostupný v hlavičce produktu pro skrytí tlačítka.
- Zatím bez obrázků produktů — přijde se sdíleným úložištěm médií.
- Jen online platba. Produkty nemají režim „na žádost".
Související návody
- Nastavení platební brány — Platební brány
- Vouchery (vystavení, vlastní tvorba, platnost, uplatnění) — Vouchery
- Refundy a storna (stejný postup jako u objednávek) — Vrácení a zrušení rezervací
- Vlastní rezervační formulář (stejný editor jako pro pole Checkoutu) — Vlastní rezervační formulář
- E-mailová oznámení — E-mailová oznámení