Livestorm Tip 👉 You can change the width attribute to change how fields are placed (if you need a column layout for example).
Use Your Own Landing Page to Register Attendees
With Livestorm, you can use your own landing pages to capture new registrations. Typically, if you want to track certain events, have a custom form or a custom design, you will want to use your own landing pages. There are two ways to do it at the moment: via our Registration Widget or via our Zapier integration.
In this article
Use Livestorm Widget#
Once you have created and published your event, you can grab the widget code of the registration form:
from the Share event modal
from the Registration page (detailed & light) when logged in to your Livestorm account
Paste this code wherever you like (Wordpress, custom landing page, etc.).
Use Zapier to Plug Livestorm With Another Source#
Zapier is a tool that allows you to connect web apps together. An integration between two apps is called a Zap. A Zap is made up of a Trigger and an Action. Whenever the trigger happens in one app, Zapier will automatically perform the action in another app.
🚨 GDPR compliance If you choose to opt for Zapier, please make sure to collect consent from your registrants to use their data. This is required if you won't be using our registration page/widget.
When collecting consent please don't forget to store the time, IP address, and the exact text of the consent for future references.
Here's the consent your registrants have to give in order to register for your event on Livestorm : "I agree to Livestorm's Terms of Service and the use of personal data as explained in Livestorm's Privacy Policy"
If you need to use your own custom HTML form, a Hubspot landing page, an Instapage landing page, or any other source, you must use Zapier to capture new registrations automatically in Livestorm.
Use Zapier for Native HTML Form#
Zapier has a built-in feature called webhook. You can use them as API endpoints.
A webhook is a URL to which you are going to send your data. The webhook is like a recipient for data. Zapier provides webhooks to capture any kind of data and send it to a destination like Livestorm.
Your webhook should look something like this:
Send some data in there and you're all set. Now, you can create forms and send the form data in that webhook. Then, all you have to do is create an action trigger with Livestorm.
When you have multiple dates (sessions) you need to create a different zap for each date since the session cannot be set dynamically.
However, you can add your session as 'Custom' and then find a way to send it to Zapier dynamically. You have two options: send it as a hidden field from your form or search it inside a Google Sheet like explained here. You can find the session IDs in the URLs on your dashboard, when you filter your event with one.
Use Zapier for Instapage & Page Builders#
In Instapage, you want to add a webhook as a destination for your form. We suggest you to read this step by step tutorial on how to set up Zapier for Instapage.
Create a zap with your form submissions from Instapage. This will be the trigger. Then add an action with Livestorm.
Use Zapier for Hubspot#
Even though we have a native Hubspot integration, it works only to send data to Hubspot, not from Hubspot to Livestorm. So if you want to create new registrations from Hubspot to Livestorm you will have to use Zapier.
Here is an example of a Zap template to register people for your events using Hubspot forms:
To do so, create a Zap, and the trigger will be 'New form submission'.
When choosing an event to create the registration, you will have to set an event and a session. When the event is over, you can change the Zap to create the registrant in a different session or a different event. Or you can create another Zap.
Join our On-Demand Product Training
During this 1h-training session, we will cover everything you need to know to manage your online event, from the event creation to hosting them live, and analyzing your participation data afterwards.