Po dokončení tohto návodu budete vedieť, čo je produkt, ako ho vytvoriť, ako dať na svoj web tlačidlo Pokladne a čo sa deje potom – objednávky, potvrdzovacie e-maily, vrátenia platieb a voľba, ktorú máte pri poukazoch pri vrátení. Všetko o poukazoch (ručné rozdávanie kódov, platnosť, uplatnenie) nájdete v Poukazy.
Čo budete potrebovať
- Prístup na úpravu webu, na ktorom bude tlačidlo Pokladne.
- Platobnú bránu nastavenú v Nastavenia → Platobné brány – produkt môžete zostaviť skôr; pokladňa sa spustí až po pripojení brány.
- Asi 10 minút.
- Jeden produkt nastavený s cenou a menou
- Tlačidlo Pokladne spustené na vašom webe
- Prvú skúšobnú objednávku vo svojej administrácii, s potvrdzovacími e-mailmi odoslanými vám aj hosťovi
Čo je produkt?
Produkt je niečo, čo predávate za pevnú cenu v jednej mene. Každé tlačidlo Pokladne predáva jeden produkt a hosť si vyberie, koľko chce. Zaplatí online cez vašu platobnú bránu, objednávka pristane vo vašej administrácii a e-mail dostanete vy aj hosť.
Dnes sú dva typy produktov:
- Fyzický alebo digitálny produkt – fyzická alebo digitálna položka. Bežný jednorazový predaj.
- Darčekový poukaz – pri každom kúpenom vytvorí darčekový kód (napr.
SUNNY-RDX9-RPMS). Všetko o poukazoch nájdete v Poukazy.
A dva spôsoby oceňovania produktu:
- Jedna cena – jedna cena za kus. Hosť vyberie množstvo a celok je cena × množstvo. Použite pri položke s pevnou cenou (fľaša za 1 800 CZK, poukaz za 500 CZK).
- Možnosti – viac riadkov, každý s vlastným názvom, voliteľným popisom a cenou. Hosť vyberie množstvo pri každom riadku (napr. Dospelý — 1 000 CZK ×2, Dieťa — 500 CZK ×1) a celok sa sčíta. Použite pri úrovniach alebo variantoch – alebo pri produkte-poukaze, ktorý z jedného tlačidla predáva viac hodnôt.
Krok 1: Vytvorte svoj prvý produkt
Bočné menu → Produkty → kliknite na + navrchu panela. Otvorí sa formulár nového produktu:
| Pole | Čo robí |
|---|---|
| Názov | Zobrazuje sa na tlačidle Pokladne, v zozname objednávok a v potvrdzovacích e-mailoch. |
| Typ | Fyzický alebo digitálny produkt (fyzická alebo digitálna položka) alebo Darčekový poukaz (darčekový kód – pozrite Poukazy). |
| Krajina / Mena | Vyberte krajinu a mena sa vyplní. Musí zodpovedať tomu, čo vaša platobná brána podporuje. |
| Režim oceňovania | Jedna cena (jedna cena za kus) alebo Možnosti (viac riadkov, každý s vlastným názvom, popisom a cenou). Pozrite „Čo je produkt?“ vyššie. |
| Cena (jedna cena) | Cena za kus (napr. 1890 za 1 890 CZK). |
| Možnosti (režim možností) | Pridajte aspoň jeden riadok. Názov a popis sú voliteľné; cena je povinná a aspoň jedna možnosť musí byť nad 0. |
| Nastavenia poukazu (len poukazy) | Predpona kódu (1 – 8 písmen/číslic, voliteľné) a Platnosť (dni) (prázdne = nikdy nevyprší). |
Kliknite na Vytvoriť produkt. Dostanete sa na detailnú stránku produktu s časťami pre základné údaje, platby, limity množstva, upozornenia a (pri poukazoch) nastavenia kódu.
Platby majú vlastnú časť. Ak ste ešte nepripojili bránu, poznámka vás odkáže do Nastavenia → Platobné brány – verejná pokladňa sa nespustí, kým nie je nastavená, ale zvyšok produktu môžete dokončiť skôr.
Krok 2: Nastavte tlačidlo Pokladne
Samotný produkt je len položka v zozname – hostia ho kupujú cez tlačidlo Pokladne. Na detailnej stránke produktu otvorte Pokladne a kliknite na Pridať pokladňu.
Stránka pokladne má tri časti – Názov a jazyk, Vzhľad a Kód na vloženie:
| Nastavenie | Čo robí |
|---|---|
| Názov | Označenie len pre vás, aby ste rozlíšili niekoľko tlačidiel. |
| Jazyk | Nastaví jazyk tohto tlačidla a prepíše predvolený jazyk produktu. |
| Text tlačidla | Text na tlačidle (napr. Objednať, Kúpiť poukaz). |
| Primárna farba | Akcentová farba tlačidla a okna. |
| Režim | Svetlé alebo tmavé okno. |
| Pozadie | Biele / čierne / priehľadné – aby ladilo so stránkou okolo. |
| Veľkosť | Malé / stredné / veľké tlačidlo. |
| Typ vloženia | Ako sa tlačidlo zobrazí na vašom webe: Tlačidlo (hotové štylizované tlačidlo, ktoré vložíte na stránku), Skript (tlačidlo nakreslíme za vás) alebo Iframe (priamo vložíte našu stránku pokladne). Ukladá sa pri každom tlačidle; zoznam Pokladne ukazuje, ktorý typ každé používa. |
| Vlastné polia okna | Pridajte polia na opýtanie sa na adresu doručenia, darčekovú správu alebo čokoľvek iné – rovnaký editor polí ako pri rezervačných formulároch. |
Limity množstva (najnižšie, predvolené, najvyššie) sa nastavujú pri produkte, nie pri tlačidle – jedna sada platí pre každé tlačidlo Pokladne daného produktu.
Uložte pokladňu. Časť Kód na vloženie potom ukáže váš kód na vloženie (pozrite ďalší krok) a odkaz Zobraziť verejnú ukážku, ktorý otvorí živú pokladňu v novej karte.
Krok 3: Dajte tlačidlo na svoj web
Vyberte Typ vloženia v časti Kód na vloženie pokladne. Úryvok vpravo sa zmení podľa toho – skopírujte ho a vložte do HTML svojho webu tam, kde chcete mať tlačidlo.
Tlačidlo (odporúčané) – hotové štylizované tlačidlo s nastaveniami vzhľadu zabudovanými priamo v ňom. Vložte ho a vzhľad prípadne upravte. Najlepšie, ak chcete mať plnú kontrolu nad dizajnom.
<button data-cabintale-checkout="..." style="…">Order now</button>
<script src="https://admin.cabintale.com/widget-embed.js" async></script>
Skript (pokročilé) – tlačidlo nakreslíme za vás. Žiadna práca so štýlom, ale tlačidlo si sami nepreštýlujete.
<cabintale-root data-checkout="..."></cabintale-root>
<script src="https://admin.cabintale.com/widget-embed.js" async></script>
Iframe (jednoduché) – vložte stránku pokladne priamo do webu. Pridajte vedľa nej sprievodný skript, aby sa okno mohlo stále otvoriť na celú 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: Čo hosť vidí pri nákupe
Keď hosť klikne na tlačidlo, otvorí sa 4-krokové okno:
- Množstvo
- Produkty s jednou cenou: jedno počítadlo v rámci limitov, ktoré ste nastavili. Celok sa aktualizuje priebežne.
- Produkty s možnosťami: jedno počítadlo pre každý riadok. Celok sa sčíta naprieč riadkami a aspoň jeden riadok musí byť nad 0, aby mohol pokračovať.
- Podrobnosti – všetky polia, ktoré ste pridali (e-mail, adresa doručenia, darčeková správa). Povinné polia sa skontrolujú predtým, než môže ísť ďalej.
- Kontrola – zhrnutie objednávky s rozpisom po riadkoch (pri možnostiach) a celkovou sumou.
- Platba – platobná stránka v jazyku tlačidla. Po zaplatení sa vráti späť a okno potvrdí Objednávka prijatá.
Pri produktoch-poukazoch krok po úspešnej platbe uvádza darčekové kódy. Kódy odídu aj v e-maile hosťa – pozrite ďalší krok.
Krok 5: Prijímanie objednávok
Objednávky pristanú v Produkty → {produkt} → Objednávky, označené Zaplatená. Zoznam Objednávky vyzerá rovnako ako Rezervácie – meno, cena, dátum, číslo a štítok stavu – takže prepínanie medzi nimi pôsobí povedome.
- Detail objednávky ukazuje množstvo, celkovú sumu, stav platby, údaje hosťa a každé pole, ktoré hosť vyplnil.
- Časť Platby uvádza každý pokus o platbu. Pri úspešných sa zobrazí ikona vrátenia.
- Panel Vydané poukazy (len pri objednávkach poukazov) uvádza každý kód s jeho stavom, platnosťou a tlačidlom na zrušenie pri každom riadku.
- Vy dostanete e-mail o novej objednávke – upozornenie, že prišli peniaze.
- Hosť dostane potvrdzovací e-mail – potvrdenku s názvom produktu, položkami (pri objednávkach s možnosťami), celkovou sumou, poľami, ktoré vyplnil, a (pri poukazoch) kódmi zobrazenými ako štítky s kódom, hodnotou a platnosťou.
Krok 6: Ručne pošlite platobný odkaz
Ak hostovi platba zlyhala, alebo by radšej zaplatil cez chat, e-mail či telefón, môžete mu poslať odkaz priamo z objednávky:
- Otvorte časť Platby objednávky.
- Kliknite na Poslať platobný odkaz. Cabintale skopíruje platobný odkaz do vašej schránky.
- Vložte ho hosťovi. Otvorí ho a zaplatí.
- Po zaplatení sa objednávka prepne na Zaplatená a potvrdzovacie e-maily odídu ako zvyčajne.
Tlačidlo sa zobrazí, len ak má produkt platobnú bránu a objednávka ešte nie je úplne zaplatená.
Krok 7: Vrátenia platieb – a čo sa stane s poukazmi
Vrátenia platieb fungujú rovnako ako pri rezerváciách. V časti Platby objednávky:
- Kliknite na tlačidlo vrátenia pri úspešnej platbe.
- Zadajte sumu (celú alebo čiastočnú) a kliknite na Spustiť.
- Cabintale pošle 6-miestny kód na e-mail vašej administrácie – zadajte ho do okna na potvrdenie.
- Vaša platobná brána vrátenie spracuje a zobrazí sa ako záporný riadok v Platbách.
Ak má objednávka zaplatené poukazy, Cabintale sa potom opýta, čo s nimi urobiť: Zrušiť všetky poukazy alebo Ponechať poukazy.
- Zrušiť všetky – každý poukaz v objednávke prestane fungovať; držiteľ ho nemôže uplatniť.
- Ponechať – poukazy zostanú platné; mení sa len platba objednávky.
Rovnakú voľbu dostanete, keď objednávku zrušíte (nastavíte jej stav na Zrušená a uložíte) alebo odstránite.
Zrušenie a uplatnenie poukazov nájdete v Poukazy.
Ručné rozdávanie poukazov
Pri produktoch-poukazoch môžete vydávať kódy bez online platby – darčekové kódy, osobné predaje, náhrady. Pozrite Poukazy → „Ručné rozdávanie poukazov“.
Obmedzenia (zatiaľ)
- Jeden produkt na tlačidlo. Zatiaľ nie je nákupný košík – jedno tlačidlo predáva jeden produkt (jeho možnosti sa stále počítajú ako jedna objednávka). Katalógy s viacerými produktmi sú plánované.
- Žiadne sledovanie zásob. Vypredané je ručný prepínač – prepnite Dostupné v záhlaví produktu, aby sa tlačidlo skrylo.
- Zatiaľ žiadne obrázky produktov – prídu so zdieľaným úložiskom médií.
- Len online platba. Produkty nemajú režim rezervácie na požiadanie.
Súvisiace návody
- Nastavenie platobnej brány – Platobné brány
- Poukazy (vydávanie, rozdávanie, platnosť, uplatnenie) – Poukazy
- Vrátenia platieb a storná (rovnaký postup ako pri objednávkach) – Vrátenia platieb a storná
- Vlastný rezervačný formulár (rovnaký editor ako pri poliach Pokladne) – Vlastný rezervačný formulár
- E-mailové upozornenia – E-mailové upozornenia