The Event Website Builder

This feature is available only for Enterprise and White Label Plans

Ariane Ramirez avatar
Written by Ariane Ramirez
Updated over a week ago

Whether planning a corporate conference, a product launch, or a community gathering, 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 default 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.

Note: This feature is available only for Enterprise and White Label Plans

Getting Started with the Event Website Builder

  • Go to Event Design

  • In Event Website, click Create Advanced Website

  • Choose whether to start with a blank page or the existing event template (similar to Theme C)

  • Click Get Started

  • Add the page name and other page settings

    • Name: add a name to your page

    • This is the Event Homepage: check this box if you want this page to be your official landing page.

    • URL: edit the slug (last part of the URL) by clicking the blue text.

  • Click Create when done. You can always go back later to the page settings to edit.


The Page Editor

After clicking Create, it will take you to the page 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.

  1. Page Template - this is the layout of your page; you can edit, add, and delete other page elements in this area.

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

  3. Page Status - shows whether the page is still on draft or active.

  4. Exit - brings you back to the admin console without saving any of your changes.

  5. ? - This redirects to the knowledge base for help articles

  6. Preview - opens a new tab to open the page

  7. Activate / Disable - allows you to make the page accessible/inaccessible to any viewers

  8. Save - click to save the changes you've done to the page

  9. Desktop / Mobile View - allows you to change views while editing the page

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

  11. Undo / Redo - this shows after the first edit has been made to the page. Allows you to undo or redo your last action.

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


Add an Item

Drag the content, widget, or row from the right-side menu and drop it onto the template.

Move an Item

Hover over the content in the template, click the drag icon, and drag it to where you want it placed.

Delete an Item

Click the content, then click the trash icon at the lower right.

Edit an Item

Click the content, then type directly on the template for text content. You will see a toolbar above the text where you can customize the color, and font, add links, and characters, merge tags, and more. The right-side menu will show the other content properties you can change, such as alignment and spacing.

Some of the other content may be edited directly in the template, like uploading an image or editing the button text. The rest of the editing options are on the right-side content menu. The settings will only appear if the object is selected.

Add Rows & Columns

Click the Rows tab from the right menu to choose a format on columns and drag it to the template. To add content inside the columns, drag the items to the inside of the column containers. Use this if you want items to show side by side.

Edit the Template Background Color

Click the Setting tab from the right menu. Aside from changing the background color of the whole email, you'll see other options, such as making the content area wider and changing the alignment, default font, and link color.

Add Merge Tags

Add merge tags for event information, such as event name and date. The system will replace these variables with the event information.

To see the available merge tags, click on an item with text in your template, then click Merge tags from the toolbar above the text.

Here's the list of available merge tags:

  • ${eventURL}

  • ${event_name}

  • ${event_slogan}

  • ${event_description}

  • ${event_startDate}

  • ${event_endDate}

  • ${event_startTime}

  • ${event_endTime}

  • ${eventStartEndDateTime}

  • ${event_TimeZone}

  • ${event_location}

  • ${viewOnMap}

File Manager Limitations

  • The following file extensions cannot be uploaded to the file manager: js, cjs, mjs, •php, -phtml,-php3, -php4,-php5, -php/, -phps, -php-s, -pht, -phar, HTML, •zip, rar, and archive file formats.

  • The maximum allowed file size you can upload is 20MB.

  • You can't move files from one folder to another one. This is because the upload location determines the URL path for your file. Moving the file would change the URL and break the link anywhere it's currently in use.

  • If you are uploading an image that is wider than 1920 pixels, the integrity of the image may be altered upon upload or import. The image will be resized to be no wider than 1920px. In other cases, the colors may change, and gifs may lose frames. Make sure that any images that you upload are no wider than 1920px.

Did this answer your question?