Setting up landing page: Advanced layout (formerly Canvas)

The advanced layout is designed to help you swiftly create visually captivating event landing pages. By selecting a pre-designed theme and customizing it to match your brand, you have the flexibility to add & remove event-specific information and replace default images with your visuals. This guide explains how to select the advanced layout and use the page builder to customize your event landing page.

Selecting Advanced layout

To select the advanced layout for your landing page:

1. Go to Event Dashboard > Registration > Landing Page.
   Here you will find two layouts: Classic and Advanced. The classic layout is selected by default.
2. Under Advanced, click Use this layout to start customizing it.
   (Or click Configure, if you've already switched to the advanced layout).
   
   
   
3. Select your desired theme and click Get started.
   ✔ You will be redirected to the page builder where you can build your landing page. 
   

Page builder overview

The page builder is a versatile tool that allows you to drag and drop elements to build your event landing page. Here is an overview of the page builder's features and functionalities.

Page blocks

• Use the left-side menu to add new content blocks or replace existing ones. For example, go to Header to add a standalone navigation block and different header options. 
• When no specific content block is selected on the workspace, go to the Layout tab to see the list of added content blocks. Here you can reorder or delete them.
  

Workspace

• On your workspace, select a content block to duplicate, move it up or down or delete it. The Layout tab on the right allows you to customize the content of each block - such as text, logo, and image.
  
  Tip: Undo an action by clicking the undo button at the top right or cmd+z/ctrl+z shortcut on your keyboard.
  

Theme settings

• Go to the Theme tab on the right to change the selected theme, change the font and adjust the color palette.
  
  Important: The option to change the color palette is not available on the legacy Starter plan.

Device top toolbar

• At the top panel, switch between different device views to see how your event page will appear on a mobile device, a tablet, and a desktop.

Building landing page

Every theme comes with a predefined page structure that typically includes a navigation panel, header, content block, speaker grid, schedule, sponsor block, and booth grid. Depending on your event requirements or personal preference, you can choose to adhere to this structure or customize it. Feel free to rearrange blocks, delete existing ones, or introduce new elements as needed.

Have a look through the options below to learn more about building your registration page.

• To edit the text:

  1. Click on the text block you'd like to edit.
  2. Adjust the copy.
     Tip: Utilize the AI Writer tool to generate impactful content. For more details, refer to our dedicated guide Using AI Writer.
  3. Use styling & formatting options (paragraph style, text style, alignment, numbered and bulleted list, hyperlinks, embed images or media). Click on the Menu icon to show more items.

  

  To change the font style (applies to all text on the landing page):

  1. Go to the Theme tab.
  2. Under Primary font, select a different font from the drop-down list.
  3. To upload a custom font follow our guide on Using custom fonts.

  

• To add a header:

  1. Go to Header.
  2. Hover over the preferred header option. Click Add block.
     
     
     
  3. Once added, click on the background image and go to the Layout tab to change the image and add your logo. Toggle Show in header to remove/show your logo.
     
     Note: When adding images, check the recommended image format and size on the right.
     

• To add a general content block:

  1. Go to Sections.
  2. Hover over the preferred option. Click Add block.
  3. Click on the text block to edit the text.
  4. You can change the font using the Theme tab.

  

• To add speakers:

  1. Go to Speakers.
  2. Hover over the Synced Speakers grid: This block is automatically synced with existing speaker profiles. You won't be able to remove or edit the imported speakers.
  3. Click Add block.

• To add schedule:

  1. Go to Schedule.
  2. Hover over the preferred option. Click Add block.
     • Synced Schedule highlights: This block is automatically synced with existing schedule.
     • Embedded schedule: This block has a different design, but is also automatically synced with the existing schedule.

  

• To add sponsors:

  1. Go to Sponsor.
  2. Hover over the preferred tier. Click Add block.
     • Synced Sponsors: These blocks are automatically synced with existing sponsors.

  

• To add Expo booths:

  1. Go to Expo.
  2. Hover over the Synced Expo Booths grid: This block is automatically synced with existing Expo Booths. You won't be able to edit or remove the imported booths.
  3. Click Add block.

  Note: When creating your booths, make sure you set the size to "small" or larger. Mini booths cannot be imported.

  

• To add a block with embedded video(s) from YouTube, Vimeo, Wistia, Facebook, Streamable or recordings from previous events:

  1. Go to Media.
  2. Hover over the preferred media option.  
     • Video grid: Here you can add multiple videos.
     • Video with tile and text: Here you can add one video.
     • Video with title: Here you can add one video.
  3. Click Add block.
  4. Next, click on the video block you'd like to edit.
  5. Go to Layout on the right side. Under URL, you can add the video link. Under Layout, you can add a past event recording from the library. 

  

• Each theme has a predefined color palette where each color corresponds to different UI elements on the Theme, such as primary font, secondary font, background, or CTA color. 

  Important: The option to change the color palette is not available on the legacy Starter plan.

  

  To change the colors:

  1. Go to the Theme tab.
  2. In the Color palette drop-down, you can select a different color palette. 
     
  3. To customize a specific color of the palette, click on the Circle color icon. In the color picker, select a color manually or enter the HEX code.
     

Once ready with customization, click Preview to confirm your landing page looks good. Click Back to editing to make the final changes if needed. Finally, click Save to save your work. 

Changing theme 

You have the flexibility to change the selected landing page theme at any point in the process. 

1. Go to Theme. 
2. Click Change theme. 
3. You will be prompted to confirm your choice. Click Continue. 
   Your page builder will display the new theme and you can start customizing your page from scratch. 

Sharing Landing page URL

You can find your Landing page link by clicking Preview Registration on top of the Event Dashboard or in the Overview tab.