Stripe Card Fields Not Displaying when form is embedded

Hi Jotform Support,

I’m using the Stripe “Sell Subscriptions” widget in a Classic Form layout. The form is embedded on my website via iFrame.

The issue: Only the name and email fields show under the subscription options. The actual credit card number, expiration, and CVC fields are not rendering or are being cut off.

Here’s what I’ve already tried:

• Increased iFrame height to 2400px+
• Enabled scrolling and overflow-y: auto
• Injected custom CSS to expand the Stripe container inside Jotform (#payment_container, #id_22, etc.)
• Verified that the form works in standalone view, but not in embedded version

This seems to be related to Stripe’s nested iframe not being fully rendered, even when there's space.

This issue seems very odd. Hoping to fix this ASAP...

Thanks,

Simon

Hi Simon,

Thanks for reaching out to Jotform Support. I understand that some of the payment fields are not showing on your form when embedded on your website. I checked your form using its direct link to see if the issue persists there as well, but the payment fields are showing correctly. Check out the screenshot below for my result:

Unfortunately, your website link doesn't seem visible on the screenshot that you shared. Can you share with us the link to your website where to form is embedded so we can investigate and help you further?

In the meantime, consider using other embed codes available such as the script embed method. Let me show where to find them:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the menu on the left side of the page, click on Embed.
3. Now, select the embed option you want to use, and click on Copy Code. (I used the iFrame method only to show in this case.)
4. Paste your code into your webpage's embed area, and that’s it.

Reach out again if you have any other questions.