Setting up landing page: Advanced layout (formerly Canvas)

  • Updated

organizers.jpg

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 advanced layout for your landing page:

  1. Go to Event Dashboard > Registrations > 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 an existing ones. Example: go to Header to find a standalone navigation block and different header options. 
  • When no specific content block is selected on the workspace, go to the Layout tab on the right 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/ctr+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, a content block, a speaker grid, schedule, a sponsor block, and a booths 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.

Tip: If you’d like to create your own event page from scratch, delete all content blocks to get started.

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 test 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: In the left side menu, go to Header and hover over the preferred header option. Click Add block

    Screenshot 2023-10-25 at 12.13.34 PM.png

    Once added, click on the background image and then the Layout tab to change the image and add your logo. Toggle the ‘Show in header’ button to remove/show your logo.

    Note: When adding images, be sure to look out for the specified image format and size on the right. 

    Screenshot 2023-10-25 at 12.14.40 PM.png

  • To add a general content block, click on the Sections tab and select any section style. You can add as many sections as you wish.

    As shown in the Header steps, edit the text by double-clicking on it. You can change the font using the Theme tab.

    Screenshot 2023-10-25 at 12.17.01 PM.png

  • Click on the Speakers tab to add a speaker grid to showcase the speakers for your event.

    Screenshot 2023-10-25 at 12.17.25 PM.png

    Here, you can manually add the speaker information by double-clicking on the text, OR if you already added your speakers through the event dashboard, the information is imported automatically when you add the block. You can also click on the block > import speakers > select the ones you want to add.

    Screenshot 2023-10-25 at 12.18.37 PM.png

    Once you have added your speakers, you can click directly on them to add a Speaker Bio to each one. Toggle the "Show bio in modal," switch to "on," and add their bio in the text box below. You can also add links and format the text you include.

    Screenshot 2023-10-25 at 12.19.28 PM.png

    Once you have added in the bio, you can click the Preview modal to see what it will look like when attendees register for your event. 

    Screenshot 2023-10-25 at 12.20.04 PM.png

  • Select the Schedule tab to add your schedule.

    If you already added your schedule through the event dashboard, you can import it.

    Screenshot 2023-10-25 at 12.20.36 PM.png

  • Select the Sponsor tab to display your sponsors. You have three options of display: Large, medium, and small.

    If you already added your sponsors through the event dashboard, you can import them.

    Screenshot 2023-10-25 at 12.21.24 PM.png

  • Select the Expo tab to add your booths.

    If you already added your booths through the event dashboard, you can import them.

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

    Screenshot 2023-10-25 at 12.21.57 PM.png

  • 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.

    Screenshot 2023-10-25 at 12.22.45 PM.png

    To change the color of a UI element:

    1. Click on the circle icon that corresponds to the correct part of the UI
    2. Enter the hex code or select the color on the color picker

    Screenshot 2023-10-25 at 12.24.22 PM.png

  • It's possible to add hyperlinks to a highlighted text in the header or content block. To add the hyperlink, highlight the words, click the three dots to show more editing options, select the hyperlink option, and input your link. 

    Screenshot 2023-10-25 at 12.29.13 PM.png

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. 

Screenshot 2023-10-25 at 12.24.46 PM.png

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. 
Note: Changing themes will result in the loss of your previous edits. 

Screenshot 2023-10-25 at 12.31.01 PM.png

Why doesn't my page update when I make changes in the Event Dashboard?

Unlike the classic layout, the advanced layout of the landing page does not automatically update when you make changes in the Event Dashboard.

Example: You create your schedule and then set up your landing page. The landing page will initially incorporate your schedule. But if you later change your schedule in the Event Dashboard, you'll need to manually update the schedule on your advanced landing page.

This applies to changes in schedule, speakers, event date/time, and other areas. To keep your advanced landing page up-to-date, you must manually update the advanced landing page after making changes in the Event Dashboard. In the editor, click on the section you want to update. In the Layout tab on the right, click Import.

Where can I find my event landing page URL?

To find the URL of your event page, go to Event Dashboard > Overview and click View links