Riverty Logo

Menu

Please select your page

Pay in X Element

For merchants convenience we have a Riverty Pay in X Element which will show relevant and useful information about Pay in X to the customer before the checkout stage. This will ensure that the customer is aware of payment possibility with Riverty which could lead to a purchase decision. Pay in X let's the customer pay in equally split instalments with no interest and other fees.

To include this component to your webpage please ensure you have the following Riverty CDN scripts present in page HTML head tag:

<script type="module" src="https://cdn.bnpl.riverty.io/elements/v1/build/riverty-elements.esm.js" async="true"></script>
<script nomodule src="https://cdn.bnpl.riverty.io/elements/v1/build/riverty-elements.js" async="true"></script>

Then. you can use riverty-split custom element snippet where the it should be displayed. Note: this element acts as a div and takes up a whole row in its parent container, also it is responsive and will change size based on the screen size.

Pay in X element demo

Attributes:

<riverty-split language="en" theme="green" amount="150" split-in-parts="3" show-offer="true"></riverty-split>

Output:

Choosing the language

HTML attribute 'language' should correspond to the language that the customer is using currently.

Supported languages:

  • English - "en"
  • German - "de"
  • Finnish - "fi"
  • Swedish - "sv-SE"
  • Danish - "da"
  • Dutch - "nl"

Custom payInX obj

If you would like to populate easily you can choose pass into the "payInX" a json fallowing the example next.

{
  "payInX": [
    {
      "installmentNumber": 1,
      "dueDate": "2023-02-01T00:00:00.000Z", // should be 30 days from now
      "dueAmount": 11.66
    },
    {
      "installmentNumber": 2,
      "dueDate": "2023-03-01T00:00:00.000Z", // should be 60 days from now
      "dueAmount": 11.66
    },
    {
      "installmentNumber": 3,
      "dueDate": "2023-04-01T00:00:00.000Z", // should be 90 days from now
     }
}
Riverty 2022