Skip to main content
Embed Your Registration Form

Learn how to capture Registrations from a custom landing page.

Jody Johnson avatar
Written by Jody Johnson
Updated over 8 months ago

Let's break it down! 🙌

Are you looking to capture registrations with a bit more control over the process?

Using our embed options, you can add the Registration form on a custom landing page. We offer a few different choices to ensure it fits perfectly with your setup. Simply choose your embed option, copy the snippet of code, and pop it onto your page. Boom!

Your landing page must support both HTML and JavaScript (JS) for the embed code to work correctly.

What are the options? ⚡️

To begin, you'll want to hop into the Share tab for your Event. From there, you'll find the Embed Options tab where you'll be able to tweak the options related to your registration embed and generate your embed code.

You have a few options to choose between!

Inline Embed

This will be your go-to for adding your form directly. We give you access to both an Unstyled and Styled form embed.

  • Unstyled: a blank form template that will inherit the styling that is applied to your landing page. The unstyled form does not support UTM tags and registrants' location tracking.

  • Styled: this one is pre-styled, with a few options to change the button text and color.

The session time will be converted to the registrant's device timezone. The timezone code won't be displayed in the registration form though.

Popover Embed

This one sets you up with a popover option that contains the Registration Form in a pop-up modal.

  • Link: You'll see the popover option as an inline link—this means you can add it directly as part of your text. The Button text will be capitalized.

  • Button: This adds that popover link as a button instead.

The session times will be converted to each registrant's device timezone. The timezone code will be specified once registrants pick a specific session or when you only have a single upcoming session available.

Getting it all added! 🍬

Once you've selected the Embed Option you'd like to go forward with, simply copy the code that is generated and paste it in your custom page code.

Looking to embed multiple Events?

If you're looking to list multiple Events, you can do so with the Showcase feature.

Did this answer your question?