Setting up the webinar registration page
In each webinar, there will be design section where the first tab will be “Registration” where you will be able to find all the options to customize your Registration page. We will cover the main sections of registration page as mentioned below.
- Header
- Description
- Registration form
- Login Tab
There will be mainly 2 types of Layout options you will have to choose from
- Studio Layout
- Classic Layout
You should be able to make similar customization to both Layouts but we shall discuss both below.
Studio Layout
The studio Layout is set in a way that it has header, registration form on right side and webinar description on left side. You can also insert image or video right above the text description of your webinar. You can insert footer & custom CSS on the registration page.You will be able to see below main sections of page which you will be able to customize.
Header - In header section – a user can change color, background image, webinar title, webinar subtitle, use padding (Top, Bottom, Left, Right) options for all.
Countdown Timer – You can enable/disable this option, change background color, Block space, and give padding, change text formatting.
Video & Description - You can enable/disable this option, choose source of video like YouTube, Vimeo or mp4file, auto play or not, Show controls to pause/resume or not. For description users can add text, image, and media and have basic text editing and formatting options, change background color, font formatting.
Registration Form – users can change the background color, text color, give padding, manage margin (top, bottom, and right, left), manage border color, enable or disable date & slot selection, change the date format, change register button background & text, field order, change text.
GDPR Optin - Users can enable/disable this option which will ask consent from users that their personal information will be stored in website. Users can change the text as well.
Footer – Users can insert content with image, text and format the same, change the font, etc.
Custom CSS – Users can insert custom CSS to match with site style etc.
We have provided features to enable you to do customization as much as possible. So I will brief you about the editing, styling and customization options below.
You can add scripts in body and head tag of the page by using the fields shown below. One of the example is adding Google Tags, Facebook Pixel code, Google analytics, etc.
You can disable registration any time by enabling the option shown in image below & you can also limit the availability by enabling the limited availability option and selecting the number of attendees you will allow.
If you wish to see a walk through in video, then we have it one above. Also check below the final page we created after doing customizations.
Now we will move on to explore Classic Layout.
Classic Layout
In the General section you will be able to set the background color of the whole registration page or upload a background image which will cover the whole background of the page. If both the background color and a background image are being configured, then the background image will override and will be shown instead of the background color.
The content type is the left part of the registration page. You can insert an image or video here. You can load your video from different sources like Youtube or Vimeo, but its also possible to load an MP4 video file from any URL (your own server or Amazon for example) you like. Be aware that not every webinar source is available in the lite version of WebinarPress, and you need to own a license for WebinarPress Pro to make use of every content type/source we have available at the moment.
Depending on your video source, it's also possible to show the video controls or hide them, and start the video automatically with the autoplay functionality or not. Some video hosts (like Vimeo) aren't supporting autoplay due to mobile use and high usage because of videos that are being auto played. Unfortunately we can't override this.
In this general section you can also adjust the colors of the webinar title and the webinar date and time.
In the Form & Tab Layout section, you can select the Background color, border color, font color, Tab background color, Tab text color, create Register tab text, and create Login tab text.
In the Register Tab section, you can add your Register Title text, Register text, select Button Background color, Button Border color, Button text color, and add CTA Button Text.
In the Login Tab section, you can create a login Title, add login text, select a Button background color, Button border color, Button text color, and create a Login Button Text.
In the Description section, you can select the colors for your description text, Description background, and description border color. You can add custom scripts in Body and header section of the page.One of the example is adding Google Tags, Facebook Pixel code, Google analytics, etc.
You can disable registration any time by enabling the option shown in image below & you can also limit the availability by enabling the limited availability option and selecting the number of attendees you will allow.
When you are through setting your webinar registration page preferences, click on Save Draft or Publish to save your changes.
After clicking the preview button, another page will open allowing you to preview your changes. Check out the final pages we produced after making use of options we just shown you.
