A Stripe Element Will Be Inserted Here - (HTTPS Working) - jQuery FIX
Channel: Power of the Web™
Date: 2022-09-30

I'm setting up a new WooCommerce store built 100% on a custom theme. After adding products to the cart and making my way to the checkout page, I realized that I was unable to insert my credit card details within the WooCommerce checkout fields. Specifically, I can't insert my credit card details into my stripe payment component within WooCommerce. 

I’m getting this statement from my code inspector 
(Insert a stripe element here)

After spending hours online researching, I eventually figured out that my main jQuery file was causing the conflict. I ended up placing the main.js file in the website’s header.php file, and all is good now. If you watch the video, you can see how I handled it. 

If you have a better solution, please comment below and let us know.

------------------------------------------------------------------------------------------------- 

Hello my name is Packy Savvenas, host of the YouTube channel "Power of the Web," award-winning web designer, artist, and devoted husband. Join me in a virtual/online website tutorial and lesson and improve your web development processes.

Power of the Web™
https://poweroftheweb.net
https://www.facebook.com/poweroftheweb/
https://www.instagram.com/poweroftheweb/

Packy Savvenas