Pay Later configuration

The following section explains how to 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='0'
      max='2000'
      amount-selectors='["#price-container"]'
      theme='primary'
      locale='en'
    ></scalapay-widget>
  </body>
</html>