Invoice Element
For merchants convenience we have a Riverty Invoice Element which will show relevant and useful information about 14-day invoice 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.
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-invoice 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.
Invoice element demo
Attributes:
Slots:
<riverty-invoice language="en" theme="checkout"></riverty-invoice>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"
- Norwegian - "no"
- Dutch - "nl"
Custom text in Read More modal
Clicking on the Read More button opens a overlay modal which contains additional information about 14-day invoice.
Using slots you can have custom information in Read More modal.
Custom message must be in a div HTML tag container with slot="modal-body-inner" attribute:
<riverty-invoice language="nl">
<div slot="modal-body-inner">
<h1>Hello world!</h1>
</div>
</riverty-invoice>
