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 to 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 from: Inline Embed and Popover Embed.
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.
With the Styled option, you are able to add a few customizations.
Form Header: You can add a title to your registration form that will show in the header banner.
Show Countdown: This toggle allows you to show/ hide the countdown timer for the event's scheduled time.
Show Headline: This toggle allows you to show/ hide the event title on the embedded registration form.
Show Session Date: This toggle allows you to show or hide the scheduled session date.
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. There are two embed styles:
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.
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.
You can choose your button size, whether small, medium or large.
You can opt to show/ hide the countdown to the event start time, the headline which is the event title, as well as the session date on the embedded form.
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 into your custom page code.
See how to add reCAPTCHA to your embed form for added security.
Looking to embed multiple Events?
If you're looking to list multiple Events, you can do so with the Showcase feature.