Setting up landing page: Advanced layout (formerly Canvas)

  • Updated


Advanced landing page layout is a tool designed to swiftly create visually captivating event registration pages. To utilize it, you will need to select a pre-designed theme that aligns with your event, customize it to match your brand, insert event-specific information, and replace default images with your visuals. The intuitive design and customization options empower you to craft a compelling event page efficiently.

To get started...

Go to the Event Dashboard > Registrations > Landing Page.

Here you will find two layouts: Classic and Advanced. The classic layout is selected by default. Click Use this layout under Advanced to start customizing it. If you've already switched to the advanced layout, you'll need to click Configure under it.  

Select your desired theme and click Get started:

Overview of the Page Builder

Upon selecting a theme, the next page you see is the page builder, which allows you to drag and drop elements around to build your event page.

Page Blocks

On the left side of the page, you have a side menu to add additional content blocks to your event page or to replace an existing ones. For example, in the Header tab, you will find a standalone navigation block and 4 different header options. 

On the right side panel, in the Layout tab, you will see the currently list of your page blocks if no specific content block is selected on the workspace. Here you will be able to reorder or delete them. 


On your workspace, you can select a content block to duplicate, move it up or down or delete it. The Layout tab on the right side allows you to customize the content of each block - such as text, logo, and image.

Tip: You can undo an action by clicking the undo button at the top right or cmd+z/ctr+z shortcut on your keyboard.

Theme settings

On the right side panel, the Theme tab shows you the current theme you’re working with and allows you to change the font and color palette (Advanced plans only).

Device top toolbar

At the top panel, you’re able to see how your event page will look on a mobile device, a tablet, and a desktop.

Building an Event 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, simply click on any of the text blocks. Here you will be able to adjust the copy as well as change the text style, and alignment, include a numbered or bulleted list, insert hyperlinks, or embed images or media. Additionally, you have the option to utilize the AI Writer tool, details of which can be found in our dedicated guide: Advanced landing page: Using AI Writer  

    It's also possible to change the font style in the Theme tab on the right side panel (the font change applies to all fonts on the page). Here is a dedicated guide how to to upload custom fonts:  Advanced landing page: Using custom fonts

  • Click the Header tab on the left and select preferred options.

    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.

    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 set of colors that the user can overwrite. Each color corresponds to different UI elements on the Theme, such as primary font, secondary font, background, CTA color, etc.

    Note: The option to adjust the color palette is only available for our legacy Business plan and new Events plans customer.

    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

    Once your event page is all set up, use the preview button at the top right to see your event page. If you make changes after the event is published, hit save to avoid losing your work.

    Screenshot 2023-10-25 at 12.24.46 PM.png

    Once your event is published, your landing page will be either the default RingCentral Events registration page or the event page you just created, depending on what you select on the registration page settings of the event dashboard.

  • 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

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

Modifications aren't automatically reflected on the advanced landing page when updates are made in your Event Dashboard. 

For example, if you create your Schedule and then set up your advanced landing page, the landing page will incorporate your Schedule. However, if you subsequently make alterations to your Schedule in the Event Dashboard, it's important that you manually re-import the Schedule to your advanced landing page.

This requirement applies to changes in Schedule, Speakers, event date/time, and other areas. Therefore, it is essential to update advanced landing page manually after making changes in the Event Dashboard.

To do this, click on the respective section and choose Import in the Layout tab on the right.

Where can I find my event page URL?

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

What if I want to change the theme? 

You have the flexibility to change the advanced landing page theme at any point in the process. Keep in mind that if you've already started the creation and customization of your event page, switching themes will result in the loss of your current edits. Simply navigate to the Theme tab and select Change theme when needed. 

Screenshot 2023-10-25 at 12.31.01 PM.png

You must click Continue in order to change the theme and abandon your current page.

Screenshot 2023-10-19 at 10.45.34 AM.png