Support

Home Forums Event Espresso Premium Stripe Elements shows without fields for credit card number, expiry date, CVV no

Stripe Elements shows without fields for credit card number, expiry date, CVV no

Posted: June 18, 2021 at 10:50 am


codingforsail

June 18, 2021 at 10:50 am

Hi

Earlier this afternoon, a customer attempted to make a payment but their card was rejected by Stripe. The transaction failed with the following message:

“The bank required 3D Secure authentication for this payment. Update your integration to set up 3D Secure authentication.”

I read that link and other documents and it seems that 3D authentication is related to but is not the same as SCA (Secure Customer Authentication).

Do you think it likely that if we used Stripe Elements rather that Stripe Checkout this transaction would be accepted?

When I have tried this (recently) on our test installation, I get a page without fields for credit card number, expiry date etc. Could this be because Stripe is not connected on the test installation?

Best wishes,

Anita


Tony

  • Support Staff

June 21, 2021 at 3:18 am

Hi Anita,

I read that link and other documents and it seems that 3D authentication is related to but is not the same as SCA (Secure Customer Authentication).

Yeah, that is correct.

In short, SCA is a requirement under PSD2 and 3D secure is one of the methods used to meet that requirement.

Do you think it likely that if we used Stripe Elements rather that Stripe Checkout this transaction would be accepted?

Yes, the Stripe elements integration supports 3D Secure so it likely would be accepted.

When I have tried this (recently) on our test installation, I get a page without fields for credit card number, expiry date etc. Could this be because Stripe is not connected on the test installation?

Yes, you’ll get that if either the Stripe connection isn’t valid or there are some JavaScript errors being thrown on the page.

Those fields are the Stripe ‘elements’ so if there is an issue with the connection between your site and the Stripe account, those can’t load.

On your Stripe payment method are you using API keys or the ‘Connect’ button?


codingforsail

June 21, 2021 at 6:45 am

It’s the Connect button. Is there a way of making it ask for the API keys?

If so I could connect the test instance with test API Keys.


Tony

  • Support Staff

June 21, 2021 at 7:43 am

You can connect to your test account using the connect button.

If you are already connected, disconnect.

Set the Stripe payment method Debug mode to be enabled (it’s in the payment method settings) and save.

(Note from this point on, the Stripe payment method uses whichever Stripe account session you have active in your browser, make sure you are either logged into the correct account… or logged out of Stripe)

Click the connect button, if you have an active session it will try to connect to whichever account you have active. If you don’t have an active session the popup will ask for your Stripe email and ask you to log in. Once logged in click to skip the form and EE will connect to your Stripe account in test mode.


codingforsail

June 22, 2021 at 6:00 am

Thanks I’ve got the test instance connected using my test keys now.
But the fields are still blank.
Is that to be expected?


Tony

  • Support Staff

June 22, 2021 at 7:16 am

No, can you post a link to an event I can view this on?


codingforsail

June 22, 2021 at 7:27 am

There are lots of events on this page:
https://essatest.org.uk/activities/sailing/

We usually have the WP Users add-on activated but can’t at the moment.


Tony

  • Support Staff

June 22, 2021 at 7:29 am

Looks like I need login details to get view the site, you can send those using this form:

https://eventespresso.com/send-login-details/


codingforsail

June 22, 2021 at 8:50 am

This reply has been marked as private.


Tony

  • Support Staff

June 23, 2021 at 2:54 am

Hmm, strange. This may sound like an odd question but are you sure the Stripe account is connected correctly?

There are no errors on the page and that suggests to me that the connection is invalid, or something is preventing the JavaScript from loading on the page, any optimization plugins installed?


codingforsail

June 23, 2021 at 8:24 am

Looks to be connected OK. There is a message in the Developer Events section of my Stripe account that says my account authorised Event Espresso.
There is a plugin called FVM and I believe that does some optimisation. I’ll have a look at its settings.


codingforsail

June 23, 2021 at 10:16 am

This reply has been marked as private.


Tony

  • Support Staff

June 23, 2021 at 12:45 pm

Managed to reproduce this locally, it’s an issue with the new branch.

I’ve created a ticket to investigate and fix.

The support post ‘Stripe Elements shows without fields for credit card number, expiry date, CVV no’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso