Pay Later: configuration

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

Settings

AttributeSuggested valueDescription
frequency-number14Number 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-installments1Must be 1
themeprimary | variantTheme 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

883

Theme variant

886

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>