Skip to content

Payment link

If you want to share a link to easy and convenient payment form with your customer, you can generate one that could be distributed in the channel of your choice (like email or text message).

We will provide you with the URL link and QR code leading to the payment page. For more details on QR payment flow, please visit QR Payments page.

The process is consisting of the following steps:

sequenceDiagram
  autonumber
  participant Customer
  participant Merchant Service
  participant Checkout

  Merchant Service->>+Checkout: Request payment link
  Checkout-->>-Merchant Service: Payment link (URL or QR Code)

  Merchant Service->>+Customer: Share payment link
  activate Customer

  Customer->>+Checkout: Follow payment link
  Checkout-->>-Customer: Payment page (merchant's or AltaPay's default)

  Customer->>+Checkout: Initialize payment from QR and inject payment methods
  Checkout-->>-Customer: Order details and available payment methods

  Customer->>+Checkout: Select payment method and proceed with payment
  activate Checkout
  Note right of Checkout: Processing flow <br> started
  deactivate Checkout
  deactivate Customer

The merchant requests a unique payment link code for each order (1). Payment link is generated using via HTTP REST API. The payment link (2) will contain a session identifier correlated with a specific order; hence we can process all the details on our side. You can share payment link (either as URL or QR Code or both ways) with the customer.

The customer either opens the URL link directly or uses their smartphone to scan the QR code (3) shared with them which leads to the merchant's or AltaPay's default payment page (6).

3. Load payment details and available payment methods

Once the merchant's QR payment page is loaded, AltaPay JS SDK initialises payment from QR (7) and presents order details and available payment methods (8) to the customer. For more details see: initFromQR docs

4. Customer selects payment method and proceeds with payment

Now, the customer can select the payment method and proceed with the payment (9) in the same way as regular checkout flow.