PayFrame - Digital Wallet Payments

With the PayFrame platform-hosted payment form option, Merchants can seamlessly accept Apple Pay and Google Pay payments from cardholders' digital wallets and mobile payment devices. This integration enhances the user experience by offering more ways for customers to pay and ensures a smooth and secure payment process that takes seconds.

Setting Up Apple Pay and Google Pay with PayFrame

To enable Apple Pay and Google Pay on your platform using PayFrame, follow these setup steps as outlined in the current PayFrame guide:

Register with Apple Pay and Google Pay: Begin by registering your business with Apple Pay and Google Pay to gain access to their respective payment services.
Integrate PayFrame to the Payment Webpage: Incorporate the PayFrame into your application or website to enable the acceptance of Apple Pay and Google Pay payments.
Configure Digital Wallet Payment Options: Configure the PayFrame payment options to include Apple Pay and Google Pay as accepted methods.

Register with Apple Pay and Google Pay

To offer each respective Apple Pay and Google Pay payment option, the Merchant must be registered with each respective payment service provider (i.e. Apple and Google). Our Portal offers a convenient registration method for both services for single or multi-Merchant registration.

To see the steps to enable and register Apple Pay and Google Pay for Merchants, visit each guide below:

Integrate PayFrame to the Payment Webpage

Next, if you haven’t already, you’ll need to configure the basic PayFrame library to integrate it into your payment or checkout webpage.

To see the steps to set up a basic PayFrame instance on your webpage, visit the PayFrame Integration Guide.

Configure Digital Wallet Payment Options

For PayFrame, there is very little required integration work. However, this step involves setting up PayFrame for Apple Pay and Google Pay separately.

By following these detailed steps, Merchants can effectively set up and configure Apple Pay and Google Pay within the PayFrame platform-hosted payment form option, enhancing the user experience and expanding payment options for customers.

Setup PayFrame for Apple Pay

When enabling Apple Pay, the button will automatically display within the PayFrame without requiring additional integration work as the Apple Pay library is already integrated into the platform.

Note: The standalone Apple Pay button option is only available through PayFields integrations.

Setup PayFrame for Google Pay

Add the Google Pay library framework to the <head> section of the webpage to display the Google Pay button in your PayFrame, allowing cardholders to select Google Pay as a payment option:

<script src="https://pay.google.com/gp/p/js/pay.js"></script>

For sandbox testing, add the following PayFrame configuration to your PayFrame <body> script:

PayFrame.config.googlePay.environment = 'TEST',

Testing and Go-Live

For test cards, simulators, and other sandbox testing options, visit Getting Started with Sandbox Testing.

When you’re ready to deploy your payment page to a production environment follow the steps below:

Update the PayFrame Domain from sandbox to production (remove test- from the URL subdomain):

<script type="text/javascript" src="https://api.payrix.com/PayFrameScript"></script>

Comment out or delete the following line from the file:

Conclusion

By using the PayFrame production library and removing the Google Pay Sandbox environment safeguard, the payment webpage is now configured for the production environment to accept real payments from cardholders.