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/[email protected]/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,
// then start the payment (open the modal) with the id of the created payment
inPage.startPayment({
  paymentId: payment.id,
});

The complete flow looks like this :

Going further

Read the full documentation to learn more about InPage API.