Theme Development – Customize Donate Form

Hi Umut,

We covered this in your support ticket, and we’ll continue following up there. I wanted to send along the information here as well.

**********

Glad you reached out, we are thrilled to hear you are planning to use GiveWP in your theme development.

The form example you sent along is pretty heavily customized, and would take quite a bit of custom coding to get that done. I do have some recommendations for you, but before I jump to those, I want to share that GiveWP is deep into work on version 3.0, the next very big release for the plugin. This release is specifically changing the way donation forms are created and styled, so it’s important that you are aware of that, especially because you are looking at custom coding. You can read more about the 3.0 release here:

https://givewp.com/givewp-3-0-will-use-gutenberg-as-a-foundation-not-just-a-block-builder/
https://givewp.com/town-hall-givewp-design-mode-and-whats-next-for-3-0/
https://givewp.com/join-us-to-build-the-next-generation-of-wordpress-donation-forms/ – be sure to sign up for email updates here!
https://givewp.com/lps/next-generation-donation-forms/

If you’d like to move ahead with customizing a form right now, I’d recommend using the Legacy form template. Classic and Multi-Step templates are served in iframes, which makes them very resistant to customization, and that is by design. You’ll have the best luck with Legacy, and then using our CSS tutorial found here: https://givewp.com/documentation/resources/how-to-style-your-givewp-forms/. You’ll need to use CSS and custom coding for the recurring options as well.

I’m marking this as resolved for now, if you have any questions we can follow up with you on your support ticket. Have a great day!