[Bid Checkout] Display donation disclaimer below Express Checkout + add italics

[clatwell]

Context

• Nonprofit Sites on the GOODBIDS platform utilize the WooCommerce Checkout page to capture payment information / process transactions for Paid Bids, Free Bids, and Rewards Claimed.
• The Checkout page content has been customized for different Product types (Paid Bids, Free Bids, Reward Products) so that Users see content that's relevant for their transaction.
• Currently, when checking out with a Paid Bid, Users see a donation disclaimer above the Confirm Bid button.
• Anne Marie shared feedback here in Discourse asking that we:
  • Duplicate the donation disclaimer below the "Express Checkout" section; and,
  • Italicize the second sentence of the donation disclaimer (Seth recommended italics over Anne Marie's initial ask for underline here)

Tasks

• [X] Italicize second sentence of donation disclaimer

Here's what we're going for:

• [ ] Display the full donation disclaimer below the Express Checkout

Note: The Express Checkout block will only display for Users who have one of either GPay or ApplePay configured in their browser, so not all Users will see this component on the page. The duplicated donation disclaimer should only display if one or both of the Express Payment options is included on the page.

[linear[bot]]

GOO-298 [Bid Checkout] Display donation disclaimer below Express Checkout + add italics

### Context * Nonprofit Sites on the GOODBIDS platform utilize the WooCommerce Checkout page to capture payment information / process transactions for Paid Bids, Free Bids, and Rewards Claimed. * The Checkout page content has been customized for different Product types (Paid Bids, Free Bids, Reward Products) so that Users see content that's relevant for their transaction. * Currently, when checking out with a Paid Bid, Users see a donation disclaimer above the Confirm Bid button. * Anne Marie shared feedback [here in Discourse](https://goodbids.discourse.group/t/final-review-live-auctions-bidding/549/7?u=claire.eisinger) asking that we: * Duplicate the donation disclaimer below the "Express Checkout" section; and, * Italicize the second sentence of the donation disclaimer (Seth recommended italics over Anne Marie's initial ask for underline [here](https://goodbids.discourse.group/t/final-review-live-auctions-bidding/549/16?u=claire.eisinger)) [Image](https://uploads.linear.app/c5f89e46-a242-4cc9-bea3-c8c2a1cb48f1/1ae1aff3-e672-429a-a6c0-9240f4c8feed/d7a33ede-c523-4979-997d-f33b9da7bc62) ### Tasks - [ ] **Italicize second sentence of donation disclaimer** Here's what we're going for: [Image](https://uploads.linear.app/c5f89e46-a242-4cc9-bea3-c8c2a1cb48f1/8a01bf8d-d8f8-4573-b706-92c028b3a054/e24eedaa-c4fb-4917-bebc-8d128c4cc4a8) - [ ] **Display the full donation disclaimer below the Express Checkout** **Note:** The Express Checkout block will only display for Users who have one of either GPay or ApplePay configured in their browser, so not all Users will see this component on the page. The duplicated donation disclaimer should only display if one or both of the Express Payment options is included on the page. [Image](https://uploads.linear.app/c5f89e46-a242-4cc9-bea3-c8c2a1cb48f1/7483d4bd-4611-43fc-bde9-f97d43d84f39/813fd25d-21ce-4a7c-a184-aad73e1d2fc5)

[shascher]

@bd-viget - This is the issue for our discussion in Slack

[jaspercroome]

Hey guys, looks like this isn't working on prod or staging. In both instances, I'd expect it to show up above the "Or continue out below". Apologies in advance if the GIFs give you motion sickness.

Staging:

Prod:

[shascher]

@jaspercroome - How are you getting the express checkout option? I'm logged into my Google account, but don't have that available to me? 🤔

[jaspercroome]

@shascher do you have a payment method associated with your google account? I think that's what triggers it - here's my view on safari, which is connected to my checkbook apple account: