Pay Later widget: configuration

Here you can find details to how correctly configure the widget attributes for the Pay Later products.

Settings

Attribute	Suggested value	Description
frequency-number	14	Number of days for the payLater. This number could change based on market and on merchant. All the reference of the days in the text and modal need to be dynamic.
number-of-installments	1	Must be 1
theme	primary \| variant	Theme to apply to widget

Settings usage

Frequency Number

Number of days between each installment. Scalapay only works with attribute 14 with Pay Later.

frequency-number={frequency-number}

Number Of Instalment

Number of the payments with Scalapay. Scalapay only works with attribute 1 with Pay Later.

number-of-instalment={number-of-instalment}

Theme

Theme to apply to widget

theme={'primary' | 'variant'}

Next, we show the images of the different logos proposed by Scalapay for Pay Later:
Theme primary

Theme variant

Full Example

<!doctype html>
<html>
  <head>
    <title>Scalapay Widget Pay Later</title>
    <script type="module" src="https://cdn.scalapay.com/widget/v3/js/scalapay-widget.esm.js"></script>
    <script nomodule src="https://cdn.scalapay.com/widget/v3/js/scalapay-widget.js"></script>
  </head>
  <body>
    <div id="price-container">€ 100.00</div>
    <scalapay-widget
      frequency-number='14'
      number-of-installments='1'
      hide='false'
      min='5'
      max='1500'
      amount-selectors='["#price-container"]'
      theme='primary'
      locale='en'
    ></scalapay-widget>
  </body>
</html>