Computop Integration Guide (hidden)

Introduction

This section covers the client side integration of Computop payments. The flow can be visualized as:

Select Computop payment method

To select a Computop payment method after presenting the available options to the customer, you must call the Select Payment Method endpoint and provide the paymentOptionKey corresponding to a Computop payment method.

Example Payload:

json

Copy

{"data":{"paymentOptionKey":"computop_creditcard_visa"}}

Redirect to Computop Payment Page

After a customer selects a Computop payment method during checkout, the system must initiate the Order Confirmation step. In the Computop payment flow, this step returns a redirect URL pointing to Computop’s external payment page.

The customer must then be redirected to this page using a full-page redirect to securely complete their payment. Once the payment process is finalized on Computop’s side, the customer is seamlessly redirected back to the order success page on your site through a series of secure redirects.

javascript

Copy

// call the execute endpoint
  const confirmationResponse = await fetch('https://checkout.scayle.cloud/next/api/co/v3/state/order/confirmation/execute', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': '{access-token}',
      'x-shop-id: '{shop-id}',
    },
    body: JSON.stringify({
      data: {
        paymentOptionKey: "computop_creditcard_visa",
        referer: "https://your-domain.example/checkout",
      }
    })
  });

  const redirectUrl = (await confirmationResponse.json()).orderConfirmation.redirect.url;
  window.location = redirectUrl