twisto-strip-widget | Twisto Documentation

A sticky banner fixed to the top of the page. It promotes Twisto across your entire e-shop — visitors see it on every page without any placement on individual product pages. Clicking the banner opens the Twisto info modal. The visitor can dismiss the strip using the close button, which fires a twisto-strip-widget:closed event you can listen to.

Step 1: Add this script to the page ⬇️

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

Step 2: Insert the widget, typically just inside <body> ⬇️

Pay in 30 days:

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

Pay in 3:

<twisto-strip-widget product="pay-in-3" language="en"></twisto-strip-widget>

Paid BNPL:

<twisto-strip-widget product="paid-bnpl" language="en"></twisto-strip-widget>

BNPL + Pay in 3 combination — set product="combination" and add combination="bnpl+pay-in-3":

<twisto-strip-widget
  product="combination"
  combination="bnpl+pay-in-3"
  language="en"
></twisto-strip-widget>

Colored variant — purple background, always uses white text and logo:

<twisto-strip-widget
  product="pay-in-30-days"
  variant="colored"
  language="en"
></twisto-strip-widget>

Examples

Pay in 30 days — white variant

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

Pay in 30 days — colored variant

<twisto-strip-widget product="pay-in-30-days" variant="colored" language="en"></twisto-strip-widget>

BNPL + Pay in 3 combination

<twisto-strip-widget
  product="combination"
  combination="bnpl+pay-in-3"
  language="en"
></twisto-strip-widget>