Roqqett Pay

A payment solution that sits alongside other payment options on your online store checkout

Overview

The 1st product of the Roqqett Range to create a seamless one-tap journey to checkout.

Built for every shopping experience, Roqqett Pay places your customer’s mobile phone at the heart of the checkout journey, allowing them to pay the way they want to.

For customers this will be a 'Button' they press to complete their order. The best part? No fields to fill out, no card numbers to type in, just a tap with their banking app.

Payment Flow

(click to enlarge)(click to enlarge)

(click to enlarge)

The process of initiating and completing a Roqqett Pay payment consists of these steps:

Steps 1-3
The consumer reaches your checkout payment page and you present the Roqqett payment button. The consumer then clicks the Roqqett button which initiates the checkout session and is navigated to a Roqqett-hosted page.
NB: The Roqqett button opens a full screen overlay that encapsulates the payment journey and prevent the users from editing their basket on your site.

Steps 4-7
This is the core part of the payment flow where the user must select a bank (if saved bank not right), navigate to and authenticate with their bank, and ultimately authorise the payment. This flow can take place either in the Roqqett App or in a Roqqett supported browser.
NB: If payment starts on a desktop browser, then user is offered several options to complete the journey; either stay on desktop or preferably on a device where they banking app is install. For the latter, a QR code, link via SMS, or push notification (app only) are offered to transfer the consumer onto their mobile device for the faster journey that integrates seamlessly with their banking app(s).

Steps 8-10
If the consumer authorises the payment, they are navigated back to Roqqett, which then displays the Dynamic receipt and informs your site, via webhook, of the successful payment.
If the consumer cancels the payment, they are navigated back to Roqqett, which gives the user the option to retry the payment with a different bank or return to your site. If they select the latter, Roqqett informs your site, via webhook, that the payment was cancelled.

Go here to see how this compares to the more comprehensive Roqqett Checkout flow.

Set up guide

Before you begin

Create a Roqqett Pay instance for your business

Log into the Roqqett portal (info / link) and go to the page using lefthand menu. Click the create checkout, provide the required fields

  • Name - this is free text but will be used in payments table to identify payments
  • Return URL - (important) the URL where we should send the consumer after successful payment - typically the order confirmation page on a eCommerce store.
  • Webhook URL - (important) the URL of the endpoint where Roqqett should send payment Webhooks. If using a plugin, this URL will be displayed on setting screen.
  • Collect user details - leave this unticked

Press next and then tick and configure the features you want to utilise to enhance your post-sale consumer experience. Finally, press save. For more details, see Parcel tracking and Refund info & countdown.

Integrate Roqqett Pay with your checkout page

Regardless of whether you integrate using a plugin or Javascript, the key thing is to use the correct

  • Checkout ID - the ID of the checkout created in previous step - and
  • API secret - the secret you created when setting up your API Authentication

Once you have confirmed, follow the appropriate instructions for the integration type you are implementing.

Decide to display the cart items

You have the choice whether to display the contents of a consumers cart to them in Roqqett Pay. In doing so, the consumer will continue to have visibility of their cart up until payment authorisation.

If making this information visible is important for you, then you can easily achieve this by passing over the cart contents to Roqqett when creating the checkout session using the basket parameter on the /carts endpoint.

Confirm payments are working

Once you have integrated the last thing to do before going completely live, is to make some small denomination payments on your site and check they flow through your portal and bank account to ensure everything is in order. The Roqqett crew will be there to help you through any testing and service assurance activities.

❗️

Production environment only

Currently there is not a test environment, so please exercise care when testing.
We are working hard to release a test environment soon, so watch out for comms on developments.

Roqqett has extensively tested the bank integration and payment flows. We recommend testing your deployment with a small payment amount to check everything is working as expected.


Any questions? Ask us via chat here (bottom right) or on our help center.

Did this page help you?