Pay in 3, Pay in 4 widget: configuration

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

Settings

Attribute	Accepted value	Description
frequency-number	30	Must be 30
number-of-installments	3 \| 4	Can be 3 or 4

Settings usage

Frequency Number

Number of days between each installment. Scalapay only works with attribute 30 with Pay in Installments.

frequency-number={frequency-number}

Number Of Instalment

Number of the payments with Scalapay. Scalapay only works with attribute 3 and 4 with Pay in Installments.

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

Full Example

<!doctype html>
<html>
  <head>
    <title>Scalapay Widget Pay in 3</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='30'
      number-of-installments='3'
      hide='false'
      hide-price='false'
      min='5'
      max='1500'
      amount-selectors='["#price-container"]'
      currency-position='before'
      currency-display='symbol'
      logo-size='100'
      theme='primary'
      locale='en'
    ></scalapay-widget>
  </body>
</html>

<!doctype html>
<html>
  <head>
    <title>Scalapay Widget Pay in 4</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='30'
      number-of-installments='4'
      hide='false'
      hide-price='false'
      min='0'
      max='2000'
      amount-selectors='["#price-container"]'
      currency-position='before'
      currency-display='symbol'
      logo-size='100'
      theme='primary'
      locale='en'
    ></scalapay-widget>
  </body>
</html>