Page Builder for Event Pages – Bevy Help Center

Introduction

Use the page builder to customize event pages. You can either make changes to either:

The event page template—changes all event pages for all chapters in the admin dashboard.
An event page—changes a single event page in the chapter dashboard.

When you make changes to the template, they're available any time you open the page builder for any event. When you publish an event, the latest template is applied.

By accessing the page builder while managing events in the chapter dashboard, community admins can customize the appearance of an individual event. After you customize an event, it isn't affected by any changes to the template. Changes to the event template don't apply to events you customize with the page builder. After you save changes in the page builder, you won't see any changes from the template.

Using event page builder

The page builder is a no-code editor where you can control community event pages' layout, components, and appearance. Using the page builder ensures consistency between chapters and enables customization.

Dynamic content and widgets enable you to drop and forget - Bevy automatically populates things like event or chapter details when the page is published.

The page builder has three panels:

Add to Canvas — a library of what you can add to your event page. Drag and drop things from the library to the editor.
Canvas — a WYSIWG editor of your event page. Click into content to edit or click and drag to rearrange.
Settings — specific configurations of the content in the editor. The settings available change depending on what's selected in the editor.

We automatically back up the changes you make in an editing session. However, the changes aren't applied until you click the Save button.

Creating and using page builder event templates

Configuring the default event template

Community admins create a template to define the appearance of all events for an organization. When you make changes to the template, they're available any time you open the page builder for any event. Likewise, when you publish an event, the latest template is applied.

To configure an event template:

In the admin dashboard, select Templates in the left-hand sidebar menu.
Select the Edit default template button for the template you want to change

Customizing a one-off event page

Community admins can access the page builder from the chapter dashboard to make changes to a specific event.

To open the page builder:

In the chapter dashboard, select Events in the left-hand sidebar menu.
Create or edit an event.
Select the Page Builder button.

To prevent conflicts, changes to the event template don't apply to events you customize with the page builder. After you save changes in the page builder, you won't see any changes from the template.

Adding and removing layouts, elements, and components to your design

Layouts

Event Banner

The event banner is a prebuilt layout that community admins can add to the page builder canvas. The event banner is split into four content containers and is meant to convey details about the event quickly.

Container one includes the event title, chapter name, start date and time, short description, placeholder text, and event attendee count.

Container two includes the event tags, container three includes the social sharing icons, and the last container includes the join event/ register button.

Bevy recommends placing the event banner at the top of your event page design.

Three Columns

The three columns is a prebuilt layout that community admins can add to the event page design. For each column, an image, title, body text, and button are included in the layout.

Community admins can adjust the spacing between and within columns with the spacing margin and gap controls. Deleting and duplicating actions can modify this layout to fewer or more than three columns.

Alternating

Alternating is a prebuilt layout that community admins can add to the event page design. Like the three columns layout, alternating enables community admins to pair images with content.

Bevy recommends using this layout when incorporating longer-form content on an event page.

Featured Video

The featured video is a prebuilt layout that community admins can add to the event page design. Community admins can embed videos from external sources via an external video URL or feature the Bevy wrap-up video.

Quote

The featured quote is a prebuilt layout that community admins can add to the event page design. Similar to the alternating layout, the quote layout emphasizes text excerpts about the event or an attendee’s previous experience.

Statistics

Statistics is a prebuilt layout that community admins can add to the event page design. The statistics element is an attractive way to show at-a-glance facts about an event.

Community admins can adjust the spacing between and within each statistic with the spacing margin and gap controls. Deleting and duplicating actions can modify this layout to fewer or more than four statistics.

Empty Container

The empty container enables a community admin to create a new layout. Building the layout within a container allows the community admin to quickly move the content to different locations on the event page.

Elements

Text

Add static content to an event page with the text element. The static text does not automatically update on the event page and must be manually updated by the community admin or someone with event page builder permissions. Within the text settings, the community admin can customize the following settings.

Text Style - In the text style drop-down, the community admin can either assign the body style or a heading style to the selected text. Heading styles 1 through 5 are supported in the page builder.
Font - In the font drop-down, the community admin can assign a specific font to the selected text. Only font styles that are enabled on your Bevy instance will show in the list.
Text Size - The community admin can adjust the text size of the selected text. Sizes 12 - 80 are supported in the page builder.
Text Color - The community admin can adjust the text color of the selected text. The text color can be adjusted by entering the hex color code, the RGB color code, or selecting a color from the color picker.
Text Align - The community admin can adjust the alignment of the text. The event page builder supports the left, center, and right alignment.
Style - The community admin can add bold, italic, or underlined styles to the selected text.
Insert link - In the insert link drop-down, the community admin can display text as a hyperlink. Hyperlinked text can direct the page viewer to a custom URL, the chapter page URL, or the Join virtual event URL.
Lists – The community admin can add content to the event page as either a bulleted or numbered list.

Video

The community admin can add embedded videos to any page builder event page with the video element. Visitors can watch the video on your event page without leaving the current page. Select Custom URL from the drop-down to embedded video content from an external video platform such as YouTube or Vimeo. Select wrap-up video from the drop-down to embed video content from the Bevy event dashboard. Video content can not be uploaded into Bevy.

The height of the embedded video cannot be adjusted, only the width, by setting the percentage in the video width setting.

Button

Add button(s) to the event page that encourages viewers to engage with content further down the event page or other community web pages. Buttons are a visual addition to your event page, making it easier for viewers to know where to click.

When adding a button to the event page, the community admin can configure the button to link to another webpage, a location (anchor) on the same event page, to the contact chapter, or to join the virtual event.

Buttons can be left, center or right aligned, and one of two button styles can be selected. The available button styles in the event page builder are consistent with the established button styles throughout your Bevy Instance. Additional button styles are not supported.

Custom URL - Select Custom URL from the list to link viewers to content outside Bevy or a specific location on your Bevy instance.
Anchor - An anchor is a web page element that links the viewer to another location on the same page. Anchors improve the event page user experience because visitors can jump to specific parts of the page without having to scroll as much. An anchor can be applied to any section heading on the event page.
Join Virtual Event - Select join virtual event from the list to create an automatic link for attendees to join your virtual event. When the button’s configured to use the join virtual event link, the button will be inactive until the attendee's eligible to join the upcoming event.
Contact Chapter - Configuring a button to use the contact chapter option allows viewers to email the event’s chapter organizers when the button’s selected, a form opens on the user’s screen.

Image

The community admin can add images to any event page builder page with the image element. The community admin can add new images to the event page using the custom image upload. Custom images must be 2MB or smaller and have a supported file format of .jpg, .png, or .svg. Alternatively, an existing event banner or event thumbnail can be added to the event canvas. Images can be left, center or right aligned.

Alt text - Alt text is written copy describing an image's appearance on a page providing context for search engines, and is also read aloud by screen readers.
Image width - The height of the image cannot be adjusted, only the width, by setting the percentage in the image width setting.
Rounded corners - Define the radius of the corners of an element with the rounded corner settings.

Duplicating items in your design

Click the item on the canvas you want to duplicate.
On the floating toolbar that appears, click the duplicate icon.

You can only duplicate one item at a time on the canvas.

Deleting items in your design

Click the item on the canvas you want to duplicate.
On the floating toolbar that appears, click the delete icon.

You can only delete one item at a time from the canvas.

Moving items in your design

Click the item on the canvas you want to move.
On the floating toolbar that appears, click the up arrow to move the item one spot up on the canvas. Click the down arrow to move the item one spot down the canvas. Click the four arrow icon to drag the item to any location on the canvas.

You can only move one item at a time on the canvas.