Add Payment Method not showing card fields

  • Resolved fonderco

    (@fonderco)


    1 year, 4 months ago

    I have woocommerce subscriptions installed and working. Users are signing up and I’m getting paid. (i.e. Square is working for initial checkout.)

    But, when a user goes to their account page and clicks on Payment Methods -> Add Payment Method the credit card icons are shown but no fields are populated.

    Basically the div “wc-square-credit-card-container” is empty.

    I have the latest Woocommerce, Woo Subscriptions and Square plugins.

    I have removed all plugins and changed to the default 2023 theme.

    There are no JavaScript errors or ajax 500/400 errors. In the network console there are only 200/204 statuses.

    I have no cache plugins running. (Lots of other people reported issues with SiteGround Optimization plugin)

    I’m on a WHM/cPanel Digital Ocean droplet.

    I like using the Square platform for accepting payments, but I need to get this fixed ASAP.

    Any ideas?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Saif

    (@babylon1999)

    Hello @fonderco,

    Thank you for reaching out!

    I wasn’t able to replicate the issue on my test site:


    Link to image: https://d.pr/i/UeiPRt

    Could you please attach a copy of your site’s System Status report? You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support” (after you scroll down a bit)”. Once done, please paste it here in your reply or via a text-sharing service like https://gist.github.com/.

    It’s also worth checking if there are any fatal or Square-related error logs from WooCommerce > Status > Logs (you can use the drop-down menu to filter the search with keywords like fatal & square).

    Look forward to hearing back from you.

    Thread Starter fonderco

    (@fonderco)

    Thank you for reply.

    I went back through and tested everything again, and I found the conflict. Your plugin does not work the Elementor Woocommerce My Account Widget: https://elementor.com/help/woocommerce-my-account-widget/

    When I just use the woo my account shortcode, it works.

    When I use the widget to assist in styling the my account page it doesn’t work.

    My guess is that the javascript that pops the fields into the div is relying on a structure of divs/ids/css classes that gets changed by the widget.

    It would be great if the two plugins worked together as Elementor is very, very popular.

    I was able to go back to the standard shortcode and manually style the page.

    IMO, you should reach out to Elementor and try to work it out. LOL

    Thread Starter fonderco

    (@fonderco)

    Forgot to mark as resolved.

    I went back through and tested everything again, and I found the conflict. Your plugin does not work the Elementor Woocommerce My Account Widget: https://elementor.com/help/woocommerce-my-account-widget/

    When I just use the woo my account shortcode, it works.

    When I use the widget to assist in styling the my account page it doesn’t work.

    Hey there @fonderco ,

    Thank you so much for adding your input! Some of our customers might indeed find this guide helpful!

    We appreciate you being an active part of the community ??

    Have a wonderful day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add Payment Method not showing card fields’ is closed to new replies.