Activating Apple Pay on WordPress, SquareSpace, or other website systems

This tutorial will show you how to add Apple Pay to your website

Apple Pay requires SSL. This means that in order to accept Apple Pay, you need to have an SSL certificate installed on your website, and your domain needs to be accessible via a URL that starts with https

WIX and Weebly do not support Apple Pay.

Donors using Safari with Apple Pay enabled will see the Apple Pay button during checkout - it won't show for other visitors as it wouldn't work!

 

 


WordPress

  1. Download the Fundraise Up Verify for Apple Pay with Stripe WordPress plugin.
  2. Install and activate it on your WordPress website.
  3. Go to Fundraise Up > Settings > Payment Options > Apple Pay
    Untitled (9)
  4. Click Verify Website Ownership
    Untitled (10)
  5. Enter your website main URL as it appears when you browse to the website (e.g. https://www.domain.org)

    Untitled (11)

  6. Complete verification - done!

Some browsers like to shorten web addresses by removing the "www." portion (aka the subdomain), but if you click in the address bar, you should be able to see the full address that you'll need to use for verification. 


Completing site verification will add Stripe’s domain association file for Apple Pay verification to your WordPress site and makes it available at https://<YOUR_SITE_DOMAIN>/.well-known/apple-developer-merchantid-domain-association.

Depending on your WordPress installation, you may need to have custom permalinks enabled (anything but Plain) from Settings => Permalinks in your WordPress dashboard.

If the plugin doesn’t work, make sure the URL is not blocked by your web server and that request is being passed to WordPress.

 


Squarespace

  1. Go to Fundraise Up > Settings > Payment Options > Apple Pay
    Untitled (9)
  2. Click Verify Website Ownership
    Untitled (10)
  3. Enter your website main URL as it appears when you browse to the website (e.g. https://www.domain.org)
    Untitled (11)
  4. Complete verification - done!

Squarespace is uniquely pre-configured to support Apple Pay. Nice!

Some browsers like to shorten web addresses by removing the "www." portion (aka the subdomain), but if you click in the address bar, you should be able to see the full address that you'll need to use for verification. 

 


Webflow

This requires a Webflow Ecommerce plan

1. Please enable checkout at Settings > Ecommerce > Checkout > Enable Checkout

2. Sign in to your Stripe account at Settings > Ecommerce > Payment > Payment provider

3. Enable Web payment.

4. Publish the recent setting changes. 

5. Go to Fundraise Up > Settings > Payment Options > Apple Pay

6. Click Verify Website Ownership

7. Enter your website main URL as it appears when you browse to the website (e.g. https://www.domain.org) and click on Verify ownership.

Downloading the verification file is not required

8. Complete verification - done!



Hubspot

1. From your HubSpot, go to Dashboard, go to Marketing > Files and Templates > Files

2. Create a new hidden folder with the name .well-known. (The dot prefix means the folder is hidden)

3. Click on the .well-known folder to access it.

4. Upload the Apple Developer Merchant ID file into the folder: apple-developer-merchantid-domain-association

5. After the file has been uploaded, click on the file name as this will open up a popup on the right side of the screen.

6. In this popup, locate the File URL dropdown, and select the connected domain URL, and NOT HubSpot CDN

7. Copy the URL of the file to your clipboard, as it will be used later on in the next steps. (It is mandatory to use a domain-base URL and not HubSpot CDN URL for this file) 

8. Click on the configuration icon in the top-right menu, Choose Domains & URLs and then click on Add URL Redirect.

9. In the Original URL filed, add the following URL: HTTPS://<YOUR_SITE_DOMAIN>/.well-known/apple-developer-merchantid-domain-association (where domain.com is your domain name) 

10. In the Redirect to, add the URL of the file that we copied earlier on step 7. It should have the following syntax: HTTPS://<YOUR_SITE_DOMAIN>/hubfs/.well-known/apple-developer-merchantid-domain-association

11. Now that you've added the URLs, click on the More options section, and set the Redirect Style to Proxy.

12. Go to Fundraise Up > Settings > Payment Options > Apple Pay