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, Weebly, and Zoho Sites 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 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
  4. Click the Enable Apple Pay button and open the Verify website ownership popup
  5. Enter your website main URL as it appears when you browse to the website (e.g. https://www.domain.org)

    Verify website ownership popup

  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
  2. Click the Enable Apple Pay button and open the Verify website ownership popup
  3. Enter your website main URL as it appears when you browse to the website (e.g. https://www.domain.org)
    Verify website ownership popup
  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 Enable Apple Pay and open the Verify website ownership popup

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.

Verify website ownership popup

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

13. Click the Enable Apple Pay button and open the Verify website ownership popup 

14. 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.
image (146)

Downloading the verification file is not required

15. Complete verification - done!

 


Other Websites

For all other websites, you will need to manually add the file to your website.

  1. Download the  Stripe Apple Pay domain association file
  2. Create a folder on your website root (e.g. /public_html) called /.well-known so that this folder would be navigable by going to https://<YOUR_SITE_DOMAIN>/.well-known
  3. Upload the Stripe Apple Pay domain association file to this folder
  4. Go to Fundraise Up > Settings > Payment options > Apple Pay
  5. Click the Enable Apple Pay button and open the Verify website ownership popup
  6. Enter your website main URL as it appears when you browse to the website (e.g. https://www.domain.org)

    Verify website ownership popup
  7. Complete verification - done!

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

If you don't know how to upload the file to your website, please contact your webmaster or your hosting company, they should be able to help you.