[GlobalStep] User is unable to add new payment method after clicking "Add payment method" button on the "My account > Payment methods" page when "legacy checkout experience" is enabled. #3259
User is unable to add new payment method after clicking "Add payment method" button on the "My account > Payment methods" page when "legacy checkout experience" is enabled.
Upload and activate the WooCommerce Stripe Payment Gateway v8.5.0-test plugin.
Connect the store to a Stripe account.
Enable legacy option from Stripe-> Settings page.
Go the Shopper page.
Click on My accounts menu.
Now add a new payment method on clicking "Add payment method" button on the Payment methods" option.
Observe that, user is unable to add new payment method after clicking "Add payment method" button on the "My account > Payment methods" page when "legacy checkout experience" is enabled.
User is unable to add new payment method after clicking "Add payment method" button on the "My account > Payment methods" page when "legacy checkout experience" is enabled.
Expected Result:
User should be able to add new payment method after clicking "Add payment method" button on the "My account > Payment methods" page when "legacy checkout experience" is enabled.
Bug Description:
User is unable to add new payment method after clicking "Add payment method" button on the "My account > Payment methods" page when "legacy checkout experience" is enabled.
Environment:
Woocommerce Version: 9.0.2 WordPress version: v6.5.5 WooCommerce Stripe Gateway Version: 8.5.0-test PC: Windows 10 Chrome (Version 126.0.6478.127) Firefox (Version 127.0.2)
Steps to Reproduce:
Instruction:
https://github.com/woocommerce/woocommerce-gateway-stripe/wiki/Critical-flows-%E2%80%90-Instructions#add-a-new-payment-method
Actual Result:
User is unable to add new payment method after clicking "Add payment method" button on the "My account > Payment methods" page when "legacy checkout experience" is enabled.
Expected Result:
User should be able to add new payment method after clicking "Add payment method" button on the "My account > Payment methods" page when "legacy checkout experience" is enabled.
Video:
https://github.com/woocommerce/woocommerce-gateway-stripe/assets/41110392/ab33b3bd-5423-4831-80c0-04455167ee67
Isolating the problem (mark completed items with an [x]):
System Status Report
``` ### WordPress Environment ### WordPress address (URL): [Redacted] Site address (URL): [Redacted] WC Version: 9.0.2 Legacy REST API Package Version: The Legacy REST API plugin is not installed on this site. Action Scheduler Version: ✔ 3.7.4 Log Directory Writable: ✔ WP Version: 6.5.5 WP Multisite: – WP Memory Limit: 512 MB WP Debug Mode: – WP Cron: ✔ Language: en_US External object cache: ✔ ### Server Environment ### Server Info: nginx PHP Version: 8.1.29 PHP Post Max Size: 2 GB PHP Time Limit: 1200 PHP Max Input Vars: 6144 cURL Version: 8.7.1 OpenSSL/3.0.11 SUHOSIN Installed: – MySQL Version: 10.6.18-MariaDB-log Max Upload Size: 2 GB Default Timezone is UTC: ✔ fsockopen/cURL: ✔ SoapClient: ✔ DOMDocument: ✔ GZip: ✔ Multibyte String: ✔ Remote Post: ✔ Remote Get: ✔ ### Database ### [REDACTED] ### Post Type Counts ### attachment: 23 page: 9 post: 2 product: 24 product_variation: 7 revision: 5 shop_order_placehold: 65 wp_navigation: 1 ### Security ### Secure connection (HTTPS): ✔ Hide errors from visitors: ✔ ### Active Plugins (5) ### Query Monitor: by John Blackbourn – 3.16.3 Akismet Anti-spam: Spam Protection: by Automattic - Anti-spam Team – 5.3.2 WooCommerce Stripe Gateway: by WooCommerce – 8.5.0-test WooCommerce Subscriptions: by WooCommerce – 6.4.1 WooCommerce: by Automattic – 9.0.2 ### Inactive Plugins (0) ### ### Dropin Plugins () ### advanced-cache.php: advanced-cache.php db.php: Query Monitor Database Class (Drop-in) object-cache.php: Memcached ### Must Use Plugins (1) ### load.php: by – ### Settings ### API Enabled: – Force SSL: – Currency: USD ($) Currency Position: left Thousand Separator: , Decimal Separator: . Number of Decimals: 2 Taxonomies: Product Types: external (external) grouped (grouped) simple (simple) subscription (subscription) variable (variable) variable subscription (variable-subscription) Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog) exclude-from-search (exclude-from-search) featured (featured) outofstock (outofstock) rated-1 (rated-1) rated-2 (rated-2) rated-3 (rated-3) rated-4 (rated-4) rated-5 (rated-5) Connected to WooCommerce.com: – Enforce Approved Product Download Directories: ✔ HPOS feature enabled: ✔ Order datastore: Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore HPOS data sync enabled: – ### Logging ### Enabled: ✔ Handler: Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2 Retention period: 30 days Level threshold: – Log directory size: 5 KB ### WC Pages ### Shop base: #5 - /shop/ Cart: #6 - /cart/ Checkout: #7 - /checkout/ My account: #8 - /my-account/ Terms and conditions: ❌ Page not set ### Theme ### Name: Storefront Version: 4.6.0 Author URL: https://woocommerce.com/ Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme WooCommerce Support: ✔ ### Templates ### Overrides: – ### Subscriptions ### WCS_DEBUG: ✔ No Subscriptions Mode: ✔ Live Subscriptions Live URL: Subscriptions-core Library Version: 7.2.0 Subscription Statuses: wc-active: 13 WooCommerce Account Connected: ❌ No Report Cache Enabled: ✔ Yes Cache Update Failures: ✔ 0 failure ### Store Setup ### Country / State: United States (US) — California ### Subscriptions by Payment Gateway ### Stripe: wc-active: 13 ### Payment Gateway Support ### Stripe: products refunds tokenization add_payment_method subscriptions subscription_cancellation subscription_suspension subscription_reactivation subscription_amount_changes subscription_date_changes subscription_payment_method_change subscription_payment_method_change_customer subscription_payment_method_change_admin multiple_subscriptions ### Admin ### Enabled Features: activity-panels analytics product-block-editor coupons core-profiler customize-store customer-effort-score-tracks import-products-task experimental-fashion-sample-products shipping-smart-defaults shipping-setting-tour homescreen marketing mobile-app-banner navigation onboarding onboarding-tasks product-custom-fields remote-inbox-notifications remote-free-extensions payment-gateway-suggestions shipping-label-banner subscriptions store-alerts transient-notices woo-mobile-welcome wc-pay-promotion wc-pay-welcome-page Disabled Features: minified-js new-product-management-experience pattern-toolkit-full-composability product-pre-publish-modal settings async-product-editor-category-field launch-your-store product-editor-template-system Daily Cron: ✔ Next scheduled: 2024-07-10 06:31:14 +00:00 Options: ✔ Notes: 65 Onboarding: skipped ### Action Scheduler ### Complete: 150 Oldest: 2024-07-08 06:32:37 +0000 Newest: 2024-07-08 08:31:17 +0000 Failed: 2 Oldest: 2024-07-08 06:34:48 +0000 Newest: 2024-07-08 08:01:37 +0000 Pending: 17 Oldest: 2024-07-09 07:35:57 +0000 Newest: 2025-07-08 08:22:53 +0000 ### Status report information ### Generated at: 2024-07-09 07:37:08 +00:00 ```