Credit Card Checkout Form broken

  • Resolved Sophia M Williams

    (@andsonsdesign)


    6 years, 8 months ago

    The credit card form on my checkout page is not clickable and I am unable to checkout.

    I have the latest version of the plugin (4.1.8) installed.

    I think this problem started happening after switching from test to live in Stripe.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor royho

    (@royho)

    Hello,

    Stripe requires your site/checkout to have SSL installed.

    not working for me as well on all eshops. I have SSL. This is a bug. Please fix ASAP

    I have the same problem.

    The fields are all really thin and you cant click into them to type anything.

    I experienced the exact same error recently when I tried the Gutenberg plugin on a site. When I deactivated Gutenberg, the credit card fields went back to normal size again.

    Plugin Contributor royho

    (@royho)

    There are two common causes of the fields to be “thin” and unable to type anything. One is you’re on live mode and don’t have SSL installed. Second is you have some sort of JS error caused by either other plugins or the theme. You can see if you have JS errors if you pull up your browser developer tools and check the “console”. Stripe input fields runs on JS so if there are any JS errors, it would break other scripts that relies on it. I hope that helps.

    Hey,

    I think I have this problem too and I solved it with a bit of CSS :

    .stripe-card-group {
    width: 100%;
}

.wc-stripe-elements-field {
    width: 100%;
}

    Is this working for you ?

    The latest update of WooCommerce Stripe Payment Gateway solved this issue for me.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Credit Card Checkout Form broken’ is closed to new replies.