Apple Pay and Google Pay can now be enabled inside OptimizeCheckouts and allow you to provide easier checkout options for your customers that have saved card details in their digital wallets at Apple or Google.
This guide will show you how to enable Apple Pay and Google Pay and the setup steps you need to follow.
You can also learn more about this feature from our update page.
To setup Google/Apple pay, simply follow the steps outlined below:
Step 1: Navigate to your WordPress Dashboard and "Plugins" area to make sure you are updated with the latest version of OptimizePress. This would include OptimizePress Dashboard 1.0.55 or higher, and OptimizeCheckouts 1.1.9 or higher.
Step 2: Navigate to "OptimizePress3 > Site Status" to make sure you are meeting all requirements for OptimizePress to work great on your WordPress installation. If there are any issues here, you'll need to address those with your web host before proceeding with this guide.
Step 3: Navigate to "Checkouts >> Settings" and on the Payment Gateways tab, you'll find some new settings there to enable the Google/Apple pay buttons on the checkout forms. Select "Yes" from the drop down and click the save button
Step 4: After you turn on that setting, you'll see a new tab on the left side of your screen for Apple Pay, and you'll want to click there to add your domain to Apple pay
Step 5: Click the blue button to add your domain to Apple Pay
If you get the success message then you are ready to go and start using Apple Pay.
There is no configuration for Google Pay as that integration is all setup and ready to go as they do not require domain verification like Apple Pay.
Some web hosts will have some restrictions on whether or not plugins can create or write to files in certain folders, those restrictions can cause this process to fail, but don't worry as there is a simple workaround to get your domain verified for Apple Pay.
If the process of adding your domain fails, you may see a popup like this one instead of the success message:
To solve the issue simply visit this URL from Stripe (same URL that is in the popup):
https://stripe.com/docs/stripe-js/elements/payment-request-button#verifying-your-domain-with-apple-pay (Opens in new tab)
You'll only need the file from step 1 of the "Verify your domain with Apple Pay" section. Then upload that file to your hosting server in the appropriate directory as indicated in those instructions.
Once you do this, then go back to OptimizeCheckotus > settings > Apple Pay and click the "add your domain" button.
You should now see a success message in the bottom right corner, and the text in the blue button change to "Re-Add Your Domain" - now you have successfully connected Google & Apple Pay to your OptimizeCheckouts on this site. For other sites, you'll want to go through this same process again.
Once this process is done you do not have to do anything other than enable Stripe Live mode on your products to have the Google/Apple pay buttons show up on your forms.
The video at the top of this page also goes into detail on how to upload the file to your web host. We highly recommend watching the video completely before proceeding with this setup so you can have an idea how what things will look like and how they will function.
Note that Google Pay (and Apple pay) only show up when you put your checkouts product in LIVE mode. You'll need to be sure to go into Google Pay (pay.google.com) and add your payment method, and make sure websites can detect it.
Step 1: Go to Chrome browser and make sure you are signed in with your Google Account. Then click your profile image, and click the card/payment icon below your email address.
Step 2: Turn on the setting "Allow sites to check if you have payment methods saved"
You can see here what Google Pay looks like on the checkout form. This will only show when you are using Chrome Browser, signed into Chrome with your Google Account, and have a payment method saved to Google Pay (pay.google.com).
Once the button for Google Pay is clicked (instead of filling in the card details), the Google Pay popup will show:
Your buyers simply just click the pay button thereafter choosing which card they want to pay with, and the order will be completed. If you have any one-click offers in your sales funnel your buyer will be able to use those normally.
Apple Pay is similar to Google Pay, however this payment option will only appear when your buyer uses the Safari browser. Here is what that will look like:
Once the Apple Pay button is clicked, a popup will appear allowing the payment to take place.
Again, once the transaction is completed with Apple Pay, one-click offers will work normally if you offer those in your sales funnel.
For Google Pay - it will show up IN Chrome ONLY - IF the user has a payment account saved in Google Wallet
For Apple Pay - user must be on SAFARI on Apple laptop/device that supports fingerprint or face ID - and has a payment method saved for Apple Pay <
In order for Apple or Google pay to show up on your checkout pages, please ensure that you have set the product in the checkout plugin to "Live" as these will not show up if the product is in test mode.
If you run into any issues with the setup or process of using Google Pay or Apple Pay, please reach out to our support team and we'll be happy to help.
