twisto-payment-widget | Twisto Documentation

Widget pro pokladnu při výběru platby. Zobrazuje všechny dostupné platební možnosti Twisto — Zaplaťte za 30 dní a Zaplaťte ve 3 — nebo jeden produkt, je-li product zadán. Obsahuje stručné vysvětlení každé možnosti a odkaz „Zjistit více".

Krok 1: Přidejte tento skript na stránku ⬇️

<script src="https://cdn.twistopay.com/widget/twisto-widget.js" async></script>

Krok 2: Vložte widget do pokladny tam, kde jsou uvedeny platební metody ⬇️

Všechny produkty — vynechejte product pro zobrazení Zaplaťte za 30 dní i Zaplaťte ve 3. Vyžaduje amount a currency:

<twisto-payment-widget
  amount="AMOUNT"
  currency="CZK"
  language="en"
></twisto-payment-widget>

Pouze Zaplaťte za 30 dní — amount ani currency nejsou vyžadovány:

<twisto-payment-widget
  product="pay-in-30-days"
  language="en"
></twisto-payment-widget>

Pouze Zaplaťte ve 3 — vyžaduje amount a currency:

<twisto-payment-widget
  product="pay-in-3"
  amount="AMOUNT"
  currency="CZK"
  language="en"
></twisto-payment-widget>

Vždy předejte cenu produktu do amount.

Čtení vybraného produktu

Widget odráží aktuálně vybraný produkt zpět do elementu prostřednictvím atributu selected-type. To vám umožňuje zjistit, kterou platební možnost zákazník zvolil.

selected-type je nastaven na "standard" při výběru Zaplaťte za 30 dní a na "pay-in-three" při výběru Zaplaťte ve 3.

Čtení vybrané hodnoty:

const selected = document.querySelector('twisto-payment-widget').getAttribute('selected-type')
// returns "standard" or "pay-in-three"

Atributy

Atribut	Popis	Typ	Výchozí hodnota
product	Produkt Twisto. Možnosti: `pay-in-30-days` nebo `pay-in-3`. Vynechejte pro zobrazení všech produktů.	String	`null`
amount	Cena produktu. Povinné při `product="pay-in-3"` nebo když je `product` vynechán.	Number	`null`
currency	Měna částky. Povinné s `amount`. Například `CZK`, `EUR`, `PLN` atd.	String	`null`
language	Jazyk. Možnosti: `cs`, `en` nebo `pl`.	String	`en`
theme	Téma. Možnosti: `light` nebo `dark`.	String	`light`
width	Šířka widgetu. Možnosti: `auto` nebo `full`.	String	`auto`
site	Cíl přesměrování. Může být `cz` nebo `pl`. Ve výchozím nastavení určeno jazykem.	String	`null`
selected-type	Pouze pro čtení. Odráží vybraný produkt — `"standard"` nebo `"pay-in-three"`. Nastavuje widget.	String	`null`

Úplný seznam dostupných atributů najdete na stránce Jak upravit widgety Twisto.

Příklady

Všechny produkty

<twisto-payment-widget amount="2000" currency="CZK" language="en"></twisto-payment-widget>

Pouze Zaplaťte za 30 dní

<twisto-payment-widget product="pay-in-30-days" language="en"></twisto-payment-widget>

Pouze Zaplaťte ve 3

<twisto-payment-widget product="pay-in-3" amount="2000" currency="CZK" language="en"></twisto-payment-widget>