Embedding Donation Forms within your website's Hero image

DeEric Williams 2

Hello All,

I'm reaching out to seek your insight!

My organization is currently in the process of redesigning our website. We've enlisted the support of a local consulting firm to do so.

As a part of our website update, we would like to create a donation form similar to that of Charity Water https://www.charitywater.org/ . One that can be embedded within the hero image on our website and will keep donors on the same page whether they choose to give once or monthly.

Has anyone had any success with doing this using OLX or NXT donation forms?

Thank you for your time,

Lee Grisham

@De'Eric Williams It may be possible, but probably won't look as nice as theirs. I don't think NXT forms would fit in that small a space. They also default to white backgrounds and not sure if that can be changed either. ?

Alex Wong

@De'Eric Williams
both OLX and NXT donation forms are “embed” code, not iframe, so this is possible to manipulate the HTML DOM with CSS and JS to modify the form however you want it.

Meaning, it is possible to do it, you will need to hire someone (if you don't already have someone in-house that has good HTML CSS JS expertise).

I have not done this specific modification before, however, I have modified the event registration form of OLX before to update/remove default “component” within the form that I did not want to show the donor, adding functionality that “enable” use of “Bill me later” (meaning create pledge only when certain ticket level or amount threshold is reached ($5K+ total = bill me later enabled).

Carrie Aranda

@De'Eric Williams We use NXT donation forms extensively but I don't think you can make the donation form into a simple box like that. You can however put monthly and one-time gifts on the same form.

Our donation page does something similar but it is the entire form laid over the top of a large hero image. When on a mobile device, the hero image is not there, just the form to make it mobile friendly. Feel free to take a look - We use NXT donation forms extensively but I don't think you can make the donation form into a simple box like that. You can however put monthly and one-time gifts on the same form. You can see our page here.

DeEric Williams 2

@Carrie Aranda, Thank you for your insight! I love the look of your donation form, thank you for sharing a link to it!

DeEric Williams 2

@Alex Wong, thank you for your insight! I appreciate you sharing details about the “scope of work” involved to possibly make this work.

DeEric Williams 2

@Lee Grisham, thank you for your insight! I'm starting to think that it may be best to use another platform in order to make this work.