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.
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.
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:
Find your webinar in your webinar overview and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Click ‘Edit registration template’ or mouse over the monitor image and click ‘Edit registration page’
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. These are also applied to your webinar page. Keep in mind that changing these in the registration page editor also changes it on all other registration pages and that only account owners can change the theme colors. Follow these steps to edit your account’s theme colors:
Changing the registration page colors from the registration page editor
The easiest place to change your registration page colors is in the registration page editor. Follow these steps:
Find your webinar in your webinar list and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Click ‘Edit registration template’ or mouse over the monitor image and click ‘Edit registration page’
Under ‘Account theme colors’, choose an ‘Accent' color and a ‘Secondary' color
Make sure the checkbox next to ‘Custom theme enabled’ is checked
Click ‘Set theme colors'
Please note! Changing the registration page colors also changes the webinar page colors in order to keep things consistent.
Because this is a branding setting, only account owners can change the colors.
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:
You can always revert to the default colors by clicking ‘Reset to default’.
Changing the registration page colors from your account settings
The other place where you can change your registration page colors is in the account settings. Follow these steps:
Go to ‘Account’ > ‘Branding’
Click ‘Theme colors’
Scroll down to ‘Custom theme colors’
Choose an ‘Accent color’ and a ‘Secondary color’
Make sure the checkbox next to ‘Custom theme enabled’ is checked
Click ‘Update theme colors’
Please note! Changing the registration page colors also changes the webinar page colors in order to keep things consistent.
Because this is a branding setting, only account owners can change the colors.
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:
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:
Click the ‘Edit banner’ button on the banner in the preview or hover over the pencil icon in the ‘Banner’ square and click it
Click ‘+ Upload image’
Select the image you want to use
Optionally add alt text for the image
Click ‘Confirm’
Make sure to click ‘Save changes’ on the top right
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.
You can find two examples below. The orange box indicates which part of the banner is always visible, no matter the screen 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:
Click on the pencil icon
Change the title
Don’t forget to click ‘Save changes’
Toggling registration page elements
Most elements of the registration page can be toggled on and off whenever you want. You can show and hide these whenever you want:
‘Header’ section: ‘Share’ button, title, subtitle and countdown
The header section is everything right below the banner with exception of the sign-up form. That includes the ‘Share’ button, page title, page subtitle and webinar countdown.
‘Date and duration’ section
This section contains the webinar’s broadcast date and duration. You can toggle only the duration or both the date and duration. If you only turn off the duration, the section will change to be titled ‘Date and time’. When you turn off both, it’s gone entirely.
‘About’ 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.
‘Agenda’ section
The agenda section lists the content of the webinar, showing visitors of the registration page which subjects to expect, when to expect them and how long they will be discussed for.
‘Presented by’ section
A list of the presenters for the webinar in question.
'Organization highlight’ section: organization profile and organization logo
A description of your company and your company logo.
Follow these steps to toggle them:
Scroll down in the left-hand sidebar until you see the block that contains the element you want to toggle
Toggle the checkboxes to make the elements visible or invisible
Make sure to click ‘Save changes’ on the top right
Editing the ‘About’ section
The ‘About’ section can be edited in the registration page editor. Follow these steps to edit it:
Make sure the box next to ‘Show event description’ is checked
Scroll down to ‘About’ on the preview of the registration page
Write your text in the textbox and use the formatting options where desired
Make sure to click ‘Save changes’ on the top right
Formatting options
Emoji: Insert a chosen emoji into the text.
Header: Insert a header.
Bold: Insert bold text.
Italics: Insert italic text.
Strikethrough: Insert strikethrough text.
Link: Insert a link.
Video: Insert a video or change an existing one. You can also insert videos by pasting the link in the textbox.
Bulleted list: Insert a bulleted list.
Numbered list: Insert a numbered list.
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 ‘Agenda’ section
The agenda section of your registration page can be used to list the content of your webinar, at which time different subjects will be discussed and how long said subject will be covered for. It helps visitors of your registration page know what to expect, which makes them more likely to sign up for your webinar!
Follow these steps to configure your registration page’s agenda:
Find your webinar in your webinar overview and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Click ‘Edit registration template’ or mouse over the monitor image and click ‘Edit registration page’
Scroll down in the editor preview until you see ‘Agenda’ and click ‘+ Add agenda’
Click ‘Item description’ and enter the description of the topic you will discuss during the webinar
Click the ‘00’ before ‘mins’ and enter the amount of time scheduled for the topic
For each topic of your webinar, create a new row with ‘Add new row’ and repeat steps 5 to 7
Make sure to click ‘Save changes’ on the top right
Toggling the duration of topics in your ‘Agenda’ section
You can also use the ‘Agenda’ section without showing the duration of the topics, in case you aren’t sure how long each will take. Simply click the clock icon next to the webinar title in your ‘Agenda’ to toggle the durations.
Removing an agenda or removing topics from the list
Want to remove the entire agenda for your webinar from your registration page, but don’t want to toggle the section off entirely? Simply press the garbage bin icon next to the webinar title in the ‘Agenda’ section.
If you’ve changed your mind about discussing a certain topic during your webinar, all you have to do is mouse over the row and click the garbage bin icon for the subject you want to remove.
Editing the order of subjects in your ‘Agenda’ section
Made a mistake in your agenda’s order? No worries, you don’t have to remake the whole thing. Simply mouse over the row you want to move and use the up and down arrows to change the order.
Highlighting rows in the ‘Agenda’ section
Is there a subject (or multiple) that is more important than the rest in your webinar agenda? You can highlight their rows to call more attention to them. All you have to do is mouse over the row you want to highlight and click the icon that looks like a marker.
Highlighted rows will have a different color than the rest, making them pop out at your registration page’s visitor and catching their attention.
The ‘Agenda’ section for webinar series
When it comes to webinar series, all webinars within the series share the same registration page. That’s why you can create a separate agenda for each webinar in the series.
This way, you can have a separate agenda for every webinar in a 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’ 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 and company logo. It can be edited from both the registration page editor and the account’s ‘Branding’ settings. Keep in mind that changing this in the registration page editor also changes it on all other registration pages and that only account owners can change the organization profile and company logo.
Changing the organisation profile from the registration page editor
Find your webinar in your webinar list and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Click ‘Edit registration template’ or mouse over the monitor image and click ‘Edit registration page’
In the sidebar on the left, scroll down to ‘Organization highlight’
Type your description in the ‘Organization description’ textbox
Don’t forget to click ‘Update’ below the textbox
Changing the organisation profile from the ‘Branding’ settings
Log into your WebinarGeek account and go to ‘Branding’ in your account settings
Navigate to the ‘Organization profile’
You will find a textbox where you can write an organization description
Don’t forget to click ‘Update 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:
Click ‘Go to branding settings’ in the registration page editor or go to ‘Account’ > ‘Branding’
Click ‘Theme colors’
Use the dropdown menu to select your default theme
Use the checkbox to configure if registration page visitors and webinar viewers should be able to swap between the two themes freely or not
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.
Automatic translations
Three customizable text elements are automatically translated to the language used to view the registration page. These are:
The custom header label
The registration page title
The ‘About’ section
All of the above elements use custom text entered by you. We translate the text you’ve entered to the language the visitor is viewing the registration page in. For the title, we also include the original, untranslated text. The visitor can revert it to the original text at any time. Keep in mind that this is machine translation, which means that the translations can be a bit off.
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:
Find your webinar in your webinar overview and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Go to ‘Registration fields’
Use ‘+ Add general fields’ to add standard registration fields or use ‘+ Add custom fields’ to add custom registration fields
Optionally edit the registration fields’ labels by editing the text in the textboxes
Optionally set the registration field to be mandatory by checking the box next to ‘Required field’
If you want to edit an existing registration field, simply click the pencil icon.
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:
Find your webinar in your webinar overview and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Scroll down to ‘Redirect users to a custom URL after sign-up’
Click the pencil icon and enter the URL of your custom confirmation page
Click ‘Save’
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.
Please note! When you generate an embed code we give it a unique identifier. This unique identifier is in the code and can only be used once per page, which means that you cannot place the same embed code on one page multiple times. If you want to use the same embed form in multiple locations on one page, you’ll have to generate a new embed code so that the identifier is different. This can be done by refreshing the page and copying the new code.
Creating a button-type embed form
Follow the steps below to create a button-type embed form:
Find your webinar in your webinar overview and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Go to ‘Embed’
Select ‘Button’
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
If using the ‘Sticky embed button’ option, choose whether the button should appear on the left or the right side
Set the ‘Button text’, ‘Button color’ and ‘Button text color’
Set the language for the registration form that appears when clicking the button with the 'Embed language' menu
Set the theme for the registration form that appears when clicking the button with the 'Embed theme' menu
Optionally configure custom colors for the registration form that appears when clicking the button by checking the box next to 'Custom theme override' and selecting your colors in the box that appears
Optionally set a custom URL to redirect subscribers to after they sign up
Copy the code by clicking the icon with two pages and place it in your website’s HTML code
Creating an inline embed form
Follow the steps below to create an inline embed form:
Find your webinar in your webinar overview and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Go to ‘Embed’
Select ‘Inline embed’
Set the language for the registration form with the 'Embed language' menu
Set the theme for the registration form with the 'Embed theme' menu
Optionally configure custom colors for the registration form by checking the box next to 'Custom theme override' and selecting your colors in the box that appears
Optionally set a custom URL to redirect subscribers to after they sign up
Copy the code by clicking the icon with two pages and place it in your website’s HTML code
Creating a link-type embed form
Follow the steps below to create a link-type embed form:
Find your webinar in your webinar overview and click its title
Click the ‘Edit webinar’ button
Go to ‘Registration’
Go to ‘Embed’
Select ‘Custom link’
Set the ‘Button text’
Set the language for the registration form that appears when clicking the link with the 'Embed language' menu
Set the theme for the registration form that appears when clicking the link with the 'Embed theme' menu
Optionally configure custom colors for the registration form that appears when clicking the link by checking the box next to 'Custom theme override' and selecting your colors in the box that appears
Optionally set a custom URL to redirect subscribers to after they sign up
Copy the code by clicking the icon with two pages and place it in your website’s HTML 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.
Registration process for participants
Registration page
Visitors of your webinar are first greeted with your customized registration page.
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.
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.
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.
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.
Subscribers are reminded of the price before they confirm their sign-up in the pop-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.
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.