New! Blackbaud Checkout Donation Form Kit 5748

New! Blackbaud Checkout Donation Form Kit

Published
Have you wanted to try the new responsive Blackbaud Checkout Donation form with digital wallets but not been sure where to start? Good news – we have created a kit that has everything you need to get started!

The Blackbaud Checkout Donation Form features:
  • A streamlined mobile responsive donation form
  • Simplified checkout experience with access to digital wallet payment methods like ApplePay, MasterPass, and Visa Checkout
  • Ability to make
    • One-time/Recurring donations 
    • Honor/Memorial gifts
    • Donations to TeamRaiser Events, Participants, or Teams

In the Blackbaud Checkout Donation Form Kit you will find instructions and necessary code to:
  • Configure your BBMS Merchant Account to accept Blackbaud Checkout donations
  • Create a responsive page wrapper
  • Configure a Luminate Online donation form for use as a Blackbaud Checkout form
  • Use a Blackbaud Checkout donation form as your main donation form for a TeamRaiser event
  • Create a Blackbaud Checkout donation form in a secure PageBuilder page using your choice of two designs:
News Blackbaud Luminate Online® Blog 06/04/2019 1:26pm EDT

Leave a Comment

11 Comments

Hello! Do you plan to bring ACH functionality to Blackbaud Checkout Donation Forms? They are really great, but we rely on providing direct debit as an option to donors.

Thank looks great Margo! Wish we had the budget for that but alas, we do not+
We ended up hiring Zuri Group to redesign our Blackbaud Checkout form. They also created a redirect for the thank you page to go to a pagebuilder page. I think it looks great. Check it out - http://www.v.org/donate  
I seem to be having issues with the thank you message. It does not appear as the final screen, only the wrapper appears. The thank you email is not showing up either. I also wouldn't mind knowing if there is a way to redirect to a thank you page where we can include html (referring to Margo Dayal‍ 's comment).  

The monthly donation function is not working either. 
I've gotten a bit further on this but now we just have a pesky div from the Customstyle.css file messing with the type color. I see the problem but have no idea how to fix. https://secure3.convio.net/river/site/SPageNavigator/Blackbaud_checkout.html Do I add a style to CustomeStyle.css or make some change to the secure_checkout_css?   
Hi Shiloh, Thanks for your comment. That link is our old checkout page (which did not have any reusables attached to it). The screenshot is a page using a new wrapper created from the kit but I was also using head and footer pages that we had created from the responsive advocacy kit.  I was hoping that would work and that I would not have to recreate all the reusable pages anew. I will continue to troubleshoot. 
We also have been using the new Blackbaud Checkout form for over a year now. Our conversion rate is much higher with the new form! 

How do we go about customizing the thank you message? The help guide refers to the message catalog for customizing the text, but we would like to add HTML so that we can include some social sharing widgets. Is this possible?
Hi Gwendolyn,

When I look at this link:  https://secure3.convio.net/river/site/SPageNavigator/Expresscheckout.html, I do not see any of the reusables that are included in the new kit? You may want to create a new wrapper for this project if you are having style conflicts using a current wrapper.

Best,
Shiloh
We had already set up a mobile checkout last year but without the use of a kit and any styling. More recently I've utilized the Mobile Advocacy Kit and so already have a responsive wrapper which I was hoping to use for this new secure checkout page. I seem to have run into a styling issue that I can't figure out. I'm using our most recent responsive wrapper (which is working fine for actions) but I'm getting styles from the old express checkout page on top of the new style. There is also some wonkiness with the boxes. Below is a screenshot and here is a link to our current express checkout page:  https://secure3.convio.net/river/site/SPageNavigator/Expresscheckout.html. Also, do I need to create separate head tag pages to keep styles separate for different wrappers? I added a new style page to the head tag (based on the kit) but it was pulling all the styles into our responsive advocacy wrapper. The grey and blue solid boxes are the old styles, the blue border box is a new style (what our current responsive advocacy wrapper looks like (https://secure3.convio.net/river/site/Donation2?df_id=3621&mfc_pref=T&3621.donation=form1).  Appreciate any insight. -Gwendolyn

w9RsOsTlwlOr813oZ8riAuc3wEAKhZxcvKNdWUCJ
I love the focus on mobile first donations in these template designs. Excited to see organizations set up their Blackbaud Checkout Donation Forms. Related question.

Have YOU ever used a digital wallet form of payment (Apple Pay, MasterPass, VisaCheckout) to donate online? Like if you HAVE

Share: