Skip to main content

Registration page

Learn about WebinarGeek’s registration page, the registration process and how to configure it.

Dewi avatar
Written by Dewi
Updated over 2 weeks ago

The registration page

Each of your webinars has its own registration page, though webinar series share one registration page. The registration page hosts the webinar’s sign-up form and is the page you share with your potential attendees. It’s the first thing your audience sees, which means it has to pique their interest as best as possible.

Registration to a webinar requires the attendee’s first name and email address by default. This information will always be required unless you share the ‘View without registration’ link. More registration fields can be added and made required at any time.

At first sight, visitors will be greeted by your logo and the webinar’s registration page banner. Below that they will find the webinar information, such as the title, date and time, countdown, webinar team and company description.

What the new registration page looks like with all elements activated

Once a visitor fills in the ‘Email’ box and clicks ‘Continue registration’, a pop-up window will open that requests the other information from them.

The pop-up window that appears when someone continues their registration

Editing the registration page

The registration page can be edited to suit your company’s branding and identity. Follow these steps to edit your registration page:

  1. Find your webinar in your webinar overview and click its title

  2. Click the ‘Edit webinar’ button

  3. Go to ‘Registration’

  4. Click ‘Edit registration template’ or mouse over the monitor image and click ‘Edit registration page’

An image of the registration page editor

Tip! The registration page is also used for your confirmation page.

Editing the registration page colors

The colors of your registration page depend on your account’s branding settings. It automatically adapts to the theme colors chosen for your account. Follow these steps to edit your account’s theme colors:

  1. Click ‘Go to branding settings’ in the registration page editor or go to ‘Account’ > ‘Branding’

    Opening the branding settings from the registration page editor

  2. Click ‘Theme colors’

  3. Scroll down to ‘Custom theme colors’

  4. Choose an ‘Accent color’ and a ‘Secondary color’

    Setting your account's theme colors

  5. Make sure the checkbox next to ‘Custom theme enabled’ is checked

    Toggling the custom theme colors

  6. Click ‘Update theme colors’

    Saving your theme color changes

The ‘Accent color’ is what determines the theme color of your registration page. We use a system based on color theory to design your registration page based on your choice. With the colors chosen in the steps above, the registration page looks like this:

The registration page with the theme colors in the example applied

Editing the registration page banner

The registration page comes with a default banner that adapts to your account’s theme colors, but it can always be changed to something else. Follow these steps to change your registration page banner:

  1. Click the ‘Edit banner’ button on the banner in the preview or hover over the pencil icon in the ‘Banner’ square and click it

    The 'Edit banner' button that can be found on the banner in the registration page editor

    The 'Edit banner' button that can be found in the 'Banner' section in the left-hand sidebar

  2. Click ‘+ Upload image’

  3. Select the image you want to use

  4. Optionally add alt text for the image

    Adding alt text to your banner for screenreaders

  5. Click ‘Confirm’

    Confirming your changes to the registration page banner

  6. Make sure to click ‘Save changes’ on the top right

    Saving the changes made to the registration page

Tip! Alt text is what screenreader software reads out to users. It’s meant to be a description of the image.

The part of the banner that is shown to visitors depends on the size of their screen. Refer to the template below to see what part of the banner is visible in which situation.

Template that shows which part of a banner is visible on which monitor size

Editing the title shown on the registration page

The registration page shows the webinar’s title by default, but this can be changed by following these steps:

  1. Click on the pencil icon

    Editing the title on your registration page

  2. Change the title

  3. Don’t forget to click ‘Save changes’

    Saving the changes made to the registration page

Registration page elements

The registration page contains three optional elements. They are as follows:

  • ‘About this event’ section

    A block of text that allows you to describe your webinar. Useful for driving conversion by explaining what will be discussed during the event and what attendees might gain by attending the webinar.

  • ‘Presented by’ section

    A list of the presenters for the webinar in question.

  • 'Organization highlight’ section

    A description of your company alongside your company logo.

These elements can all be toggled on and off to your preference. Follow these steps to toggle them:

  1. Scroll down in the left-hand sidebar until you see the three blocks labeled ‘About this event’, ‘Presented by’ and ‘Organization highlight'

  2. Toggle the checkboxes to make the sections visible or invisible

    Toggling registration page elements

  3. Make sure to click ‘Save changes’ on the top right

    Saving the changes made to the registration page

Editing the ‘About this event’ section

The ‘About this event’ section can be edited in the registration page editor. Follow these steps to edit it:

  1. Make sure the box next to ‘Show event description’ is checked

    Toggling the event description section

  2. Scroll down to ‘About this event’ on the preview of the registration page

  3. Write your text in the textbox and use the formatting options where desired

    Editing the event description in the registration page editor

  4. Make sure to click ‘Save changes’ on the top right

    Saving the changes made to the registration page

Formatting options

  1. Emoji: Insert a chosen emoji into the text.

  2. Header: Insert a header.

  3. Bold: Insert bold text.

  4. Italics: Insert italic text.

  5. Strikethrough: Insert strikethrough text.

  6. Link: Insert a link.

  7. Bulleted list: Insert a bulleted list.

  8. Numbered list: Insert a numbered list.

  9. Quote: Insert a quote.

Variables

Variable

Result

{{amount}}

How much a paid webinar costs

{{available_spots}}

Number of spots left when you limit the number of registrations

{{webinar_title}}

Title of the webinar

{{series_title}}

Title of the webinar series

Editing the ‘Presented by’ section

The ‘Presented by’ section displays your webinar team, which means it can only be edited by editing the webinar’s presenters. Read this article to find out how to edit your webinar team.

Tip! Use the ‘About this event’ section instead if you would like to show team members that aren’t part of the webinar team or simply want to list the team members in a different manner.

Editing the ‘Organization highlight’ section

The ‘Organization highlight’ displays your organization profile, which means it’s edited in your account’s ‘Organization profile’ in the ‘Branding’ settings. Read this article to find out how to edit your organization profile.

Light and dark theme

The registration page has a light and dark theme by default. You can either force the registration page to use one of the two themes or let viewers decide which they prefer. Follow these steps to configure the light and dark themes:

  1. Click ‘Go to branding settings’ in the registration page editor or go to ‘Account’ > ‘Branding’

    Opening the branding settings from the registration page editor

  2. Click ‘Theme colors’

  3. Use the dropdown menu to select your default theme

    Setting the webinar theme to light or dark

  4. Use the checkbox to configure if registration page visitors and webinar viewers should be able to swap between the two themes freely or not

  5. Don’t forget to click ‘Update webinar theme’

Please note! If the checkbox ‘All participants can toggle between light and dark mode.’ is toggled on, the default theme for your registration and webinar pages will depend on the attendee’s device settings.

When the checkbox ‘All participants can toggle between light and dark mode.’ is toggled on, visitors can use a button to swap between dark and light mode.

The button participants can use to toggle between light and dark mode

Editing registration fields

By default, webinars only require attendees to provide their first name and email address. You can add more fields to the sign-up form to ask for more information. Follow these steps to add registration fields:

  1. Find your webinar in your webinar overview and click its title

  2. Click the ‘Edit webinar’ button

  3. Go to ‘Registration’

  4. Go to ‘Registration fields’

  5. Use ‘+ Add general fields’ to add standard registration fields or use ‘+ Add custom fields’ to add custom registration fields

    Adding a registration field

  6. Optionally edit the registration fields’ labels by editing the text in the textboxes

  7. Optionally set the registration field to be mandatory by checking the box next to ‘Required field’

Setting a field as required

If you want to edit an existing registration field, simply click the pencil icon.

Editing an existing registration field

Using a custom confirmation page

Normally, the registration page functions as the confirmation page after sign-up. However, you can configure your own custom confirmation page URL in the webinar wizard by following these steps:

  1. Find your webinar in your webinar overview and click its title

  2. Click the ‘Edit webinar’ button

  3. Go to ‘Registration’

  4. Scroll down to ‘Redirect users to a custom URL after sign-up’

  5. Click the pencil icon and enter the URL of your custom confirmation page

  6. Click ‘Save’

Setting a custom confirmation page URL

Embed form

If you want people to sign up for your webinars through your own website, the embed form is your best friend. It allows you to place the registration form on your own website in one of three different ways:

  • As a button

    This option is a button that opens the registration form. It can be placed in a set location on your website or as an overlay that stays visible as visitors scroll through your page.

  • As an inline embed

    This option is the registration form itself. You can place it in a set location on your website.

  • As a custom link

    This option is a simple hyperlink that opens the registration form. You can place it in a set location on your website.

The inline embed and the forms that appear when you use the button and custom link options use your account’s branding theme colors. Follow the steps here to edit them.

Creating a button-type embed form

Follow the steps below to create a button-type embed form:

  1. Find your webinar in your webinar overview and click its title

  2. Click the ‘Edit webinar’ button

  3. Go to ‘Registration’

  4. Go to ‘Embed’

  5. Select ‘Button’

    Selecting a button-type embed

  6. Choose ‘Inline embed button’ for a button in a set location on your website or ‘Sticky embed button’ for a button that stays visible as visitors scroll through the page

    Choosing the type of embed button

  7. If using the ‘Sticky embed button’ option, choose whether the button should appear on the left or the right side

  8. Set the ‘Button text’, ‘Button color’ and ‘Button text color’

    Customizing your embed button

  9. Optionally set a custom URL to redirect subscribers to after they sign up

    Redirecting subscribers to a custom confirmation page after using the embed button

  10. Copy the code by clicking the icon with two pages and place it in your website’s HTML code

Copying the embed button code

Creating an inline embed form

Follow the steps below to create an inline embed form:

  1. Find your webinar in your webinar overview and click its title

  2. Click the ‘Edit webinar’ button

  3. Go to ‘Registration’

  4. Go to ‘Embed’

  5. Select ‘Inline embed’

    Selecting an inline embed

  6. Optionally set a custom URL to redirect subscribers to after they sign up

    Redirecting subscribers to a custom confirmation page after using the embed button

  7. Copy the code by clicking the icon with two pages and place it in your website’s HTML code

Copying the embed button code

Creating a link-type embed form

Follow the steps below to create a link-type embed form:

  1. Find your webinar in your webinar overview and click its title

  2. Click the ‘Edit webinar’ button

  3. Go to ‘Registration’

  4. Go to ‘Embed’

  5. Select ‘Custom link’

    Selecting a link-type embed

  6. Set the ‘Button text’

  7. Optionally set a custom URL to redirect subscribers to after they sign up

    Redirecting subscribers to a custom confirmation page after using the embed button

  8. Copy the code by clicking the icon with two pages and place it in your website’s HTML code

Copying the embed button code

Attaching custom registration links

When you’ve created custom registration links, you might want to use them in your embed form as well.

These custom links allow you to save the source of the registration, such as when using a UTM or campaign URL. When you’ve got multiple embed forms, you have the option to track the embed form the registration originates from.

You can attach this value inside the embed code as a so-called 'cst' parameter.

Here’s what you can do. In the embed form code, before }); </script>. You can add , cst: "link_name"

In which you should replace link_name for the name you just used to generate the custom registration link, or the campaign parameter, such as 'linkedin' or 'facebook'. You code will now look a little something like this:

<div id="mw_WjvggBJZHIc_webinargeek"></div>
<script>
(function(w,d,stn,sa,gn,se,fse){w[gn]=w[gn]||function(){(w[gn].q = w[gn].q||[]).push(arguments)};
se=d.createElement(stn);fse=d.getElementsByTagName(stn)[0];se.id=gn;se.async=1;
se.src=sa+'?t='+new Date().toISOString().slice(0, -9);fse.parentNode.insertBefore(se, fse);
})(window, document, 'script', 'https://malong.webinargeek.com/malong.embed.js', 'mw_WjvggBJZHIc');
mw_WjvggBJZHIc("init", {
project: "registration",
identifier: "identity string",
shape: "inline",
cst: "link_name"
});
</script>

After registration you’ll be able to see in your webinar statistics which link registrants used to register. Click here for more information about custom registration links.

‘View without registration’ link

The ‘View without registration’ link allows attendees to skip the registration page, sending them straight to either the countdown page, webinar entry page (where they enter their first name) or webinar page (if first name isn’t required). Because it doesn’t use the registration page, the registration page template is not used and this page cannot be edited.

A webinar countdown page

A webinar entry page

Registration process for participants

Registration page

Visitors of your webinar are first greeted with your customized registration page.

How a registration page appears to a visitor first opening it

When they enter their email address and click ‘Continue registration’, a new window will appear where they’re prompted to enter the rest of their information.

The window that opens when a visitor clicks 'Continue registration' on the registration page

Once they click ‘Confirm sign-up’ in this window, they’ll see the confirmation window that shows their unique viewing link and offers the option to resend the confirmation email.

The confirmation a visitor gets after signing up for a webinar

Tip! If you want subscribers to only receive their unique viewing link through the confirmation email, use the ‘Send viewing link only per email’ setting.

When they close the window, the registration page will remind them that they have already registered for the webinar. They can click ‘See your upcoming broadcast’ to review their unique viewing link and resend their confirmation email.

Keep in mind that reopening the registration page from a fresh link will remove the notification that they’ve already registered and the option to see their unique viewing link. However, the subscriber will always have access to their unique viewing link through the confirmation email they’ve received.

How the registration page appears to someone that just signed up for the webinar

Embed form

When using the ‘Button’ or ‘Custom link’ embed options, the registration form window will open after clicking them. The ‘Inline embed’ option shows the registration form by default. Subscribers are asked to enter their information and then confirm their sign-up, after which they receive their confirmation.

Paid webinars

Paid webinars feature the webinar’s price below the ‘Date and time’ section on the registration page.

How the price of a paid webinar is listed on the registration page

Subscribers are reminded of the price before they confirm their sign-up in the pop-up window.

A reminder of the price in the sign-up window

Once they click ‘Register and pay’, they are redirected to the payment page. If the automatic redirection fails, they can go to the payment page with the ‘Make payment’ button.

After payment, they return to the registration page where they receive a notification that their payment was successful.

A notification that a subscriber's payment was successful

Frequently asked questions

Why is the form a two-step process? Why can't people enter all of their information on the same page?

We’ve spent 10 years doing in-depth research and analyzing data from tens of thousands of webinars to find the best way to turn visitors on a registration page into actual sign-ups.

Based on that, we created a flow where visitors first leave their email address. This way, they’re already involved in the process. Our data shows that almost no one drops out after this step, and it leads to higher conversion than showing the full form right away.

It’s similar to how online shopping carts work in steps, and in the end, it gives the highest conversion from visitor to registration. This is also known as the wizard design pattern.

Did this answer your question?