LO Apple Pay

Options
According to this FAQ article Apple Pay should be automatically set up for any devices capable of it when using the Blackbaud Merchant Services (BBMS). Currently if a user goes to any of our donation forms on a device like their iPhone, Apple Pay does not appear as an option. I have attempted the manual set up with detection code that Blackbaud provided to no avail. Suggestions?
Tagged:

Comments

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic
    Hi David,


    While Apple Pay works on Luminate forms, those forms need to be leveraging Blackbaud Checkout for the digital wallets to display. We have a Blackbaud Checkout Success Kit with code and instructions. Give that a try!


  • Thanks for assisting with this. The Success Kit is very similar to the Blackbaud Checkout Donation Form Kit which I have already tried. I use the apple_pay_conditional.html to create a link to the page set up in the document. The page is blank, aside from the styles applied. I double-checked the Black Merchant Account in Payment Capabilities and it is configured for the right account. Do I have to use the MobilePay Account, too?
  • Colleen Gutierrez
    Colleen Gutierrez Blackbaud Employee
    Ancient Membership Facilitator 1 Name Dropper Photogenic
    Hi David -


    I recommend contacting Blackbaud Support to help you investigate why Apple devices aren't displaying the option on your Blackbaud Checkout forms. You don't need MobilePay for it, so it might be something on the BBMS side of things, but they can help you investigate.


    Thanks,

    Colleen


  • @Erik Leaver Hi Erik, we did successfully install the Blackbaud Checkout Kit for an upcoming TeamRaiser event.

    The instructions state that the "add_apple_pay" reusable is included in the "wpr_styles" reusable. I am unable to locate the line within the wpr_styles reusable. Support was unable to find it as well and has confirmed that it's not in the wpr-styles reusable.

    The issue is that we need to know where the code is so we can customize it. According to the Secure Checkout Kit, the add_apple_pay reusable needs to be customized so that it points to the blackbaud_checkout reusable created for the TeamRaiser event in question. The name of this blackbaud_checkout reusable changes. So we would need more than one add_apple_pay reusable in order for the correct add_apple_pay reusable to be connected to the correct blackbaud_checkout for each TeamRaiser. Appreciate your help in letting us know where that reusable is.

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic

    @Cynthia Isaac The kit should have a separate file, “add_apple_pay” included in it.

    4722dce7b0052082dbd75bebef399d0a-huge-im

    Let me know if you aren't able to locate it!

    Best,
    Erik

  • @Erik Leaver
    Thanks, Erik. Yes, we used the code in the kit to create the add_apple_pay reusable. I think my question was not worded correctly. The instructions in the kit state that the apple pay reusable we create is called out in the “wpr_styles” reusable. But I am unable to find where it is being called out. We need to change the name of the reusable.

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic

    @Cynthia Isaac Thanks for the clarification. You are right! The code to call the reusable is not in the “wpr_styles” file. But you can add it after the “secure_checkout” and “tr_secure_checkout” reusables like this:

    [[s51:YOURREUSABLENAME]]

  • @Erik Leaver Thanks, Erik. I think Apple Pay must be connected in some other way because Apple Pay shows on our donation form even though I disabled all related reusables/codes.

    When I first created the add_apple_pay reusable ("add_apple_pay_rudm") for the donation form 3040, I had left it inactive since I didn't know how to connect it. But Apple Pay was working on our donation form.

    So I thought the default add_apple_pay reusable that I had set up during testing was being called out somewhere and that is why I was trying to find where in the code it's being called out. But I just inactivated that reusable (“add_apple_pay”) and also inactivated the default checkout reusable it points to ("blackbaud_checkout"). And Apple Pay is still showing!

    I then went into Donation Form 3040 and changed the “apple_pay_conditional" code from pointing to "rudm_checkout", which is the checkout reusable I created for this donation form, to a nonexistent checkout form “x_checkout”. And Apple Pay is still showing!

    It seems to me like that Apple Pay is being called out in some other way?

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic

    @Cynthia Isaac Can you provide a link to the donation form?

    Is the intended outcome NOT to display Apple Pay?

  • @Erik Leaver Sorry, Erik. I did not get a notification this time that you had replied like I did last time. Just saw your response. We do want to use Apple Pay. However, we need to know how Apple Pay is connected because we need to customize the reusable name per TeamRaiser event.

    According to the Secure Checkout Kit, the add_apple_pay reusable needs to be customized so that it points to the specific blackbaud_checkout reusable created for the TeamRaiser event in question. Since the name of this blackbaud_checkout reusable changes according to the TeamRaiser event, we would need more than one add_apple_pay reusable in order for the correct add_apple_pay reusable to be connected to the correct blackbaud_checkout.

    You can click on the donation button on this personal page for our current TeamRaiser event:

    https://secure.embracekids.org/site/TR/RutgersDanceMarathon/RUDM?px=1071583&pg=personal&fr_id=1540

    Thanks again for your help.

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic

    @Cynthia Isaac I think the instructions you need are in the Blackbaud Checkout help documentation in step 5: Create a URL for TeamRaiser Gifts. Be sure to take a look at the "Advanced considerations and tips for TeamRaiser gift URLs.

  • @Erik Leaver We have Step 5 set up already. In fact the checkout form for the TeamRaiser event works without any problems. But as mentioned, according to the Checkout Instructions, we will need to customize the Apple Pay reusable per TeamRaiser event. Since we will be using Checkout for multiple TeamRaisers simultaneously, we are trying to ensure that Apple Pay is linked and flowing correctly so there are no issues when we set up our next TR event with Checkout.

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic

    @Cynthia Isaac I checked with a colleague to make sure I understood the code correctly. She noted:

    The reusable called tr_secure_checkout includes JavaScript to add the appropriate BB Checkout parameters to appropriate links in various TeamRaiser pages. The code pulls the appropriate parameter values from the URLs of the page or from session variables set in the wrapper, for example, on the TeamRaiser personal page it pulls the soft credit ID, which is the constituent ID, from the px parameter in the URL.

    It is intended to be included in the wrapper per the instructions.

    Assuming you are using the same wrapper for all of the TeamRaisers and assuming that the TeamRaiser events all use the default layouts for the various pages that that code updates links for, then it should work fine for multiple TeamRaisers.

    For example, if you have a blueprint TeamRaiser with multiple child TeamRaisers all using the same wrapper and set-up, then the code should work fine in all cases.

  • @Erik Leaver Thanks, Erik. That's exactly the issue. Our page wrappers and security codes are unique to most of our TeamRaisers.

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic

    @Cynthia Isaac In that case, you'll need to modify each wrapper and you'd need a separate PageBuilder page to use in each wrapper. There isn't a way to set the configuration to apply to multiple pagewrappers.

  • @Erik Leaver
    Yes, that's right. We have all of that set. We just need to create a new add_apple_pay per TeamRaiser event/PageWrapper since the add_apple_pay reusable points to the specific blackbaud_checkout reusable created for that TeamRaiser/PageWrapper. Since the name of this blackbaud_checkout reusable changes according to the TeamRaiser event, we would need more than one add_apple_pay reusable in order for the correct add_apple_pay reusable to be connected to the correct blackbaud_checkout. That's why we just need to know how the add_apple_pay is being called out so we can adjust the code. Thanks again for your help.

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic

    @Cynthia Isaac The only place the add apple pay code is includes is to the wpr_styles reusable. You'll need one copy for each wrapper in use unless you can devise some way to change the link based on a session variable. That's outside the scope of this kit.

  • @Erik Leaver Hi Erik, yes that was my point all along. We are making a copy of the add apple pay reusable and wpr styles for each wrapper. But the only problem is that the add apple pay code is not in the wpr styles reusable even though the instructions say that it is. Tech support confirmed this and so did you earlier in this thread, actually. This is why I am asking where the add apple pay is being called out so that I can update the code to point to the correct copy.

  • Erik Leaver
    Erik Leaver ✭✭✭✭✭
    Ancient Membership Facilitator 4 Name Dropper Photogenic

    @Cynthia Isaac I mentioned this early in the thread:

    The code to call the reusable is not in the “wpr_styles” file. But you can add it after the “secure_checkout” and “tr_secure_checkout” reusables like this:

    [[s51:YOURREUSABLENAME]]

    Just use the s51 tag!


Categories