• Resolved ibrar1991

    (@ibrar1991)


    I installed:

    The latest version of woocommerce, And
    the latest version of WooCommerce Stripe Payment Gateway,

    But on the checkout page, there are no input fields for card details in checkout page, while their labels are still there.

    I thought, maybe it is conflicting with some plugin, I deactivated all the plugins and only Woocommerce and WooCommerce Stripe Payment Gateway plugins remained active, and I tried again and faced the same issue,

    Then I thought that there may be some conflicting point with the theme, so I installed Woocommerce official theme named StoreFront and tried again and faced the same issue,

    Then I thought that there may be some CSS issue, so I can inspect the fields and can display them properly, but when I inspected the stripe section and saw that there is no input field there, but just the following markup:

    <div id=”stripe-card-element” class=”wc-stripe-elements-field”>
    <!– a Stripe Element will be inserted here. –>
    </div>

    So I tried a couple of older versions of the plugin but no success. And even there is no relative error in the console.

    Searched through the internet for two days but could not find the proper solution to and could not solved the issue.

    I have been working with WordPress for 3 years and I installed this plugin on many websites with different themes, but never faced this type of issue, if this issue is not solved then that will be a big problem for me…

    Please check the website from the following link and please try to solve this issue.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Elvira K.

    (@treibalen)

    Hi there @ibrar1991,

    Thank you for such a detailed description of the issue together with the steps you already tried!

    Plugin/theme conflict is indeed one of the most popular causes of dysfunctional Stripe form during checkout, but there is one more – you should either have a valid SSL certificate for the whole site or Force SSL should be enabled for checkout pages as described here: https://docs.woocommerce.com/document/stripe/#section-16

    More about SSL/Force SSL setup: https://docs.woocommerce.com/document/ssl-and-https/

    I see that your site doesn’t have it:

    https://cld.wthms.co/G48oSw
    Link to image: https://cld.wthms.co/G48oSw

    Can you please look into it and get back to us if it’s still doesn’t work with SSL/Force SSL properly configured?

    Cheers!

    • This reply was modified 7 years ago by Elvira K.. Reason: Added clickable links
    Thread Starter ibrar1991

    (@ibrar1991)

    Thank you @treibalen for replying,

    As you can see that the website is in (sub-directory) development server, I will move it to the original server tonight and will respond you after checking that.

    Thank you.

    • This reply was modified 7 years ago by ibrar1991.
    Plugin Support dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    Hi @ibrar1991

    How did you get on with the SSL set-up?

    Our Stripe extension can work in a subdirectory or subdomain, as long as the main domain has an SSL certificate which accommodates that.

    Thanks,

    Thread Starter ibrar1991

    (@ibrar1991)

    Hi @dougaitken,

    I already have purchased the SSL and I will migrate this website tomorrow from subdirectory to main domain with SSL.

    So I will let you know if the issue is solved with SSL or not,

    Thank you for taking interest in this thread…

    Plugin Support dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    Hey @ibrar1991

    I’m going to mark this thread as Resolved as the SSL will resolve what we believe is the core issue here.

    If having an active SSL certificate on the site doesn’t resolve this, please do open up a new thread with full details or reach out to us via the WooCommerce.com Support form for Stripe.

    Thanks,

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

The topic ‘Credit card detail fields are missing in checkout page.’ is closed to new replies.