Embed Jotform in Carrd
- Get the Jotform URL
Open Publish → Link and copy the form URL (not the script embed).
- Generate a clean iframe
Paste the URL below and pick Responsive to avoid Jotform's resize script.
- Add a Carrd Embed element
Set the element type to Code and paste the snippet.
- Publish and test
Publish the Carrd site and check the form on desktop and mobile.
Embed code generator
Paste your Jotform URL. The generator writes the snippet Carrd expects — no account, no watermark.
Aspect-ratio wrapper, scales to width
<div style="position:relative;padding-top:62.5%;width:100%;">
<iframe
src="https://lemforms.com/f/your-form-id"
style="position:absolute;inset:0;width:100%;height:100%;border:0;"
loading="lazy"
title="Embedded form"
></iframe>
</div>Live preview
This is the exact iframe your visitors will see. If it looks wrong here, it will look wrong on your site.
Where to paste it, per platform
Block editor → add a Custom HTML block, paste, then Preview.
Gotcha: Classic editor strips iframes in Visual mode — switch to the Text tab first.
Full WordPress embed guide →Add an Embed element (Add panel → Components → Embed) and paste.
Gotcha: Embeds don't render in the Designer canvas — use Preview or publish to see the form.
Full Webflow embed guide →Insert → Utility → Embed, choose HTML, paste the snippet.
Gotcha: Set the frame to Fixed height, or the iframe collapses to 0px.
Full Framer embed guide →Add → Embed Code → Embed HTML → Code, paste, then resize the box.
Gotcha: Wix wraps embeds in a fixed box — drag it taller than the form or it scrolls internally.
Full Wix embed guide →Add a Code block, set it to HTML, paste, and untick 'Display Source'.
Gotcha: Code blocks are unavailable on the Personal plan — use an embed block instead.
Full Squarespace embed guide →Theme editor → add a Custom Liquid section and paste the snippet.
Gotcha: Escape any Liquid-looking braces; Shopify tries to parse `{{ }}` inside Custom Liquid.
Full Shopify embed guide →Type /embed, paste the form URL directly (Notion builds the iframe).
Gotcha: Notion ignores raw HTML — use the plain form URL, not the snippet.
Full Notion embed guide →Add → Embed → Code, paste, set Style to Inline.
Gotcha: Carrd doesn't auto-size iframes — set an explicit height or the form gets clipped.
Full Carrd embed guide →What breaks, and what to do about it
- Free Jotform plans carry Jotform branding and a 100-submission monthly cap.
With LemForms: LemForms starts free with attribution you can remove on a paid plan, and no hard monthly wall on paid tiers.
- Jotform's iframe script injects its own resize listener, which can fight Carrd's layout.
With LemForms: A plain responsive iframe needs no third-party script at all.
- Conditional logic on Jotform's free tier is limited.
With LemForms: Conditional logic and calculations are available without a paid upgrade.
Frequently asked questions
Can I embed Jotform on Carrd's free plan?
Yes — the Embed element is available on free Carrd sites, and an iframe needs no extra scripts.
How do I remove the Jotform branding?
Only a paid Jotform plan removes it. Rebuilding the same fields elsewhere is usually cheaper for a single form.
Will the form resize automatically?
With the responsive snippet, yes. Jotform's own script is not required.
Rebuild the same form in minutes
Same questions, your styling, conditional logic, file uploads and a real submissions dashboard. Swapping the URL inside your snippet is the only change your site needs.
Other moves
- Google Forms → CarrdPaste your Google Form into Carrd with a working iframe, see exactly what breaks, and swap it for a form that matches your Carrd design.
- Google Forms → SquarespaceGet the Squarespace code-block snippet for any Google Form, see what breaks on mobile, and swap it for a form that matches your template.
- Google Forms → WebflowDrop any Google Form into a Webflow Embed element with responsive code, then see why designers usually replace it before launch.
- Typeform → SquarespaceSquarespace Code Block snippet for any Typeform, the response-limit catch, and a conversational alternative that keeps the same flow.