All Collections
Contributions
Getting Started
How do I embed the giving portal on our website?
How do I embed the giving portal on our website?

Describes the steps to add the giving form to any website.

Updated over a week ago

You will need the Contributions Settings permission to perform this action.

There are two ways to add the giving portal to your website. Neither option below requires the donor to log in or set up an account.

Hosted Page. This is simply a link that you would direct your website visitors to and is in the form https://app.onechurchsoftware.com/[subdomain]/egiving where [subdomain] is the first part of your account URL.

Embedded. This option allows you to embed the giving portal directly on your church's website. Donors never leave your website. Note, you can only embed the giving portal on a web page that is protected via SSL (i.e. page URL starts with https://). If you are using Wix, do not use the embed option due to an issue with Wix's editor. Instead, redirect the donor to our hosted page.

Embedding the giving portal on an external website allows you to completely brand the giving experience. Donors will not need to log into One Church, but can instead simply visit your website to give. The whole process takes less than a minute!

To get the link or embed code, navigate to "Contributions > Settings" in the left-hand menu and click on "Custom Giving Portal."

A pop up will appear containing the link to the Public Portal (Hosted Page) and the HTML embed code to include on your website in the gray area. If you leave everything at the default, the embed code will work exactly like the normal giving portal.ย 

Important: you only need the "Hosted URL" or the "Embed Code" depending on how you want to add the giving portal on your website. You generally would not use both.

If you need to customize the portal, the following options are available:

  • Which giving portal? - choose the appropriate giving portal.

  • Allow donations to which designations? - choose which funds you will allow donations to here. Defaults to all designations set up for your merchant.

  • Initial Amount - entering a value here will pre-populate the gift amount to a specific value.

  • Selected Designation(s) - only appears if you pick specific funds. If set, the selected fund will automatically be chosen for the donor (they can always change it)

  • Initial Frequency - how often should donations be accepted; options include one time, reoccurring or once at a future date.

For the embed code, you also have an area where you can change the colors in use on the giving portal. This will only be applied if embedding the portal on your web page. This is to help make it better match the colors on your web page so you can provide a seamless experience. In general, set the Background Color to whatever the background color is on the web page where you will embed the portal.

Note, that when generating a custom giving portal, an option now disables login functionality.
โ€‹

Helpful Tips

  • You can only embed the giving portal once on your web page. Doing it multiple times will cause them to interfere with each other. If you would like to add multiple custom-giving portals on a page, our recommendation is to use the Hosted URL that redirects the user to the hosted version (see next point).

  • Instead of embedding, you can also just redirect the person to the guest-giving portal. No login is needed. The URL is located at the top under the "Hosted URL" section.

  • Login can be disabled on a custom giving portal.

Did this answer your question?