A quick rundown! ✨
Each Event has its own Registration page, which can be customized. Using the Registration Editor, you can change the title, customize the design and layout, branding, and color scheme, add photos or videos, edit form fields, and edit social settings.
If you want to edit the actual form, you can add custom form fields.
Start editing! ✍️
To begin, you'll want to hop into the Customize area for your Event. From there, you'll find the Registration block where you'll be able to tweak anything related to your registration process.
Registration Editor
To jump into the editor, you'll want to select the Customize Registration tab.
From there, select the Customize option that appears. This will launch your Registration page editor.
Explore the options! 🍬
Equipped with the editor, you'll be able to make a variety of changes. Let's take a look at them now.
Controls
This toggle in the top left corner allows you to close the sections menu.
You can view changes to the registration page as you go along. To the top right, you will see the following icons, from left to right, to:
Undo Changes
Save Draft without publishing the page so you can return later to continue editing
Close the registration page editor without saving your changes
Preview the registration page
Publish the edits you've made to the registration page once you are satisfied.
Below those options, you'll see another set of icons that allow you to preview the registration page design on desktop view, tablet view, and mobile view.
Let's look at the design features.
Template
Setting the Design
You'll have four unique design templates to choose from:
Blog Post: A simple, clean design.
Accent: A minimal design using a white background with an accent line along the top of the registration page, and a matching banner at the top of the form.
Gradient: A colored block at the top of the registration page automatically set based on the color settings used under Branding. You can choose the color (black or white) of the page header text and even add a shadow to the text.
Background Image: A custom image that can be uploaded directly. The image should be .jpeg, .jpg, or .png, up to 5 MB. You can adjust the opacity from low to high, and choose the color of the header text.
If you opt to use a Background Image, you can delete the image once it finishes uploading by clicking on the 3 dots in the bottom right corner of the image.
You'll be able to adjust the Opacity level to Low, Medium, or High as you see fit:
Brand
Adding a Custom Logo
From the Brand section, you can upload a logo, add a backdrop, and choose your color scheme. This color scheme will be the primary color used on your registration page. To add the logo, you can select Upload Media, and you'll be prompted to upload a new image file.
For the ideal logo size, we recommend a width-to-height ratio of 5:1 and a minimum width of 1060 pixels x 230 pixels.
You can Delete Image once it finishes uploading by clicking on the 3 dots option and upload another.
Once you have uploaded a logo, you can leave your logo as is, or you can add a shadow or a plate backdrop.
See below a preview of a strong shadow versus a plate backdrop behind the logo.
If you've added a custom logo through your account's Branding settings, it'll appear on your events by default.
Customizing your Color Scheme
To change the color scheme, click the pencil icon at Color Scheme under Brand and use the color picker or add a hex value. Similar to the custom logo, if you've already chosen an account-wide color setting, it'll be set as the default.
Elements
Here you'll have the option to choose which elements you'd like to include on your page. You can drag and drop to rearrange the order, and you can choose which elements appear in the header band and those that appear in the body of the registration page.
Event Title: This toggle allows you to display or hide the event type from the registration page.
Headline: The headline allows you to jump in and adjust the title that is set on the Registration page.
Subheadline: You'll be able to add a snippet of text below the headline.
Tags: You can add keywords or topics the webinar will cover.
Video: You can feature a video directly on your Registration page. You can add a URL of a video hosted on YouTube, Vimeo, and Wistia. You can also choose from your library of past Demio event recordings.
Description: Using a format-rich text editor, you'll be able to customize the content that is shown on the page. You'll find options for custom formatting, different list options, as well as options to add images directly.
Featured Presenters: You can add a custom widget to showcase any presenters that will be hosting the event. You'll be able to add their profile photo, their name, and a short bio. This can be arranged vertically or horizontally.
Social - Choose which social networks visitors can use to share your registration page. This adds a clickable icon of that platform to the registration page. The options include X (Twitter), Facebook, and LinkedIn.
CTA - A button that brings the registrant back to the registration form, which is useful if they’ve scrolled to the bottom of the page. This can be customized for label (title); placement on the registration page; the action that happens when clicked, whether it scrolls to the form or it opens to the form; style, whether it's a solid button or an outline; and a countdown timer.
Form
You can choose the best location for your registration form on the registration page. Click on Forms in the Editor, and click the pencil icon beside Form Position.
This will show two options for Desktop only:
a) Floating - The registration form stays in view as a registrant scrolls down the page
b) Static - The form sits in place in the form column and scrolls away with teh rest of the screen.
As well as two options for Tablet and Mobile:
a) After Headline - The form appears right after the header.
b) End of page -
Countdown Timer: This allows you to enable or disable the event countdown timer at the top of the form.
Event Headline: This toggle allows you to show the event headline (title) on the registration form directly, or hide it from the form. The headline will show between the header row of the form and the date info line. This is toggled off by default.
NOTE: This is independent of the headline on the Registration page itself.
Session Date: This toggle allows you to show or hide the date line on the registration form only, for events with a single session. This is toggled on by default.
NOTE: The date and time will still show in the dropdown for events with multiple sessions.
Form Header: You can add a custom title for the registration form.
Button Text: While the default button text is Register, you can now set your own custom text.
Fields
You can also edit the registration form fields from within the registration page editor.
You can:
Drag and drop the fields to change the order in the form
+Add Another field
Edit existing fields by clicking the dropdown to the right of the field and selecting Edit.
Social
In the Social section, you're able to set up how the page will appear when shared on social media. You can customize the image and title for sharing the Registration page on social media specifically!
Be sure to click on the Disc icon to save any changes you make along the way.
Ready to launch! 🚀
Once you're happy with your changes and you have saved them, hit the Publish button in the top-right corner to make the edits live on your registration page.
Now you're all set and can share your event registration link with potential registrants.