---
title: "Livestorm Form — Free Framer component · Best of Framer"
description: "Free Framer component · by Operative · Forms. Registration Form for Livestorm"
canonical: "https://framer.elliotli.dev/component/livestorm-form"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Livestorm Form

# Livestorm Form

Registration Form for Livestorm

[View on Framer](https://framer.com/marketplace/components/livestorm-form/?via=elliot-li)

![Livestorm Form preview image 1](https://framer.elliotli.dev/og/component/livestorm-form/ba692ea4beb8563f/1600x1200.jpg)

## Summary

Registration Form for Livestorm

## Description

**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

1.  Add the component to a page or CMS detail template
    
2.  Set the Form URL: `https://app.livestorm.co/p/{event-id}/form` (copy it from Livestorm's embed dialog, or bind a CMS field)
    
3.  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.
    
4.  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._

## Rank history [How rankings work →](/terms#rankings)

-   All · #2684

## Details

- **Author**: Operative
- **Published**: 2026-08-13
- **Updated**: 2026-08-13
- **Added**: 2026-08-13
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from