Page MenuHomePhabricator

Unclear error message for unsupported credit card
Open, MediumPublic

Description

Summary:
It was observed during testing that the error message on the card input page are unclear. As discussed in this phab task - https://phabricator.wikimedia.org/T241760 - it's preferable to be very clear about what issues are preventing users from moving on.

image.png (948×1 px, 150 KB)

Steps to Reproduce:

  1. Open https://donate.wikimedia.org/w/index.php?title=Special:LandingPage&country=SE&uselang=en&utm_medium=spontaneous&utm_source=fr-redir&utm_campaign=internal_test on a desktop computer
  2. Select any donation amount
  3. Select Yes or No in the "Can we stay in touch?" section
  4. Click on the Credit Card payment option
  5. Enter any name in "First name" and "Last name" fields
  6. Enter a valid email in the "Email address" input
  7. Select "Visa"
  8. In the card input, enter a couple random digits to activate the Donate button (for example: "2112321342352341234")

Actual Results:
Error message that appears states "The card you entered is not supported, or your browser does not have Javascript enabled, or is using script blockers. Please either try a different card, or enable Javascript and suspend your script blockers during the donation."

Expected Results:
We would expect the error message to be as clear as possible, so that users know exactly why they're unable to move forward

Event Timeline

I'm not sure a donor can even get to this point without javascript enabled, so maybe we can safely remove that part of the message?

They can access our payment form from the sidebar and that does not require javascript. Also the message about the card is intentionally vague for a bunch of reasons. I think this should all load in an iframe on the payment form. If this is supposed to be a whole separate page we should add a link to the problems donating page.

Donatewiki requires javascript

Payments-wiki requires javascript too - there's really no way to get to the credit card entry without it. That error is probably just triggered because the random card number doesn't pass the Luhn check. If you want a test card number that doesn't trigger the check error, you can always use 4111 1111 1111 1111.

It looks like we can change this text via the language packs in the key gc.general.paymentProductFields.validationErrors.allowedInContext.label

Would we want to just delete the reference to script blockers?

I guess people who allow JS per domain could have allowed it on donatewiki and paymentswiki, but not on Ingenico's site.

Would we want to just delete the reference to script blockers?

We have in the past seen donors for whom the Ingenico domain was what was blocked by their extension. Can we preview the new error text here before we publish it?

I am ok with this text as is and I don't think this is a blocker to Sweden. You have to put in a totally wrong card number to get this so the amount of people who would see this is low. If someone wants to offer better text, please enter it here but this will be a low priority change some time in the future.

I think this task should be higher than low priority, even if the absolute numbers of people receiving this message are relatively low. These tickets take a lot of DS bandwidth, relative to other tickets, and the clearer we can be with the message the more likely we are to rescue these donations.

If no one gets to this message w/out JS enabled, I would +1 the suggestion to remove that wording at least.

jbolorinos-ctr raised the priority of this task from Low to Medium.Feb 12 2020, 11:28 PM

Upgrading to Medium priority, as DS is experiencing a large number of emails due to this

Maybe it would be best to just keep the error message simple and focused for user actions?

Something along the lines of "There was an error processing your card, please close and reopen your browser and try again"

This message is triggered client side though, it's not really an issue with processing the card, so I don't think that would be appropriate.

I noticed for GB and US (which load as an iframe) the message is different and already excludes the javascript part:

Screenshot 2020-02-13 15.35.00.png (260×766 px, 37 KB)

It seems the best solution would be to have 2 separate error messages: failed Luhn check, and no javascript available (probably contained in a <noscript> tag). However that is probably something that would need to be done by Ingenico.

jbolorinos-ctr renamed this task from Unclear error message on card input for 3DS to Unclear error message for unsupported credit card.Nov 5 2020, 6:48 PM

While testing T267152 I noticed this unclear error message DOES appear for the US (although not for GB)

image.png (903×1 px, 132 KB)