This feature is available for Enterprise and White Label Plans only
The advanced drag-and-drop page builder offers unparalleled flexibility. You can effortlessly customize layouts, experiment with various design elements, and visualize the result in real-time. Instead of using our basic landing page design, you can create your own and create multiple pages. This level of control ensures that every event page has your branding and is tailored to meet the unique requirements of the occasion, fostering a seamless and immersive experience for attendees.
Click the buttons below to see sample pages created through the Event Website Builder
Getting Started with the Advanced Page Builder
Go to Event Design > Event Website. If it's your first time visiting this menu, you'll see a pop-up where you choose the basic and drag & drop builder templates. Choose the blank template if you want to start from scratch or use an advanced template.
If you didn't see this pop-up, you can click Switch to Advanced Builder to start working on a custom page.
Once you've selected a template, give you page a name and click Create. If this is the first custom page you're creating, this page will be set as the Event Home Page that means that page will be your official landing page and this page can be accessed using your landing page URL. You can go back later to change these settings. After clicking create, you'll be redirect to the template editor.
Note: If you're using the existing event template that looks like Theme C on the standard builder, the Register and Enter Event buttons do not behave the same on the standard event landing page.
The Register button will not be grayed out if the logged-in user has a ticket and the Enter Event button will not appear when the event opens when using the template. We are currently working on enhancing this feature.
For now, the workaround is to place a hidden enter event button that links to the virtual event hub. Then, when the event opens, unhide the button.
Active Event Home Page
The Event Home Page is your official event landing page if you're using the Advanced Page Builder. It's the page that's marked as event home page that will be displayed when the event URL is accessed. This page will always be active, that means the page will always be accessible.
If you assign a different page as your event home page, the original page would automatically be unassigned, but will remain active and can be accessed through the given page URL in the settings, which would have the page's name as the URL slug.
If you don't assign any page as the event home page, your official landing page that will be displayed is the Basic Website. If you're still in the early stages in your advanced page designing but you're already selling tickets, you may want to remove the event home page assignment while you design, this way if anyone visits your page, they will see a finished basic website.
To change the event home page settings, exit the event template editor, then click the 3 dot menu and select Settings. From here, you can edit the page name, assign / un-assign the page as the event home page, change the URL slug, and deactivate a page (if not set as event home page).
The Template Editor
After clicking Create, it will take you to the template editor. Here, you can start customizing the page by dragging elements (e.g., event widgets, buttons, images, videos, icons, text, etc.) to the page. You can also click on a page element to change the settings of that element.
Page Template - this is the layout of your page; you can edit, add, and delete other page elements in this area.
Back to Admin Console - click the arrow to exit the Page Editor without saving any of your changes; this will redirect you to the Admin Console's Event Design tab.
Page Status - shows whether the page is still on draft or active.
Exit - brings you back to the admin console without saving any of your changes.
? - This redirects to the knowledge base for help articles
Preview - opens a new tab to open the page
Activate / Disable - allows you to make the page accessible/inaccessible to any viewers
Save - click to save the changes you've done to the page
Desktop / Mobile View - allows you to change views while editing the page.
Timeline - this shows after the first edit has been made to the page. This will show you the history of what actions were done to the page, along with a time stamp.
Undo / Redo - this shows after the first edit has been made to the page. Allows you to undo or redo your last action.
Page Editing Menu - This menu has 3 subtabs: Content, Rows & Settings. These are the elements you add to your page and where you adjust the settings of each element.
Note: To switch to mobile view, click the right arrow icon first to minimize the side panel.
Tips and Tricks When Using the Advanced Page Builder
We've compiled a few navigation tips and tricks to make your design better, including how to save rows as templates, add anchor links, set a background image for the whole page, insert a dynamic enter event button to the page and more.
Switch to Standard Website
When you click Switch to Standard Website, the Basic Website becomes your official website even though you've assigned an Event Home Page. The advanced pages will remain active even if your back to the standard website.
If you're using the Basic Website as your official site and you're also using the advanced pages as additional resource pages, do not assign an event home page so that when you switch between standard and advanced, your official website will always be the Basic Website.
