The Give plugin from WordImpress is an excellent plugin for accepting donations on a website. In fact, from what I understand, it was created in-part as an answer to the complicated mess that comes from trying to accept donations via WooCommerce. Since WooCommerce is an estore plugin, it doesn’t do donations very well. But what if you want both? Our client, LeadingLDS is a non-profit organization that needed to accept donations, and sell it’s products on it’s website.
While I’d love to see some kind of “bridge” plugin that will allow people to add a Give-based donation (or setup a recurring donation) to their WooCommerce shopping cart, there isn’t anything like that currently that I could find. So without that tighter integration, we wanted to see if we could make the 2 play more nicely than either one’s default setup allows. The main problem we saw is that someone who both donates (via Give) and purchases from the estore (via WooCommerce) shouldn’t have to have 2 separate places to go to manage their account info, see purchases, view donations, manage recurring donations, etc.
If you’re a visual learner, watch the video of how to do this next. Otherwise, skip down and continue reading after the video.
Combining Give Account Pages
The first thing I did was combine Give’s donation history and recurring donations pages if you’re using the Recurring Donations premium add-on. If you’re not, skip to the next section. This is easy. Just put both shortcodes in the same page:
Then I went to Donations>Settings>General and set “Donation History Page” to the page I put both shortcodes in. Next, I did the same thing on Donations>Settings>Recurring Donations under “Subscriptions Page”. Finally, I deleted the extra page.
Adding WooCommerce My Account Page
But then I was looking at the WooCommerce “My Account” page, and thought “why not have all this in one place? So I took the 2 shortcodes above and added them to the “My Account” page like this:
[[woocommerce_my_account]] [give_subscriptions] [donation_history]
Now I just repeated the steps at the end of the previous section, but changed those 2 settings in Give, to point to the “My Account” page. Boom! One page to rule them all! Now donors and customers could go to a single page to manage their WooCommerce info, as well as their Give donations and subscriptions.
Making it Nicer With Divi
And viola! A great-looking, everything in 1 place account page: