59:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0ebkvqksdxj8m.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2zqx3_h6kju09.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3wk6_kr5br5aj.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/03j_erjzu_t0-.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js"],"PostDetailCard"] 5a:T75d,

Bring Livestorm registration into your Framer site. Drop this component on any page or CMS detail template, paste your event's form URL (or bind it to a CMS field), and visitors can register without ever leaving your site.

Automatic UTM passthrough

Campaign parameters (utm_*, gclid, li_fat_id) are read from the page URL and forwarded to Livestorm automatically, so your source reporting in Livestorm stays as complete as on a hosted landing page. Works with Framer's query parameter persistence for first-touch attribution across pages, with an optional sessionStorage fallback.

Built for CMS templates

Bind the Form URL property to a CMS field and every webinar detail page gets its own registration form. The component fills its frame: make it wider and Livestorm renders a multi-column form, so you control the layout by simply resizing.

Polished by default

Loading and fallback states, an accessible iframe title for screen readers, and a clean editor placeholder so your canvas stays tidy. Campaign parameters are configurable: keep the default tracking list or forward every parameter on the page.

How to use

Add the component to a page or CMS detail template
Set the Form URL: https://app.livestorm.co/p/{event-id}/form (copy it from Livestorm's embed dialog, or bind a CMS field)
Size the frame: width controls the column layout (wider renders a multi-column form). Set a fixed height or let the component fill its parent; the embedded form cannot report its own height, so it uses 620px until you say otherwise.
Publish! Your registrations and attribution land in Livestorm

Tip: style the form colors and logo in your Livestorm event settings; branded events blend seamlessly into your page.

56:[["$","$L59",null,{"post":{"id":"019ffbd4-db43-745a-8433-b03a51f14cfd","title":null,"body":"

First of many, we hope!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"First of many, we hope!"}]}]},"author":{"framerUserId":"41d019aa-2c5f-49ec-b19d-d521bb97018e","name":"Operative","slug":"operative","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/41d019aa-2c5f-49ec-b19d-d521bb97018e/8o6zbmjc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DqUYJMlShuIkFFuhMpHi","resolved":true,"title":"Livestorm Form","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring Livestorm registration into your Framer site.","marks":[{"type":"bold"}]},{"type":"text","text":" Drop this component on any page or CMS detail template, paste your event's form URL (or bind it to a CMS field), and visitors can register without ever leaving your site."}]},{"type":"customHeading","content":[{"type":"text","text":"Automatic UTM passthrough"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Campaign parameters (utm_*, gclid, li_fat_id) are read from the page URL and forwarded to Livestorm automatically, so your source reporting in Livestorm stays as complete as on a hosted landing page. Works with Framer's query parameter persistence for first-touch attribution across pages, with an optional sessionStorage fallback."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for CMS templates"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Bind the Form URL property to a CMS field and every webinar detail page gets its own registration form. The component fills its frame: make it wider and Livestorm renders a multi-column form, so you control the layout by simply resizing."}]},{"type":"customHeading","content":[{"type":"text","text":"Polished by default"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Loading and fallback states, an accessible iframe title for screen readers, and a clean editor placeholder so your canvas stays tidy. Campaign parameters are configurable: keep the default tracking list or forward every parameter on the page."}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add the component to a page or CMS detail template"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the Form URL: "},{"type":"text","text":"https://app.livestorm.co/p/{event-id}/form","marks":[{"type":"code"}]},{"type":"text","text":" (copy it from Livestorm's embed dialog, or bind a CMS field)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Size the frame: width controls the column layout (wider renders a multi-column form). Set a fixed height or let the component fill its parent; the embedded form cannot report its own height, so it uses 620px until you say otherwise."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish! Your registrations and attribution land in Livestorm"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Tip: style the form colors and logo in your Livestorm event settings; branded events blend seamlessly into your page.","marks":[{"type":"italic"}]}]}]},"introduction":"Registration Form for Livestorm","slug":"livestorm-form","author":{"framerUserId":"41d019aa-2c5f-49ec-b19d-d521bb97018e","name":"Operative","slug":"operative","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/41d019aa-2c5f-49ec-b19d-d521bb97018e/8o6zbmjc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/41d019aa-2c5f-49ec-b19d-d521bb97018e/019ffbd4-6759-7000-8a0e-617ebb680b70.png","metadata":{"tint":{"h":198,"s":92,"l":33},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-13T15:54:18.317Z","updatedAt":"2026-08-13T20:08:51.128Z","publishedAt":"2026-08-13T15:54:18.313Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LivestormRegistration-ckq3iW.js@sXkTqgRG5OuQ6vMWEvfB","previewUrl":"https://livestorm.framer.website/registrationform/example","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"sXkTqgRG5OuQ6vMWEvfB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-13T15:54:18.819Z","updatedAt":"2026-08-13T15:54:18.819Z","reported":false}}],"$L5b"]

Suggested for you