Submitted by Pam Fassett on Mon, 07/10/2023 - 15:46
Content

By integrating with our Adobe Commerce plugin, you'll gain access to the full range of our solutions, including PCI DSS scope reduction via Hosted Fields (Drop-In UI), credit and debit processing, Digital Wallets, Card Storage, 3D Secure, Order Management, and Fraud Management.

Specifications

  • Categories: Extensions, Payments & Security, Payment Integration
  • Platform compatibility: Open Source (CE): 2.4 (current), 2.3 (obsolete); Commerce on prem (EE): 2.4 (current), 2.3 (obsolete); Commerce on Cloud (ECE): 2.4 (current), 2.3 (obsolete)

Step 1: Installation

Access plugin

Click the button below to download this plugin and view any related documentation available.

Go to Plugin/Marketplace

Credentials

Sandbox credentials

Our Adobe Commerce plugin requires credentials to our Unified Payments gateway. Test credentials can be obtained after registering with our developer portal. Once registration is complete, the required App Key and App Id can be found under the Unified Payments Apps section of the Profile menu. For more information and instructions, see our Unified Payments Apps article.

Apple Pay credentials

To integrate with Apple Pay, you’ll need to obtain the encrypted payment credentials. To do this, follow the steps in the applicable Apple guide below:

For more Apple Pay setup information, see our Apple Pay article.

Configuration

To configure this plugin, follow these steps.

  1. Log in to the Admin panel for Adobe Commerce.
  2. Navigate to Stores > Configuration
  3. Under the Sales heading, select the Payment Methods option. 
  4. From here, you can configure the Unified Payments gateway as well as the payment methods supported by Adobe Commerce.

Settings

The Unified Payments gateway offers payment through credit and debit cards. Additional payment methods like Digital Wallets (Google PayApple Pay, and PayPal), Buy Now Pay Later (Affirm, Clearpay, and Klarna), and Bank Payment (Open Banking) can be enabled via the Unified Payments gateway. 

Unified Payments settings

The Unified Payments Settings tab allows you to enter your overall account credentials. These global settings apply to all integration types. You can enter specific credentials for different websites by changing the website scope in Adobe Commerce.

The following table describes the fields that appear on the Unified Payments Settings tab for Adobe Commerce. 

Google Pay settings

For this payment method to work, you’ll need to fully configure the Unified Payments gateway. For more information, see the Unified Payments settings section.

info

The Google Pay Settings tab allows you to enter your overall account credentials. These global settings apply to all integration types. You can enter specific credentials for different websites by changing the website scope in Adobe Commerce.

The following table describes the fields that appear on the Google Pay Settings tab for Adobe Commerce. 

Apple Pay settings

For this payment method to work, you’ll need to fully configure the Unified Payments gateway. For more information, see the Unified Payments settings section.

info

The Apple Pay Settings tab allows you to enter your overall account credentials. These global settings apply to all integration types. You can enter specific credentials for different websites by changing the website scope in Adobe Commerce.

The following table describes the fields that appear on the Apple Pay Settings tab for Adobe Commerce. 

PayPal settings

For this payment method to work, you’ll need to fully configure the Unified Payments gateway. For more information, see the Unified Payments settings section.

info

The PayPal Settings tab allows you to enter your overall account credentials. These are global settings that apply to all integration types. You can enter specific credentials for different websites by changing the website scope in Adobe Commerce.

The following table describes the fields that appear on the Settings tab. 

Affirm settings

For this payment method to work, you’ll need to fully configure the Unified Payments gateway. For more information, see the Unified Payments settings section.

info

The Affirm Settings tab allows you to enter your overall account credentials. These are global settings that apply to all integration types. You can enter specific credentials for different websites by changing the website scope in Adobe Commerce.

The following table describes the fields that appear on the Affirm Settings tab for Adobe Commerce. 

Clearpay settings

For this payment method to work, you’ll need to fully configure the Unified Payments gateway. For more information, see the Unified Payments settings section.

info

The Clearpay Settings tab allows you to enter your overall account credentials. These are global settings that apply to all integration types. You can enter specific credentials for different websites by changing the website scope in Adobe Commerce.

The following table describes the fields that appear on the Clearpay Settings tab for Adobe Commerce.

Klarna settings

For this payment method to work, you’ll need to fully configure the Unified Payments gateway. For more information, see the Unified Payments settings section.

info

The Klarna Settings tab allows you to enter your overall account credentials. These are global settings that apply to all integration types. You can enter specific credentials for different websites by changing the website scope in Adobe Commerce.

The following table describes the fields that appear on the Klarna Settings tab for Adobe Commerce.

Bank Payment settings

For this payment method to work, you’ll need to fully configure the Unified Payments gateway. For more information, see the Unified Payments settings section.

info

The Bank Payment Settings tab allows you to enter your overall account credentials. These are global settings that apply to all integration types. You can enter specific credentials for different websites by changing the website scope in Adobe Commerce.

The following table describes the fields that appear on the Settings tab.

Step 2: Test integration

Use the test card numbers below to verify that your integration was set up properly. For testing, you can use any cardholder name, any expiry date in the future, and any CVN security code.

For a full list of test cards, see our Test Cards article.

Visa
Successful
4263-9700-0000-5262
Visa
Declined
4000 1200 0000 1154

Step 3: Going live

Now that you’ve successfully installed the plugin and tested to see if it was installed properly, you’re all set to go live in the Production environment. For more information, see our Integration Validation to Go Live article.

Connect your integration for Production:

  • Input your Production App Id / App Key into your gateway configuration in the Adobe Commerce Admin panel, and enable the "Live Mode" for the Unified Payments gateway. 

Go to Production with Google Pay:

  • This payment method  shares the Sandbox/Production mode with the Unified Payments gateway.
  • Process test transactions:
    • Google does not offer test cards, so you’ll have to use real ones.
    • In Sandbox mode, our gateway allows only specific order amount values; all other values will be automatically declined. You can check the allowed values in the Google Pay section of our Test Cards article.

Go to Production with Apple Pay:

  • This payment method shares the Sandbox/Production mode with the Unified Payments gateway.
  • Process test transactions:
    • You first need to configure a Sandbox account for Apple. For information on how to create a Sandbox account and test cards, see the Apple’s Sandbox Testing article.
    • In Sandbox mode, our gateway allows only specific order amount values; all other values will be automatically declined. You can check the allowed values in the Apple Pay section of our Test Cards article.

Go to Production with PayPal:

  • This payment method shares the Sandbox/Production mode with the Unified Payments gateway.
  • Process test transactions:
    • Contact the Unified Payments team and ask them to enable PayPal for your current account.
    • Once you get redirected to the PayPal payment page, create an account and process different transactions.

Go to Production with Affirm:

  • This payment method shares the Sandbox/Production mode with the Unified Payments gateway.
  • Process test transactions:
    • Contact the Unified Payments team and ask them to enable Buy Now Pay Later for your current account (see Integration Support).
    • This payment method will be displayed at checkout only for the following currency - country cases: USD - US and CAD - CA.
    • Once you get redirected to the Affirm payment page, create an account and process different transactions.

Go to Production with Clearpay:

  • This payment method shares the Sandbox/Production mode with the Unified Payments gateway.
  • Process test transactions:
    • Contact the Unified Payments team and ask them to enable Buy Now Pay Later for your current account (see Integration Support).
    • This payment method will be displayed at checkout only for the following currency - country cases: USD - US, CAD - CA, GBP - GB, AUD - AU, and NZD - NZ.
    • Once you get redirected to the Clearpay payment page, create an account and process different transactions.

Go to Production with Klarna:

  • This payment method shares the Sandbox/Production mode with the Unified Payments gateway.
  • Process test transactions:
    • Contact the Unified Payments team and ask them to enable Buy Now Pay Later for your current account (see Integration Support).
    • This payment method will be displayed at checkout only for the following currency - country cases: USD - US, CAD - CA, GBP - GB, AUD - AU, NZD - NZ, EUR - AT, EUR - BE, EUR - DE, EUR - ES, EUR - FI, EUR - FR, EUR - IT, EUR - NL, CHF - CH, DKK - DK, NOK - NO, PLN - PL, and SEK - SE.
    • Once you get redirected to the Klarna payment page, create an account and process different transactions.

Go to Production with Bank Payment:

  • This payment method shares the Sandbox/Production mode with the Unified Payments gateway.
  • Process test transactions:
    • Contact the Unified Payments team and ask them to enable Open Banking for your current account.
    • Once you get redirected to the Bank Payment payment page, create an account and process different transactions.

Additional information

This section contains information on payment solutions such as Hosted Fields and Hosted Payment Page, risk management solutions such as 3D Secure and Fraud Management, as well as expanded features such as Card Management and Order Management.

For the Buy Now Pay Later payment methods (Affirm, Clearpay, and Klarna), additional information on checkout flow can be found in the Async Payment Methods section.

Hosted Fields

For information on our PCI DSS requirement-reducing hosted solution, Hosted Fields (Drop-In UI), see our Hosted Fields - Overview page.

Hosted Payment Page

For information on our Hosted Payment Page for Unified Payments REST API integrators, see our Hosted Payment Page - Overview page.

3D Secure

For information on our 3D Secure solutions, see our 3D Secure - Overview page. We provide a Simulator Issuer Access Control Server that allows you to test different 3D Secure scenarios. For more information, see the 3D Secure section of our Test Cards article.

Card Management

All card data is tokenized using our tokenization service.

info

Registered customers can save their card information by selecting the “Save for later use” checkbox in the checkout form. The Adobe Commerce plugin securely stores card data with us and receives a token representation of the card, which is stored in the Adobe Commerce vault, with no increased PCI compliance requirements.

  1. The customer can choose from the list of their stored cards.
    List of Visa card payment method options with Place Order button
  2. Registered customers can see their stored cards under My Account > Stored Payment Methods. They can also add new cards or delete the existing ones from here.
    List of Stored Payment Methods with Add New Card button

Async Payment Methods

This section applies to the following payment methods: Buy Now Pay Later (Affirm, Clearpay, and Klarna), Bank Payment, and PayPal (except the “Receiving the final payment status” section).

info

Because these payment methods are handled by third-party services and require further processing from these third parties, the checkout flow has some differences compared with the Unified Payments or Digital Wallets ones.

Initiate the payment

  1. When a customer clicks the Place Order button, the order is placed with a Pending Payment status.
    Order total screen with Submit Comment button
  2. Once the order has been created, an Initial Payment request type will occur.

Redirect to third-party service

If the Initiate Payment request is successful, the customer will be redirected to the third-party service to pay.

Affirm enter mobile number box and Continue button
Example of Third-Party Service Redirect

Redirect back to your website

Cancel the payment
  1. If the customer decides to cancel the payment using the option provided by the third-party service (for example, clicking the X button on top left of the screen), they will be redirected to the cart page. Also, the order that was previously created will be canceled.
    Loan request decline message with OK button
  2. The order canceling will not be processed on your website if the customer decides to leave the page using another option (for example, browser back button, browser X button, closing the tab, and so forth). Therefore, the order will still have the Pending Payment status in these cases.
    Order total screen with canceled status and Submit Comment button
Successfully completing the payment
  1. If the customer successfully completes the payment, they will be redirected to the success page.
  2. At this point, the order will still have a Pending Payment status. For more details, see the next section.

Receiving the final payment status

If you’re using Apache, you need a version greater than 2.4.47 and the following directive added to your config: SetEnv proxy-sendcl 1. Otherwise, the orders within your platform will not be updated as expected.

info
  1. Because these payment methods are asynchronous, the final transaction status might not be available immediately.
  2. Once our system gets the final status, it will notify your website.
  3. At that point, the order status will change to Processing.

Pending Payment orders

  1. In cases where the orders are stuck in a Pending Payment status, we provide a Get Transaction Details button.
    Transaction id number and Edit button
  2. Clicking the Get Transaction Details button fetches all the information about the current transaction and displays it in a pop-up window.
    Transaction details and Close button
  3. Based on the Transaction Status, you can manually cancel the order or just continue with the normal flow.

Order Management

  1. Detailed information on transaction outcome is available in the Orders section for Adobe Commerce.
  2. If the payment was successful, the order status will be set to the New Order Status configured under the relevant configuration section for us.

Create an invoice – capture a transaction

Merchants who use Authorize at checkout will authorize the funds on the customer’s card, but the transaction won’t be placed in the settlement file until we  capture it. The amount of time the funds can remain ring-fenced on the customer's card may vary between different Issuers and Acquirers. Card brands like Visa and Mastercard have their own rules regarding how long transactions can wait to be captured.

  1. To view the response returned by us, first open the order and then select the Transactions tab. Select the relevant transaction to view the details of our response.
    Transaction id number with. search button and edit button
  2. If successfully authorized, the funds will be ring-fenced on the customer’s account. When you want to include the transaction in the next settlement file (also known as a batch), you can simply send a Capture (Settle) request. When the transaction is captured with the Acquirer, the funds are deducted from the customer's account and settled into the merchant's account.
  3. At this point, if you select Invoices from the left menu, you'll see that there is no invoice associated with the order. This is because we haven't captured it yet.
  4. Click Submit Invoice to create a new invoice to be raised against this order. Here, you can review the result of the transaction before deciding to capture the funds.
    Items to invoice details with a Submit Invoice button
  5. You must select Capture Online for the request to be sent to us. Once you click Submit Invoice, a Capture request with the amount specified is sent.  
  6. Once complete, the result of the Settle request is displayed. A comment indicating the amount captured is included in the order. For example: Captured amount of £2.17 online. Transaction ID: “TRN_ULgzHnUq0IZfGpjuE20WVrG4dqMlrG_1626167155”
  7. If you select Invoices from the left menu now, you’ll see the invoice associated with the order.

Create a Credit Memo – refund a captured transaction

Once an order is successfully settled with your Acquirer, you can rebate the customer for 0% to 115% of the original order value. To do this, you must create a Credit Memo in Adobe Commerce.

Important Note: The Credit Memo must be linked to a specific invoice, not the overall order.  

  1. Navigate to Sales > Orders, and select the order you want to rebate. 
  2. Open the relevant invoice, and click Credit Memo
  3. Under Payment Information, you can review the history of the order before deciding to process the rebate.
    Items to refund details screen with a Refund Online button and a Refund button
  4. You must select Refund as opposed to Refund Offline. This will send the rebate request to us. You can edit the amount to rebate by editing the adjustment fields provided by Adobe Commerce. 
  5. Once complete, you will be returned to the Order View tab. A message indicating the outcome of the rebate request is included. A comment indicating the amount captured is included in the order. For example: We refunded £2.17 online. Transaction ID: "TRN_YSaaHfsEfOFp9UB0tlHIUkBkqzaIIJ_1626167155"

Cancel an order - void (reverse) a transaction

You can cancel a transaction before it is sent for funding. The transaction will be fully reversed. If you already captured (settled) the transaction, see the Create a Credit Memo – refund a captured transaction section. 

  1. Navigate to Sales > Orders, and select the order you want to void (reverse).
    Transaction number details screen with Edit button selected
  2. Click OK to confirm the pop-up message. This will send the Void (Reverse) request to us.
    Popup window to confirm voiding the payment
  3. Once complete, a message will display indicating the outcome of the Void (Reverse) request.
    Confirmation message that the payment has been voided
  4. A comment indicating the voided (reversed) amount is included with the order. For example: Voided authorization. Amount: $38.00. Transaction ID: "TRN_gZU2tA3oku6WGjzlS7vNmdvzFo4u0p_1643794511-void"
    Order total screen with order processing status and Submit Comment button

Fraud Management

Our Fraud Filter enables merchants to automatically Pass, Hold, or Block transactions based on the result of one or more rule results. This functionality is configured via the Fraud Management section in Ecommerce Portal.

It is important to note that any changes made to the Fraud Filter in Ecommerce Portal will impact the result returned in the API response. You will need to ensure that any changes don't adversely affect transaction processing in your application. For example:

  • If the Fraud Filter is turned off in the Ecommerce Portal, the data will not be returned in the transaction response. If the mode is changed between Active and Passive, this change will be reflected in the transaction response.
  • If a new rule is added, an additional element will be returned in the response. Similarly if a rule is deleted, the result will be removed from the response.
  • If a rule name is edited, the name will change to the new value in the response; the rule ID will remain the same.

Fraud Mode set to Active

  1. When the Fraud Response is set to Active, the action detailed in the Fraud Filter overall result will be executed.
  2. All the fraud details related to that transaction will be displayed in the Order Details page, under the Fraud Filter Result tab.
Fraud response is PASS

In this case, the transaction will pass, and it will follow the normal flow in Adobe Commerce.

Fraud response is NOT_EXECUTED

In this case, the transaction will pass, and it will follow the normal flow in Adobe Commerce. 

Fraud response is HOLD
  1. In this case, the transaction will be held and no further actions will be possible until it is released.
  2. In Adobe Commerce, the status for the transaction will be set to Held, and Transaction Management will not be available.
  3. The merchant will have only the option to Release or Cancel (only when the Payment Action is set to Authorize) that order.
  4. Once released, Transaction Management will be available.
    Transaction id number and details with option to Release or go back
Fraud Response is BLOCK
  1. In this case, the transaction will be blocked.
  2. In Adobe Commerce, the customer will receive an error saying that “Your card has been declined by the bank” and no order will be created.

Fraud Mode set to Passive

  1. When the Fraud Mode is set to Passive, all the rules will be executed, but the action in the Fraud Filter overall will not be executed.
  2. All the fraud details related to that transaction will be displayed in the Order Details page, under the Fraud Filter Result tab.
Fraud Response is PASS

In this case, the transaction will follow the normal flow in Adobe Commerce.

Fraud Response is NOT_EXECUTED

In this case, the transaction will follow the normal flow in Adobe Commerce.

Fraud Response is HOLD
  1. In this case, the status for the order will be set to Pending Review, and Transaction Management will be available.
  2. The merchant will have the option to Hold that order.
  3. If the order is held, Transaction Management will be disabled until the order is released.
    Transaction id number with multiple action options
Fraud Response is BLOCK
  1. In this case, the status for the order will be set to Pending Review, and Transaction Management will be available.
  2. The merchant will have the option to Hold that order. If the order is held, Transaction Management will be disabled until the order is released.

Fraud Mode set to Off

When Fraud Mode is set to Off, the rules will not be executed.

Holding an order
  1. The merchant will be presented with the option to Hold an order only when the status of the order is Pending Review.
  2. Once Hold is clicked, a pop-up confirmation message appears.
  3. If the merchant clicks OK, the Hold request will be executed.
  4. If the request is successful, the order status is changed to Held, a success message appears, and Transaction Management will not be available.
Releasing an order
  1. The merchant will be presented with the option to Release an order only when the status of the order is Held.
  2. Once Release is clicked, a pop-up confirmation message appears.
  3. If the merchant clicks OK, the Release request will be executed.
  4. If the request is successful, the order status is changed to Processing, a success message appears, and Transaction Management will be available.
Tags
Subtitle
Use this plugin to take payments with our hosted solution.
Show Content Nav
On
Internal Title
REST API