1. Home
  2. Fundraising
  3. Payment Gateways
  4. Digital Wallets (Apple Pay, Google Pay, PayPal One Touch)

Digital Wallets (Apple Pay, Google Pay, PayPal One Touch)

Watch The Digital Wallets Video Overview

Digital Wallet Options

The following digital wallet options are available as of the October 2020 Release 3.59. Please contact the Support team if looking to enable Apple Pay via Vantiv in your account.

These digital wallet options can be combined with any other primary gateway being used on a fundraising page.

  • Apple Pay through Stripe
  • Google Pay through Stripe
  • PayPal One Touch through PayPal

Adding the Digital Wallet Options in Your Account

  1. Go to your Account Settings.
  2. Select ‘Gateways‘ to view payment gateway settings.
  3. Click the ‘New Payment Gateway‘ button.
  4. Add the relevant digital wallet gateway.
    • If adding Stripe Apple Pay or Google Pay:
      • You will need to connect to a Stripe Account using OAuth for Stripe Connect. (Three options are offered; Standard, Express, Custom. Standard is fine.)
        • If adding a Stripe account for the first time and going through the OAuth flow for Stripe Connect in Engaging Networks, you may use a single account as your primary gateway to include digital wallet options. Or, you may choose to add a separate account to include as an additional gateway specifically for digital wallet options on the intended pages.
        • If leveraging an existing Stripe account already linked in Engaging Networks (without having gone through the OAuth flow with Stripe Connect in Engaging Networks), you may:
          • 1. Add a new Stripe account specifically for digital wallet usage and include as an additional gateway on desired pages.
          • 2. Or, you may delete and re-add the account once the digital wallet options have been added in the Stripe account and domains specified. If doing so, please ensure you are also swapping in the updated gateway account to the intended individual pages as needed.
      • Be sure to check ‘Enable 3D’ secure in order for the wallets to work properly.
      • Stripe digital wallet payment currencies must match, and if using multiple currencies need to be added individually.
    • If adding PayPal One Touch:
      • PayPal One Touch will also need to be added as a distinct gateway option, regardless of an existing PayPal gateway option already exists.  PayPal Giving Fund will work in the same way as linking a standard PayPal gateway account. PayPal One Touch cannot be the primary gateway for a page.
      • PayPal One Touch can be enabled to accept ANY currencies and does not need to be added individually.

If intending to direct all Credit Card payments to go through a gateway other than Stripe or PayPal, it is recommended to set the digital wallet gateway’s currency to ANY. This will make the page logic recognize that for digital wallet payments, only use Stripe or PayPal One Touch.

Gateway Settings

5. Ensure settings are updated directly in your gateway. In Stripe, add the relevant domains under Settings -> Payment Methods.

Enabling Digital Wallets on a Fundraising Page

To enable digital wallet options that have been added to your account:

  1. Open the specific fundraising page settings and select ‘Donation settings.’
  2. Add the desired digital wallet options, and Save your updates.
  3. Add or update a form block and select ‘Enable digital wallet buttons.’ 
  4. Click on the gear icon next to the ‘Enable digital wallet buttons’ option to customize the styling through pre-determined options. Click ‘Save’ when complete. Note you may also adjust the div containers width through CSS.

Rendering Digital Wallets

Digital wallet options will dynamically display on the relevant device and browser (including desktop and mobile), based on the user’s enabling of the specific digital wallet option on their device.

As of Release 3.61, Stripe Google Pay and Apple Pay will accept one-time and monthly payments. PayPal OneTouch will only accept one-time payments and will dynamically hide when the user selects to make a monthly payment.

When a user selects to pay via a digital wallet option and confirms details, the digital wallet will automatically pass back supporter details* and skip the unnecessary page(s) requesting additional information to go directly to the confirmation page. New supporters captured will be created with first and last name and email address, along with the transaction details.

*As of Release 3.61, the email field will be required to collect on the page and will not be passed from the gateway. Please ensure the email field is presented prior to payment options on the page.

Testing Digital Wallets

Apple Pay and Google Pay through Stripe

You can register for a Stripe developer account here: https://dashboard.stripe.com/register

Go to Settings > Payments > Payment methods > Apple Pay and then Configure. Add the domain that your donation page will run under. Don’t worry about step 2 or 3; EN already has the certificate.

  • For Apple Pay testing, you can’t add a ‘test card’ but Stripe will see that the gateway is in test mode and will not charge. So it needs to be a working Apple Pay device to test.
  • For Google Pay testing, you can add one of the test cards into the Chrome browser, under Preferences > Payment methods.

Apple Pay will display on the page when all of the following apply:

  •     Apple Pay is turned on for Checkout in your Stripe Dashboard
  •     The supporter’s device is running macOS 10.14.1+ or iOS 12.1+
  •     The supporter is using the Safari browser
  •     The supporter has a valid card registered with Apple Pay

Google Pay will display on the page when all of the following apply:

  •     Google Pay is turned on for Checkout in your Stripe Dashboard
  •     The supporter is using Google Chrome or Safari
  •     The supporter has a valid card registered with Google Pay

PayPal One Touch

You can register for a PayPal developer account here: https://developer.paypal.com/developer/accounts/

  • For PayPal ‘One Touch’ testing, you will need to create a REST App 

PayPal REST App

Note that PayPal One Touch is its own gateway type in Engaging Networks. For Stripe, you will need to use the new ‘Connect’ feature in Engaging Networks to add the gateway.

Both Stripe and PayPal gateways can be added to your Engaging Networks account in test mode.

Validation and Processing

Since Stripe/PayPal determine the buttons and their functions, we lose some control on front-end validation. For example, if you have a mandatory question, if the supporter hits [Pay By Card] (standard submit button), and it is empty we can validate. But if the supporter hits [Apple Pay], the JavaScript offers no ‘pre-validation’ step for us to check. So it processes the payment with whatever we know about the supporter and/or what is currently set on the form.

Stripe requires Currency to be passed along with the donation and would need to be included in the form.

When processing occurs, we get the supporter’s First Name and Last Name back from the gateway (and only this information).

Its design is to use what we know, prior to processing.

For example :

Page 1 : Donation Amounts
Page 2: Opt In / Address Details
Page 3: Credit Card fields
Page 4 : Thank You

If the digital wallet buttons are on Page 1, then Amount, email captured on the page, and supporter name (returned from the gateway) will be captured.

If the digital wallet buttons are on Page 2, then Amount and whatever has been filled in, will be captured, and so on.

The page logic is that once a digital payment is successful, to go to the last page. In the example above, if on Page 1, then after processing Page 4 will be shown.

Updated on September 3, 2021

Was this article helpful?

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support