Unable to add payment method

Hi @mborin ,

As I understand, you’re getting the error after you add the card details and then click the “Add Payment Method” button shown in the screenshot below, is that right?

Link to image: https://i.ibb.co/34FBCTp/add-pm.png

If so, I recommend trying the following:

• Check if you’re able to add a different card
• If you can’t add any other card, then please try doing a conflict test as per the steps here: https://docs.woocommerce.com/document/woocommerce-self-service-guide/#section-4

Do let us know how that goes and if you need any further help from us.

No I can not add card details. There is no field for that. I only see one choice to select Stripe and just the button. After I click Add payment button I get the “There was a problem adding the payment method.”

• This reply was modified 4 years, 8 months ago by mborin.

If you do not see a field where you can add the credit card number, expiry date and CVC code, it’s often caused by a conflict with another plugin.

Do you see any error messages in your browser console when you check that page?

As soon as I click the button my consol shows this error:

Uncaught TypeError: m.form.block is not a function
at Object.block (woocommerce_stripe-v78f0af90fd57adbc6355ff6f38b064aebf7ce4c8.js:2)
at HTMLFormElement.onSubmit (woocommerce_stripe-v78f0af90fd57adbc6355ff6f38b064aebf7ce4c8.js:2)
at HTMLFormElement.dispatch (jquery.min.js:3)
at HTMLFormElement.r.handle (jquery.min.js:3)

It looks like this may be caused due to a theme conflict, or possibly a third-party plugin. I’d recommend the conflict-testing steps here to isolate the source of the issue:?https://docs.woocommerce.com/document/how-to-test-for-conflicts/

The best way to determine if the issue is being caused by a theme and/or plugin is to do the following:
– Temporarily switch your theme back to a default?theme, such as Storefront (https://woocommerce.com/products/storefront/)
– Disable all plugins except for WooCommerce and Stripe.
– Clear your browser cache, and the cache on your site if you have one there.
– Test to see if the issue has been resolved.

If that resolves the issue, then one-by-one you can switch back your theme and re-enable your plugins, testing in between, until the problem appears again. This will then give you an idea about which plugin is the one causing the conflict.

Since these tests will impact the look and functionality of the site, we strongly recommend using a staging site where you can do your testing.
If you don’t already have a staging site set up, check with your hosting company as many offer this as part of their packages. Otherwise, you can use a free plugin such as?WP Staging to set one up.

Yep it is a plugin conflict. I will close this thread.

When I deactivate WooCommerce the issue is solved. But obviously I can’t use Stripe without WooCommerce so what is the solution?

Here is the WC log entry:

2020-07-23T18:50:18+00:00 DEBUG
====Stripe Version: 4.5.0====
====Start Log====
sources/
====End Log====

2020-07-23T18:50:18+00:00 DEBUG
====Stripe Version: 4.5.0====
====Start Log====
customers/cus_HhSsp76J12j37Z/sources request: Array
(
[source] =>
)

====End Log====

2020-07-23T18:50:19+00:00 DEBUG
====Stripe Version: 4.5.0====
====Start Log====
Add payment method Error: There was a problem adding the payment method.
====End Log====

I found the plugin conflict.