All Collections
Mobile/Express payment options
How to update a theme to support express payment options
How to update a theme to support express payment options

Add code to your custom theme to support express payment options on default Donation (v2) pages

Updated over a week ago

If you have enabled express payment options for your website but the new options are not appearing on your pages, you may need to update your custom theme to support the changes.

The following instructions are only applicable to nations that have not customized their pages_donations_v2_wide.html file and intend to use this functionality on all donation pages. If this doesn't apply to you, please select a different set of instructions.

Table of contents

Identify your stock theme

Every custom theme is based on an original stock theme. If you're unsure of which stock theme is applicable to your website, you can right-click (or CTRL click) on your live website, and select the option to "View page source."

Once you see code on your screen, find the word "parent". The "parent" listed should be the name of the stock theme your custom theme was build off of.

Download theme files

Click on the name of the relevant stock theme below to download a ZIP file containing a pages_show_donation_v2_wide.html file and an _epo_theme.scss file.

Add the new code to your theme

  1. Overwrite your theme's existing pages_show_donation_v2_wide.html file by uploading the version you just downloaded into the “Files” section of your theme.

    📌 Note: If you have donation pages that have been customized at the page level, this change will not update those. This will only add the functionality donation pages that have not been customized.

  2. Add the _epo_theme.scss code to your theme.scss file. You can accomplish this either by opening the _epo_theme.scss in a text editor (not a browser) and copying the contents of the code into the bottom of your theme.scss file, or by uploading the _epo_theme.scss file into your theme (repeating Step 1) and then adding the following line of code to your theme.scss file:

    @import "epo_theme";

  3. Publish the files you’ve updated following each import or change. The new buttons will not display in preview mode.

That's it! Your donors should now be able to use Google Pay, Apple Pay, or browser-saved payment methods to donate on your Donation (v2) pages.

Related HOWTOs

Did this answer your question?