Credit and Debit Card Fields Not Showing Up

  • Resolved lsdev50

    (@lsdev50)


    3 months, 2 weeks ago

    Hello,

    I am experiencing an issue with the Stripe payment form on my WordPress site using the latest version of the plugin and the Divi theme. The credit and debit card fields sometimes fail to display, which prevents users from completing their payments.

    The payment form fields for credit and debit cards intermittently do not show up. Upon inspection, I discovered that CSS styles are being applied to the iframe that loads the payment form. Specifically, the CSS includes position: absolute and left: -10000px !important, which appears to be hiding the form fields.

    I have tried to debug the issue by disabling all plugins except for WooCommerce and the Stripe Gateway, and by activating the default theme. The problem still persists.

    SS – https://prnt.sc/Kqfetm9EZ5bx

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey there, @lsdev50! Thanks for contacting us. I’m happy to help you.

    Thank you for the information and troubleshooting!

    Have you noticed any pattern on when the fields do not show?

    Did this used to work correctly before or is this a new site and the issue happens since the begining?

    If it is the former, have you made any changes to the website recently? This could be adding or removing plugins or custom code, updating the theme or plugins, etc.

    Do you have any custom code/CSS on your website?

    Can you please share the website’s URL so we can take a look?

    Furthermore, I’d like to understand your site properly. Please share with us the necessary information below for us to investigate the issue further:

    System Status Report which you can find via WooCommerce > Status > Get system report > Copy for support.
    Fatal error logs (if any) under WooCommerce > Status > Logs. Then you can use the selector to search for Fatal Errors.
    You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.

    Looking forward to your reply.

    Have a wonderful day!

    I have also had this issue with 2 different divi websites using different plugins that add new features to the checkout page that disrupt the stripe fields. They either don’t show or are only a few pixels high and won’t allow any text input.

    Note: changing to twenty twenty three theme made no change to the issue.

    The solution was to alter the firing sequence of a webhook on the checkout page to give Stripe priority.
    Can I suggest that you make changes to the Stripe plugin to make sure it has the highest priority on the checkout page to avoid these issues.


    • This reply was modified 3 months, 1 week ago by thewpguy.
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.