Skip to main content
All CollectionsWebsitesPages & Blocks
Adding Subsplash Giving to Your Website
Adding Subsplash Giving to Your Website

A step-by-step guide showing you how to add Subsplash Giving to your app and website!

Cody Walton avatar
Written by Cody Walton
Updated over 8 months ago

There are a number of ways to add Subsplash Giving to your app, or your website! Below you'll find a list of steps needed to get your congregations access to Subsplash Giving.

Externally linking to Subsplash Giving

The most common way to add Subsplash Giving to your website is to add a link that takes your donors from your website directly to your standalone Subsplash Giving link.

To find your standalone link:

  • Log into the Subsplash Giving Dashboard and navigate to Settings > General

  • Copy your Standalone Link for Subsplash Giving

  • Use this link in your menu or a button on your website

Adding Subsplash Giving to Your Website & App 1.png


Adding Subsplash Giving to SnapPages

Adding Subsplash Giving to your SnapPages website is incredibly easy!

  • When editing a page, select Add a Block

  • Click and drag the Giving block to the desired location on your page.

  • Save and Publish your page and you're all set. Your Subsplash Giving embed will now live seamlessly within your SnapPages website!

Adding Subsplash Giving to Your Website & App 2.png


Embedding Subsplash Giving

If you are not using SnapPages, embedding Subsplash Giving is still possible!

Warning! We strongly recommend securing the website with SSL. (you’ll see https:// instead of http:// in the URL bar). This ensures your donors’ information is kept safe. To learn more about securing your website, check out How do I secure my website with SSL for Subsplash Giving?


In most embedding instances, the pre-made iFrame Embed Code will be the best bet! The iFrame Embed Code can be found in the Giving Dashboard and the App Dashboard.

Adding Subsplash Giving to Your Website & App 3.png


From the Giving Dashboard

  • Navigate to Settings > General > Basic Giving Links and select iFrame Embed under Type.

  • Copy the link provided and paste it into an Embed option for your website builder. This option will display the giving interface as a widget.

  • Additionally, you can customize the default fund, amount, and frequency. Use the Custom Link Generator to set these parameters; select iFrame Embed for Type and generate your new link.

Adding Subsplash Giving to Your Website & App 4.png


From the App Dashboard

  • Head to Web > Embeds > Preview Embed under Giving > and select Copy

  • Paste the iFrame Embed Code into the Embed option for your website builder

Note! Often times templated website builders like Wix.com will require you to simply enter a URL when embedding Subsplash Giving since they've already included their own iFrame coding in their embedding option. In this case, we recommend using the Embed Link found just under your Standalone Link. This link has been stripped of Subsplash branding to make sure it works with your website builder.

Some website builders such as Wix.com, include their own iFrame coding. Therefore, enter the Embed Link.

Adding Subsplash Giving to Your Website & App 5.png


Giving Tips

After setting up the embed or link to Subsplash Giving, double-check your site and app on multiple platforms (mobile, computer, etc) to ensure the link is visible to everyone.

Consider embedding Subsplash Giving on multiple pages on your site! Using the custom link generator, you can set up an embed for your Missions fund on your Missions page, for general giving on the Giving page, and highlight giving to provide holiday meals on your homepage!

Did this answer your question?