Adding Apple Pay to Existing Donation Forms

Cheryl Cieslinski

It has been decided to add Apple Pay to our donation forms. I have found how to add to a new form. I currently have over 100 forms. I cannot find how to add to my existing forms.

Jeremy Reynolds

@Cheryl Cieslinski
A little tough to say without knowing exactly how your current forms are set up.

The general theory is that each applepay form needs to have a corresponding PageBuilder page that includes the [[S1300:_____]] tag (where the underscore gets replaced with the df_id of the form you are using). Then you'd insert that link into the corresponding form. The simple-but-time-consuming solution is to make a dedicated page for every moblepay form and then manually edit every Donation2 form to add an HTML caption with the link to it.

A bit more complicated code to save yourself a ton of time, use Luminate's S334 tag to grab content from the URL and spit it out…

• Create a single PageBuilder page called mobile_pay
• Insert the tag [[E1300:[[S334:df_id]]]] in there wherever you want your form to appear.
• In the blueprint for your donation form, insert a link with the href="SPageNavigator/mobile_pay?df_id=[[S334:df_id]]"

Note that the tag inside of the advanced solution's pagebuilder page starts with an “E” instead of an “S”…that tells Luminate to do the 334 before doing the 1300.

Jeremy Reynolds

Quick addendum to add that I'm providing a more basic version of that advanced solution just to keep it simple and get you started. But it will break if someone ends up on your donation form and the URL doesn't contain the df_id (for example, if they fill out the form and had an error).

If you've got the ability to do more advanced code then you might capture the df_id into the browser session (via U0/S80 tags in luminate or by saving it to the browser with javascript). Also wouldn't hurt to improve the user experience by only showing the user an apple logo if they're on an ApplePay-capable device, see Luminate's help articles on customizing BlackBaud Checkout for details.

Cheryl Cieslinski

@Jeremy Reynolds

I think our forms are Donation Classic. I do not know a lot about them since I did not create them initially. I have been making changes. I do not know javascript.