1105882 - Donation forms: Need a visual hint after selecting Payment Gateway or immediate redirect

Status: RESOLVED FIXED

(Mozilla Foundation Communications :: Website, task)

Description

[Andrea Wood [:andreawood]]

Several people have emailed, and some Q&A reviewers have reported this:

"When I select PayPal, nothing happens"

I think this is because there's no visual cue to then select "Donate xx now" -- users assume by clicking PayPal they're immediately redirected.

My Q: Is there any reason we can't just do that? By clicking "PayPal" they immediately go to the PayPal login vs. requiring the extra click on the "Donate X now" red button?

I suspect this could be meaningful given the # of people who've reported it.

This would also require updating this functionality on the translated pages. I don't believe we need to fix this on sequential because "Next" is a more intuitive cue.

The alternative would be to "flash" the donate button after PayPal is selected or somehow provide a simple visual cue that draws attention to the "donate now" button. But i think getting people on to PayPal with 1 less click will actually be significant.

Comment 1

[scott.downe]

We should hide the donate now until credit card is clicked.

Then if paypal is clicked go directly to paypal.

Comment 2

[Mavis Ou [:mavis]]

Attachment: incorrect-formatted-amount-error.png

Currently clicking the DONATE button triggers the form validator.  I think for PayPal donation all we pass from the donation form to PayPal is the amount.  This means we miss the chance to validate the donation amount beforehand(see attachment).  I think as long as users are able to go back and fix the amount we are fine.  

This relates to the bug(bug 1105319) I'm working on

Comment 3

[Scott [:thecount] Downe]

We would need to make the paypal button act as form validation as well.

Comment 4

[Adam Lofting (:adamlofting)]

+1 to immediate redirect on clicking the PayPal button.

Comment 5

[Andrea Wood [:andreawood]]

Let's reconfigure this bug to accomplish these tweaks on the sequential form where possible, since we're abandoning the 1-page form after testing. 

So perhaps clicking "PayPal" on the sequential form makes the redirect immediate without clicking "next" --

Comment 6

[Scott [:thecount] Downe]

Attachment: https://github.com/mozilla/bsd-forms-and-wrappers/pull/58

Comment 7

[Scott [:thecount] Downe]

Merged: https://github.com/mozilla/bsd-forms-and-wrappers/pull/58