AccessCheckout Integration
Use this feature to enable checkout Web SDK integration at checkout level. AccessCheckout Web SDK integration enables you, the merchant to take payments and still qualify for SAQ-A – the lowest PCI compliance level – with Worldpay Web SDK.
Main configuration
Do the following:
- Go to Stores > Configuration > Sales > Access Worldpay and under Credit Cards, fill the following details:
| Features | Expected Value | Description |
|---|---|---|
| Integration Mode | AccessCheckout (Web SDK) | Integrates the Worldpay web SDK for credit card payments. |
| Test WebSDK URL | https://try.access.worldpay.com/access-checkout/v1/checkout.js | Provide this test websdk URL for Worldpay websdk integration. |
| Live WebSDK URL | https://access.worldpay.com/access-checkout/v1/checkout.js | Provide this live websdk URL for Worldpay websdk integration. |
Access Checkout Shopper Journeys
Shoppers can use the Worldpay WebSDK to place an order on the checkout page. They can also access features to save the card and use a saved card to place orders.
There are four shopper journeys:
Guest shopper
For a guest shopper, the form appears similar to the screenshot below:
Here's what happens:
The shopper enters their card details and clicks Pay Now
If the transaction is successful, the shopper is redirected to a success page.
Shopper registers card details
This is the case of a first-time shopper who wants to register their card details, and you have enabled the Saved card feature. The shopper sees the form below for payment:
The shopper selects the Save This Card checkbox to save the card details.
The shopper enters their card details and clicks the Pay Now button. The details are available under the My Account > Saved Cards section. The shopper can use this saved card to place orders in future.
If the transaction is successful, the shopper is redirected to a success page.
Shopper with a saved card
This journey shows how simple and fast a saved card transaction is.
To use the saved card, during the checkout under the credit cards section, the shopper selects Use Saved Card.
The shopper selects the saved card they want to use. It appears with the first four and last four digits on the screen as well as the expiry date.
The shopper enters the CVC number for the card.
After a successful transaction the shopper is taken to a success page.
CVC disabled
If you, the merchant, has disabled the Require CVC setting, shoppers can place their orders with the Use Saved Card feature in the quickest way possible.
Shoppers select the saved card and clicks the Pay Now button.
After a successful transaction the shopper is taken to a success page.
Note: If 3DS Flex is enabled, when shoppers click the Pay Now button, they are redirected to a challenge page. When they answer the challenge and the transaction is successful, they are redirected to a success page.
