5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e: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.

5a:[["$","$L5d",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":"$5e","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://re.chujiqiqi.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}}],"$L5f"]

Suggested for you