PayPal Payflow Pro payment method

Payflow Pro is a payment gateway that processes debit and credit card payments. It is available for customers of the United States, Canada, Australia, and New Zealand.

Other PayPal solutions have the same GraphQL workflow as Payflow Pro. The information in this topic also applies to the following PayPal solution:

• Payments Pro

If Payflow Pro has been configured to implement Express Checkout, use the PayPal Express Checkout for Payflow payment method instead.

Payflow Pro workflow

The following diagram shows the workflow for placing an order when Payflow Pro is the selected payment method.

1. On the checkout page, the customer selects Credit Card as the payment method and enters the credit card information as well as the billing and shipping addresses. When the customer clicks Place Order, the PWA client uses the setPaymentMethodOnCart mutation to set the payment method to payflowpro.

2. The mutation returns a Cart object.

3. The client runs the createPayflowProToken mutation to initiate a transaction.

4. The application requests a secure token from the PayPal gateway. The request also contains billing and shipping information, which the application extracts from the Cart object.

5. The gateway response includes a secure token, a secure token ID, and result codes and descriptions.

6. The application returns the secure token, a secure token ID, and result codes and descriptions in response to the createPayflowProToken mutation.

7. The client uses a hidden iframe to send a silent post request directly to the PayPal gateway for account verification. For live requests, send the silent post to https://payflowlink.paypal.com. Send test requests to https://pilot-payflowlink.paypal.com.

8. The gateway responds directly to the client. The response contains a payload that includes secure token information and billing and shipping information.

9. The client uses the handlePayflowProResponse mutation to send the payload to the application. The application stores this information without modifying the cart.

10. The mutation returns a Cart object.

11. The client runs the placeOrder mutation, which creates an order and begins the authorization process.

12. The application sends an authorization request to the gateway.

13. The gateway sends the response to Magento.

14. The application creates an order and sends an order ID in response to the placeOrder mutation.

Additional Payment information

When you set the payment method to Payflow Pro in the setPaymentMethodOnCart mutation, the payment_method object must contain a payflowpro object and a CreditCardDetailsInput object.

payflowpro object

The payflowpro object must contain the following attributes:

CreditCardDetailsInput object

The CreditCardDetailsInput object must contain the following attributes:

Example usage

The following example shows the setPaymentMethodOnCart mutation constructed for the Payflow Pro payment method.

Request:

Copy
mutation {
  setPaymentMethodOnCart(input: {
    cart_id: "IeTUiU0oCXjm0uRqGCOuhQ2AuQatogjG"
    payment_method: {
      code: "payflowpro"
      payflowpro: {
        cc_details: {
          cc_exp_month: 12
          cc_exp_year: 2023
          cc_last_4: 1111
          cc_type: "VI"
        }
        is_active_payment_token_enabler: 1
      }
    }
  })
  {
    cart {
      selected_payment_method {
        code
      }
  }
}
Copied to your clipboard
mutation {
  setPaymentMethodOnCart(input: {
    cart_id: "IeTUiU0oCXjm0uRqGCOuhQ2AuQatogjG"
    payment_method: {
      code: "payflowpro"
      payflowpro: {
        cc_details: {
          cc_exp_month: 12
          cc_exp_year: 2023
          cc_last_4: 1111
          cc_type: "VI"
        }
        is_active_payment_token_enabler: 1
      }
    }
  })
  {
    cart {
      selected_payment_method {
        code
      }
  }
}

Response:

Copy
{
  "data": {
    "setPaymentMethodOnCart": {
      "cart": {
        "selected_payment_method": {
          "code": "payflowpro"
        }
      }
    }
  }
}
Copied to your clipboard
{
  "data": {
    "setPaymentMethodOnCart": {
      "cart": {
        "selected_payment_method": {
          "code": "payflowpro"
        }
      }
    }
  }
}