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>
Updated 3 months ago