Embed guide

Embed a YeetForm in Carrd

Carrd's Embed element accepts a plain iframe, which is the safest option on a platform built around simple, fast one-pagers, no script tags to worry about breaking. Custom code elements are a Pro feature, so free Carrd sites can't embed a live form directly, but linking out to it works on any plan while you decide whether to upgrade.

Steps

Add an Embed element

In the Carrd builder, click + to add an element, and choose Embed from the content options. This requires a Pro Standard plan or above, free-plan sites can add a Link element pointing at your form's URL instead.

Set the type to Code and paste the iframe

Choose Code as the embed type and paste the snippet below. Carrd renders it as a sandboxed iframe, so the plain URL method is the reliable choice here.

<iframe
  src="https://yeetform.io/f/your-form-slug?embed=true"
  width="100%"
  height="600"
  frameborder="0"
  style="border:none;border-radius:8px;"
></iframe>

Adjust height and publish

Set the element's height to comfortably fit your form (Carrd elements don't auto-resize to embedded content), then publish the site.

Tips

•Carrd embeds don't support the SDK's postMessage auto-resize, so pick a fixed height with some headroom, especially for longer or multi-page forms.
•The ?embed=true URL strips YeetForm's own header and background, which matters more on Carrd since one-pagers are usually tightly designed.
•Add a hidden field and prefill it from the page URL (?utm_source=... or ?field_id=value) to know which Carrd site or section a response came from.

Build your form with AI in seconds

Free plan includes AI generation, logic and embedding.

Build your form with AI in seconds

FAQ

Can I embed a form on Carrd's free plan?+

Not with a code embed, Carrd's Embed element requires a Pro Standard plan or higher. On the free plan, add a Link or Button element pointing at your form's URL instead.

Why use a plain iframe instead of the JS SDK on Carrd?+

Carrd renders custom embeds inside a sandboxed iframe of its own, so a plain iframe URL is simpler and more reliable than nesting the SDK's script-based embed inside it.

Will the form resize to fit its content in Carrd?+

No, set a fixed height on the Embed element that comfortably fits your form, since Carrd doesn't run the auto-resize listener the SDK normally uses.

Is there a limit to how many forms I can embed on one Carrd page?+

No hard limit from YeetForm's side, though a one-pager with several embedded forms can get visually crowded, most Carrd sites embed one focused form per section.