@alma/in-page

What is InPage?

InPage is a payment method that allows you to integrate the Alma experience directly into your website.

Setup

JS

<script src="https://cdn.jsdelivr.net/npm/@alma/in-page@2.x/dist/index.umd.js"></script>

Create the container

<div id="alma-inpage"></div>

Basic example

const inPage = Alma.InPage.initialize({
  merchantID: "merchantID",
  selector: "#alma-inpage",
  amountInCents: 10000, // 100€
  installmentsCount: 3,
});
// When your customer clicks on `pay` button, call the API to generate a payment
// Start the payment (open the modal)
inPage.startPayment({
  paymentID: "paymentID",
});

The complete flow looks like this :

Going further

Read the full documentation to learn more about InPage API.