Available starting July 7, 2026.
The below article will take you through the steps needed to build your registration landing page using the custom site builder.
Select your custom site builder template
Using an existing template is a great way to save time and maintain brand consistency, as templates already include a number of pre-set pages and functionalities that you would only need to edit to fit your needs
You can choose between the following templates that will be available:
- The workspace’s existing custom registration landing page, that was carried over from your workspace template at the moment you created the workspace.
- Our built-in single page template.
- Our built-in multiple page template.
Of course, once you’ve created your registration page, you can also save it in one of your organization’s workspace templates for future use.
How do the registration landing page types work when creating new workspaces using workspace templates?
| What you have in your workspace template | What you use in the created workspace | What is copied over into the created workspace from the template |
| Essential registration landing page | Essential registration landing page | We copy the set-up to your new workspace exactly as it is in the template |
| Essential registration landing page | Custom site builder landing page | You can choose one of the existing registration landing page templates to use as a basis or you can start from scratch |
| Custom site builder landing page | Custom site builder landing page | We copy the Custom site builder registration landing page set-up into your new workspace as it is |
| Custom site builder landing page | Essential registration landing page | Nothing is copied over and you will need to start from scratch |
Access the Page builder tab to start building your landing page
The configuration options for the registration landing page are available in the Registration > Page builder tab.
If you have selected a template when choosing your landing page type, the landing page template will appear in the Page builder tab. If you did not select a template, the page will be empty and ready for you to build your landing page from scratch.
Here we selected the multi-page template, so it is there in the Page builder:
Basic principles when using the custom site builder
Please take note of the below basic rules before using the custom site builder, in order to have a better understanding of how it works.
Navigating from page to page, saving your changes, syncing from the workspace to the registration page
If you are building a multi-page site, you can navigate from one page to another within the editor in order to edit each page. This is done via the page menu here:
While the workspace content will be automatically pulled into the registration page once content is selected to be added there, you still need to remember to save any changes you make to a page before moving to another page. Switching pages without saving will discard any changes you made.
Note: If changes have been made to the workspace content (session, speaker, sponsor or even then event start date/time), and you are not immediately seeing them reflected in the registration landing page, hitting Save in the relevant page in the registration page builder will make sure the changes are synchronized immediately.
Undo, forward, and full screen mode
When you are using the editor, you can use the Undo and Forward buttons in order to cancel or restore previous action:
You can also use the fullscreen button, in order to open the editor in full screen and hide the main backstage menu if needed:
Using the Content, Blocks, and Body menu items
There are three items that make up the main menu to the far right of the editor: Content, Blocks, and Body, each with their own purpose:
Content contains all the section components that you need to build a page. You can simply drag and drop components from here into the editor, in order to add them to a page and adjust them based on your needs.
Blocks serves as a repository for all the blocks that you have already added to your registration page, and saved:
Saved blocks can be re-used to help you save time or maintain consistency when building your landing pages, in the same way as you would use a template.
Body contains all the options that you can use to apply by default to all the pages. This includes text formatting, applying a background color or image, link formatting, image options to apply etc. Please note that the settings configured here are only applied if individual sections or rows/columns within pages do not have their own configuration. The configuration of a specific section or row/column will always take precedence over the Body settings.
Using rows, columns and sections
On any page of the registration landing page you can add your content. You can manage the layout of your page by separating it into multiple rows, which can if needed be split into multiple columns.
The rows and columns can then be used to add specific sections to that area of the page, as well as manage the look and field of the section. A good example of this is described in the Adding content to pages using rows and columns section below.
Mobile or desktop view, and adjusting the mobile breakpoint
When using the editor to build your landing pages, you can switch between seeing the preview of your landing page in desktop view or on mobile view.
When using desktop view, if you are using multiple columns on your page, they will all appear side by side, as seen in the preview:
When using mobile view, because the screen is narrower, content that is added to the page builder using multiple columns side-by-side will at some point need to be displayed in single column:
The point at which the landing page will switch from using multiple columns (desktop view) to using a single column (mobile view) is called the mobile breakpoint. The mobile breakpoint can be adjusted if needed via the field present in the top right when you are using the mobile view.
Add/edit the pages that make up your landing page
Click on the Manage pages button located to the top-right of the editor. Here you can add, edit, or remove pages from the landing page:
The pages that are added here can be added to the registration page menu, so your audience can easily navigate to them. To note, the Homepage is always present by default and cannot be deleted.
In the template, you can see that in addition to the Homepage, the following pages exist in order to separate the different types of information and make it user friendly. These pages can be edited if needed: to better suit your needs:
- Agenda
- Speakers
- Sponsors
- Travel & hotel
- FAQ
- Register now
Edit the header and site menu that is visible on all landing pages
Please note that you can only have one header and one footer set up on your registration landing page, that will be visible on all pages.
The registration page header is typically visible at the top of the screen, on all the pages. It is a key item that contains the event logo, the pages that the audience can navigate to, as well as call to actions:
Click on the header in the editor to access the configuration options:
Here you can use the following options for the header:
Fixed header:
Choose whether or not the header should always be visible on the page when your audience scrolls down.
Background:
Choose a color for the background.
Important: Here we recommend that you apply the same background color to both the header and the row properties. If you do not, the space to the left and the right of the header (occupied by the row) will not be the same color as the header.
Padding:
Adjust the padding for the header
Here you can independently adjust the padding around the menu, between the logo and the menu, as well as the mobile breakpoint.
Logo: Choose and adjust the logo in the header. Upload an image from your computer or add a URL to an online image. Recommended size is 160 x 50 px
Adjust the width and the size of the logo. You can also edit the image using the built in editor:
Menu:
Choose the pages that will make up the navigation menu.
Choose the colors applied to the menu font: link color / hover color.
Choose the gap between menu items (link gap).
Choose the font size, family, and weight (dependent on font family) for the menu items.
Please note that you may be able to choose additional font weights if you have uploaded custom fonts in the Registration page > Custom fonts tab. Find out more about using custom fonts.
“Register” and “Log in” buttons:
The text for these buttons cannot be edited here in the editor. The labels are managed via the translation manager in the workspace.
Note: When the user is authenticated, the "Register now" button becomes "Manage registration", and the “Log in" button becomes "Sign out".
Choose the text for the “Register” and “Log in” buttons, independently.
Choose the background color of the button, the hover background color, the text color and the hover text color.
Choose the font family, font weight (dependent on font family), font size.
Choose the corner radius of the button as well as the padding.
Adding content to pages using rows and columns
Adding a row with a single column: background image, text and buttons
On any page of the registration landing page you can add your content. This is done by adding rows to the page. These rows can if needed be split into multiple columns in order to better help you place your content.
For example, here we have added a row that contains a “Secure your place” section in the home page, that appears just below the header:
In Backstage, the configuration for the row looks as follows:
In the panel to the right, from top to bottom, we can see that the row is made up of a single column across the entire width (100%). The column properties are set so that there is no background color selected, no padding, and no border. So the column properties are in fact not used here.
Instead, the row properties are used, and will be applied to the column as it does not have its own properties set. The row properties show that an image has been added as the background for the entire row:
In the panel to the right, the following options can be used to adjust the image:
- Container width.
- Image size.
- Whether the image should repeat or not.
- Position of the image.
- Padding of the image.
In addition to the row background image, we can see a number of white text elements that have been added to the row, on top of the Backstage image.
These items include Paragraph, Heading and Button items that have been added via drag-and-drop, from the Content section located in the panel to the right:
Paragraphs can be added and configured using the options in the panel to the right, as well as the text editor tools in the center:
This includes editing the text content of the paragraph box, and using a variety of text formatting options such as the font family, size, weight, color, alignment, as well as the line height and letter spacing. Hyperlinks, bullet points and numbered lists can also be added.
Headings can also be added and configured using only the options present in the panel to the right. This includes editing the text content in the heading, the default heading level to use (H1, H2, H3, H4), the font family, weight (dependent on font family), size, color, alignment, as well as the text alignment, line height and letter spacing:
Buttons can also be added and configured. This includes the text content and formatting, with the font family, weight (dependent on font family), size, color, alignment, as well as the text alignment, line height and letter spacing.
Importantly here, you can configure the action of the button: Open a website / Send an email / call a cell phone number / Open a page present in the landing page:
Here, because this is a “Register now” button, we have selected that the button’s action should be to open the “Register now” page that will contain the Registration form:
Adding a row with two columns: one background color, one image on one side, and text on the other
Rows can be split into multiple columns in order to better help you place your content. In this example we have added a row that contains a “Welcome to your event” text section on one side, and an image on the other:
This was done by following the below steps:
- Add a single light-blue background color to the entire row, via the row properties:
- Split the row into two equal size columns. Remember that you can adjust the size of the columns by dragging the column separator line to the left or right in the editor:
- Drag and drop an image component from the Content section to into the column on the right:
-
Configure the image component by adding the image file and adjusting the look and layout within the column:
In addition to the width, alignment, and padding, actions can be added to images. Adding an action to an image will mean that the following can happen when your audience clicks on an image: open a website / send an email / call a cell phone number / open a page present in the landing page.
Once the image is added, additional editing tools are available by clicking on the Edit image button in the tool bar beneath the image: - Drag and drop the heading, paragraph and button components into the column to the left:
- Configuring the heading, paragraph and button components by selecting each item and using the configuration options available in the panel to the right, as well as the formatting tools in the center (as explained in the Adding a row with a single column: background image, text and buttons section):
Adding a row with multiple columns to create more personalized layouts
Below we’ll show you an example of how you can use the columns layout and formatting options within a row in order to accomplish a more custom layout for your information on a page.
Here you can see that we’ve created a section called “Event at a glance”, that contains four pieces of information side by side, in an appealing looking design:
The key to accomplishing this layout is to break the row up into smaller spaces using columns.
More specifically, here we have broken the row into 7 columns, and we have adjusted the width of each column by dragging the column separators into the right positions in the left panel:
Next, we configured only columns 1, 3, 5, and 7 to display the four items of information in the row. Columns 2, 4 and 6 are left black so they simply act as empty spaces.
For columns 1, 3, 5, and 7 we used the formatting options in order to add the background color and the rounded left border to each item:
Drive excitement by adding a countdown to the start date/time of the event
Adding a countdown to your landing page is a great way to catch your audience’s attention and build up anticipation for the event.
Countdowns can be added by dragging and dropping the item from the Content section into a row or column. In the example above, we have placed the countdown in a row that has a background image:
These options include:
- The header text. Here we have entered “Days to go”.
- The text that should be displayed once the timer runs out.
- The color of the header text, the font family, size, alignment, and padding.
- The type of time units that are displayed, as well as a variety of font and formatting options for the time unit text.
- Whether or not to include circular progress indicators, and if so how they should look
- (If no circular progress indicators are used) Whether or not tiles should be displayed as a background for the time units, and if so how they should look.
Highlight your event by adding a video to your page
You may wish to feature a video on your registration landing page for your audience to play.
Videos can be added to the full width of a row, with or without padding, or to a specific column within a row.
Any video that you wish to feature on your registration landing page must first be uploaded to the video library in the workspace, with the option "App and registration page enabled":
We recommend that you also add a thumbnail to the video in the video library, so it can be used on the registration landing page.
You can add a video by dragging and dropping a Video component onto your page from the Content section to the left:
You can then configure the settings, using the video configuration options to the right, that include:
- Thumbnail: This cannot be edited and is taken from the video library.
- Rounded corners: Whether or not to use rounded corners for the video player window, and if so to what extent.
- Play icon: The appearance of the Play icon, i.e. rectangle or circle shaped, light or dark color mode, and the size of the icon.
- The padding for the video player in the row or column.
Share multiple pictures with your audience using carousels
You can use carousels on your landing pages to allow your audience to comfortably scroll through multiple images. Start by dropping a Carousel block into the page from the Content menu:
You can use carousels on your landing pages to allow your audience to comfortably scroll through multiple images. Start by dropping a Carousel block into the page from the Content menu:
Select the newly added carousel section in the editor, and use the options in the panel to the right to configure it:
Upload the images that you want to add to the carousel, using the separate tabs for each image (image 1, image 2, image 3, etc.).
Clicking on Edit image will allow you to change or edit each image individually using the built-in tools:
The image URL field will show where the specific image is saved on the workspace.
If you click on More options, you can add an “Alternative text” for each image, that will be displayed in case the image does not appear immediately to viewers.
You can also add an action to each image, so that when the viewer selects the image, the following can occur: open a website, send an email, call a phone number, open a page.
In the carousel's options, you can choose whether or not to show previews of the images below the carousel:
This setting is applied to all images. If enabled, you can edit the width (size) of the preview images.
In the General options you can adjust the padding for the carousel block.
In the Responsive design options you can, if needed, select whether the entire carousel should be hidden when the viewer is viewing the page on desktop.
Displaying event sessions, speakers, and sponsors on your registration landing page
The sessions that will take place, the speakers, as well as the sponsors at your event are all key pieces of information that deserve to be highlighted in your event’s registration landing page, in order to convince your audience to register to the event.
Important: Sessions, speakers, and sponsors information is pulled directly from the workspace, so it is very important that you add all necessary information and content to your workspace before you configure these sections on your registration landing page.
Tip: When using a multi-page registration landing page, we recommend that you have separate pages for each content type. Having one page for sessions, one for speakers, and one for sponsors will ensure that information is available and accessible in a clear and user-friendly manner, avoiding long scrolling to find information. Of course, if you are using a single-page registration landing page, all this information will need to be on the same page, in separate sections.
Sessions example (multipage):
Speakers example (multipage):
Sponsors example (multipage):
While the workspace content will be automatically pulled into the registration page once content is selected to be added there, you still need to remember to save any changes you make to a page before moving to another page. Switching pages without saving will discard any changes you made.
Note: If changes have been made to the workspace content (session, speaker, sponsor or even then event start date/time), and you are not immediately seeing them reflected in the registration landing page, hitting Save in the relevant page in the registration page builder will make sure the changes are synchronized immediately.
Read-on below to see how you can add these sections, adjust the look and feel, and customize the exact content that will be displayed.
Adding a Sessions section to the landing page
1 - Add the Sessions component
Add a Sessions section to the page by dragging and dropping a Sessions component into the editor:
You’ll see that the newly added section is empty, with only placeholder information (metadata) visible for the sessions:
Later on in the article we’ll look at how this placeholder information is fully editable, and how it will be populated once you have selected the specific sessions that you want to display here.
Here in the example below we have already selected the sessions, therefore they appear as follows:
2 - Adjust the navigation and design of the Sessions section
2a. Choose the navigation type: Menu or headings
Session information is displayed per day. You can choose between using a menu layout that can be navigated, like in the example below
Or using headings:
2b. Choose the heading or menu appearance
Using the options available in the panel to the right, you can edit the session date menu or heading look and feel, by choosing:
- The alignment of the menu items or headings.
- The color of the text (when unselected, selected, or hover).
- The font family, size, weight.
- The background colors of the menu items or headings.
- Whether or not to use rounded corners for the background of the headings or menu items, and if so to what extent.
- The padding to apply.
2c. Choose the session tile appearance
You can also edit the look and feel of the tiles that contain the season information:
- Edit the background color and borders
- Choose whether or not to use rounded corners, and if so to what extent.
- The padding to apply.
Once you are happy with the navigation, layout, and appearance of the sessions, you can select the specific sessions that you want to display here.
3 - Choose the specific sessions to display on the landing page
As mentioned previously, as long as you have not selected the specific sessions to display, the Sessions section will only show placeholder (metadata) information.
To select your sessions, use the Sessions list option in the panel to the right:
You can choose any of the sessions that are present in the workspace. The sessions selected here will be automatically sorted per day, and ordered chronologically:
4 - Choose the content of the sessions to display on the landing page
After choosing what specific sessions to display, you can choose what specific information for the session you want to display:
Note: Remember that the below Session content and Speaker content metadata will pull the relevant information directly from the Session page in the workspace.
Session content
In the panel to the right, you can use the Sessions metadata to choose what information should be displayed for all the sessions. Common session metadata to use here are the session start time, the session name, and the session description, but you can use any existing or custom session metadata here.
You can also use a variety of formatting options to customize how the text should look and how it should be aligned. The choices you make here are applied to all the sessions displayed in this section.
Session speaker content
You can choose whether or not to display the sessions’ speaker information within the session information, by toggling on or off the Show speakers option.
If enabled, you can use the Speaker metadata to choose what speaker information should be displayed for the sessions. Common speaker metadata to use here is the speaker photo, name, company, and position, but you can use any existing or custom speaker metadata here.
You can also use a variety of formatting options to customize how the text should look and how it should be aligned.
The speakers are listed in the same order as they are selected in the Speakers field in the Session page, and can reordered here if needed:
5 - Adjust the of the General settings for the Session section
In the panel to the right, in the General section, you can adjust the following:
- Choose whether or not the day's list sessions should be collapsable, using a "Show more" button.
- If collapsable session is enabled, choose the number of sessions to display before the “Show more” button appears, and adjust the look and feel of the “Show more” button.
- Choose whether or not to add a separator between the sessions, and if so how it should look.
- Adjust the padding to apply to the main container.
- Choose the background color of the main container (in the "Style" options).
Adding a Speakers section to the landing page
1 - Add the Speaker component
Add a Sessions section to the page by dragging and dropping to Speakers component into the editor:
Until you have selected the specific speakers that you want to display here, the section will be empty and only show the placeholder, or metadata in the preview:
Here in the example below we have already selected the speakers, therefore they appear as follows:
2 - Adjust the look and feel of the Speakers section
Select the Speakers section in the editor. You can use the options in the panel to the right to adjust the layout of the Speakers section, as well as the design.
2a. Choose the layout template to use for the speaker information
Start by choosing the maximum number of columns to be used for the Speakers sections.
This corresponds to the maximum number of speakers that will be displayed horizontally on a row. The layout is responsive and will adjust to display fewer columns on smaller screens.
Four columns are shown only when the page width is at least 1440px.
Next, choose the layout for the speaker information among the available template options:
2b. Adjust the style of the speaker images
In the Image style section, you can use the options to adjust the style of the speaker pictures that can be displayed in the section. This includes:
- The shape of the picture (square or circle). Here you can also select ”fit” so that the picture will automatically adapt to the space that is available in the card and remove any unnecessary padding.
- The size of the picture (small or large), if you have chosen a circle or square for the picture shape.
2c Adjust the speaker tile appearance
In the Tiles section, you can use the options to adjust the tiles that contain the speaker information:
- The tile background color.
- The tile hover color.
- The tile padding.
- Whether or not to use rounded corners, and if so to what extent.
- The border format.
- The shadow size and color.
Tip: To adjust the background color of the entire Speakers section, go to Style > Background color.
3 - Choose the specific speakers to display on the landing page
As mentioned previously, as long as you have not selected the speakers to display, the Speakers component will only show placeholder (metadata) information:
To select your speakers, use the Add / Edit speakers list option in the panel to the right:
You can choose any of the speakers that are present in the workspace. The speakers selected here can also be dragged up and down in the list to place them in the order that you want:
4 - Choose the content of the speakers to display on the landing page
Speaker content
In the panel to the right, you can use the Speaker metadata to choose what information should be displayed for all the Speakers.
Common speaker metadata to use here are the speaker name, company, or position, but you can use any existing or custom speaker metadata here. You can also use a variety of formatting options to customize how the text should look and how it should be aligned. The choices you make here are applied to all the speakers displayed in this section:
To note, when the {{bio}} metadata here is added to the Speakers metadata fields section, it will display an additional button in the Speakers section that your audience can click on to see more speaker information. The additional information displayed corresponds to the the metadata that is added and the Biography field content in the speaker page in the workspace:
In the example here, it is the Speaker bio link button. The text in this button is visible if the {{bio}} metadata is added to the Speakers metadata fields section, and can be customized using the Customize bio link field:
5 - Adjust the Style and General settings for the Speakers section
In the panel to the right, in the Styles and General settings sections, you can adjust the following:
- Choose the background color of the main container.
- Adjust the padding to apply to the main container.
Adding a Sponsors section to the landing page
1 - Add the Sponsor component
Add a Sponsors section to the page by dragging and dropping the Sponsors component into the editor:
Until you have selected the specific sponsors that you want to display here, the section will be empty and only show the placeholder, or metadata, in the preview:
Here in the example below we have already selected the sponsors, therefore they appear as follows:
2 - Adjust the look and feel of the Sponsors section
Select the empty Sponsors section in the editor. You can use the options in the panel to the right to adjust the layout of the section, as well as the design.
2a. Choose the layout template to use for the sponsor information
Start by choosing the maximum number of columns to be used for the Sponsors section.
This corresponds to the maximum number of sponsors that will be displayed horizontally on a row. The layout is responsive and will adjust to display fewer columns on smaller screens.
Four columns are shown only when the page width is at least 1440px.
Next, choose the layout for the sponsor information among the available template options:
2b. Adjust the style of the sponsor images
In the Image style section, you can use the options to adjust the style of the sponsor pictures that can be displayed in the section. This includes:
- The shape of the picture (square or circle). The shape of the picture (square or circle). Here you can also select ”fit” so that the picture will automatically adapt to the space that is available in the card and remove any unnecessary padding.
- The size of the picture (small or large), if you have chosen a circle or square for the picture shape.
2c. Adjust the sponsor tile appearance
In the Tiles section, you can use the options to adjust the tiles that contain the sponsor information:
- The tile background color.
- The tile hover color.
- The tile padding.
- Whether or not to use rounded corners, and if so to what extent.
- The border format.
- The shadow size and color.
Tip: To adjust the background color of the entire Speakers section, go to Style > Background color.
3 - Choose the specific sponsors to display on the landing page
As mentioned previously, as long as you have not selected the sponsors to display, the Sponsors component will only show placeholder (metadata) information.
To select your sponsors, use the Add/Edit sponsors list option in the panel to the right:
You can choose any of the sponsors that are present in the workspace. The sponsors that are selected here can be dragged up and down in the list to place them in the order that you want:
4 - Choose the sponsor information to display on the landing page
Sponsor information
In the panel to the right, you can use the Sponsor metadata fields to choose what information should be displayed for all the Sponsors.
Common sponsor metadata to use here are the sponsor {{name}}, {{location}}, {{short_content}}, or {{description}}, but you can use any existing or custom sponsor metadata here. You can also use a variety of formatting options to customize how the text should look and how it should be aligned. The choices you make here are applied to all the sponsors displayed in this section.
Note: Sponsor level metadata is not supported here.
When the {{description}} metadata here is added to the Sponsor metadata fields section, it will display an additional button in the Sponsors section that your audience can click on to see more information. The additional information displayed corresponds to the the metadata that is added and the Description field content in the sponsor page in the workspace:
In the example here, it is the Description link button. The text in this button is only visible if the {{description}} metadata is added to the Sponsors metadata fields section, and can be customized using the Customize description link field:
5 - Adjust the Style and General settings for the Sponsors section
In the panel to the right, in the Styles and General settings sections, you can adjust the following:
- Choose the background color of the main container.
- Adjust the padding to apply to the main container.
Adding your registration form to your landing page
The purpose of your registration landing page is to convince and convert interest into intent, by allowing your audience to actually register to your event.
This is done by adding a dedicated “Register now” page to the custom site builder, where you can add your full registration form. Your audience can then go through the full registration process without leaving the registration landing page:
If you are using a multi-page site, you can choose whether or not the “Register now” page will be accessible to your audience via the site menu. In any case, you will typically make the “Register now” page accessible to your audience by clicking on the "Register now" button in the header, or any additional "Register now" calls to action that you can add to any page you like.
In the example below, the “Register now” page is not visible as a published page in the site menu, but we have added “Register now” buttons that when clicked on will open the "Register now" page:
Then, once on the "Register now" page, your audience will find a registration form, where they can enter their email address and start the full registration process:
To set this up, we recommend that you:
- Create a “Register now” page, by clicking on Manage pages > Add page +:
- Navigate to the newly created “Register now” page, and add a Registration form component into your page, from the Content section:
- Adjust the registration form component’s height if needed, using the options to the right:
- Add the necessary "Register now" buttons and configure them so they open the "Register now" page where you have added the registration form.
Important: Remember that the Registration form look and feel can only be edited via the Form design tab in the Registration page section in Backstage.
Adding HTML content to your landing page
You can feature additional information from external sources on your landing page by using an HTML component. This can be used to add videos, social media feeds or posts, maps, documents, calendars, forms, and other interactive elements.
This is done by using the </> HTML component:
In the example below we have added an interactive Google map address in a column to the right, to help the audience locate the venue.
This is done by adding the <iframe> code, copied from Google maps, to the HTML component.
In the column to the left, we have added additional logistical information in text format using a heading and paragraphs:
Note: The HTML component can be used with great flexibility, to add any type of HTML code via the editor.
Edit the footer that is visible on all landing pages
Please note that you can only have one header and one footer set up on your registration landing page, that will be visible on all pages.
The registration page footer is typically visible at the bottom of the screen, on all the pages. Similar to the header, it is fully customizable and can contain:
- The event logo.
- A sitemap, with links to the the pages that the audience can navigate to.
- Links to social media or third party platforms.
- Additional call to actions or links.
- A footnote that can be used as a disclaimer or copyright note.
If it is not already added, you can add a footer item by dropping it into the editor from the Content menu on the right:
Click on the footer in the editor to access the configuration options:
Here you can use the following options for the footer:
Layout:
Choose the background color, the padding, the mobile breakpoint and the bar corner radius.
Logo: Choose and adjust the logo in the footer.
Recommended size is 160 x 50 px.
Upload an image from your computer or add a URL to an online image:
Edit the image using the built in editor:
Adjust the width and the size of the logo, as well as the corner radius.
Sitemap
Choose the pages that will be added as links to the footer.
Choose the colors applied to the links: link color / hover color.
Choose the font size, family, and weight (dependent on font family) for page links.
Choose the alignment for the page links.
Social
Choose the links to social media platforms that you want to include, by selecting the platform with the dropdown and adding the correct URL.
Choose the icon color of the social media, the hover color, the spacing between the icons, and the alignment.
Links
You can add more links that will appear at the bottom of the further if needed, using the same options as for the social media icons:
Note
Add a note that will appear at the bottom of the footer:
Here you can also choose the font format: size, family, weight (dependent on font family), and color.
Uploading and using custom fonts in your registration landing page
In the Registration page > Custom fonts tab, you can upload any fonts that you want to use in your landing page:
Click on Upload font, and select the font you want to upload:
Supported file types are TTF, OTF, WOFF and WOFF2. Max file size is 10.0 MiB.
Uploaded fonts will appear in the list once added:
And can then be selected using the Font Family field for any text used in your registration landing page when using the custom site builder:
Note: The font weights that are available to select are always dependent on the selected font family. Some font families have more weights available to choose from than others.
Switching between the custom site builder registration and essential registration landing page type
When building your registration landing page, you can choose between two registration landing page builders:
Essential registration landing page: This is our straightforward registration page for simple events. Fast to set up, easy to manage, with all information on a single page.
Custom site builder: Used for full branding and creative control, with easy drag-and-drop design. Build anything from a single webinar page to a full multi-page congress site. This landing page type is well suited to all types of events: webinar series, medical education standalone, professional congress, etc.
Remember that for both registration landing page type options, you have the same options and settings when it comes to configuring the registration form.
Whatever landing page you may have initially selected and used in the workspace, you can at any time switch between the two types.
In practice, this means that in a workspace or workspace template, you can configure your landing page using the Essential registration page and the Custom site builder, and easily switch between the two as needed. Find out more about how registration landing pages work with workspace templates
Changing landing page types can be done via the Settings tab, using the Landing page type options:
If you switch from the Essential registration page to Custom site builder, and it is the first time that you are making the change, (i.e. no existing custom site builder configuration exists already on the workspace), then you will have the option of selecting a template, as explained in the Select your template section.
If you switch from the Essential registration page to Custom site builder, and it is not first time that you are making the change, (i.e.) an existing custom site builder configuration exists already on the workspace), then you will not have have the option of selecting a template, and you will find your existing Custom site builder registration landing page set-up there when switching.
The same logic applies if you are switching from Custom site builder to Essential registration landing page.
If you change the registration page type, by going back to a type that was already originally configured in the workspace, the original configuration will be preserved. This means that what you already built as a start before you changed registration page types will always be there and preserved if you decide to swap back.
The only thing you do need to re-select when switching from one type of landing page to another is the session, speakers, and sponsors lists.
If you are switching from Essential landing page to Custom site builder, please note that multilingual registration pages are currently not supported.
Comments
0 comments
Please sign in to leave a comment.