Learn what each layout in the event page builder contains, and when to use it to build your event page.
Applies to: Admins who edit the default event template and organizers with Page Builder permissions who edit one-off event page.
Layouts — prebuilt groups of content, called containers, that you add to your event page from the Layouts section of the Add to canvas panel. Each layout is a starting point. Change the text and images, then adjust the spacing, or delete and duplicate items to fit your event.
Layouts at a glance
| Layout | Best for |
|---|---|
| Event banner one | A banner with a background image, with the event details in a text block over it |
| Event banner two | A banner with the image on top and the event details below it, so text never overlaps the image |
| RSVP and Join buttons | Registration and join buttons that change with the event's status |
| Three columns | Three items side by side, each with an image, title, text, and button |
| Alternating | Longer content, with images and text alternating down the page |
| Featured video | An embedded video or your Bevy wrap-up video |
| Quote | A highlighted quote about the event or an attendee's experience |
| Statistics | At-a-glance event facts |
| Empty container | Building your own layout |
Event Banner One
A prebuilt banner that puts your event details in a text block over a background image. The text block shows the event title, the chapter name (linked to the chapter page), the date and time, the short description, the attendee audience type, and the number of RSVPs. Below the text, the banner shows the event tags, social sharing icons, and the RSVP and Join buttons. Social sharing icons appear only when social sharing is turned on for the event.
Bevy recommends placing an event banner at the top of your event page design.
Event Banner Two
A more modern banner that shows the event image across the top and your event details below it, so text never overlaps the image. The image has rounded corners. Below it, the banner shows the event title, the date and time, the chapter name (linked to the chapter page), the short description, the event tags, social sharing icons, and the RSVP and Join buttons. Text is black by default, and social sharing icons appear only when social sharing is turned on for the event.
RSVP and Join buttons
A row of registration and join buttons that changes with the event and with who is viewing the page. Both event banners already include these buttons. Add this layout on its own when you want the buttons somewhere else on the page, such as after a long description.
| Button | When it appears |
|---|---|
| RSVP, RSVP and join, Get tickets | The event is open for registration |
| Log in to RSVP, Log in to get tickets | The visitor isn't logged in |
| Your RSVP | The visitor has already registered |
| Join waitlist, You are on the waitlist | The event is full and has a waitlist |
| Sold out | No tickets are left |
| Join, Join Event | The event is virtual and the visitor can join it |
The RSVP and Join buttons layout is available on event pages only. It isn't in the layout list when you edit a chapter page.
Three Columns
A customizable layout that pairs an image with a title, body text, and a button in each of three columns. Adjust the spacing between columns, and delete or duplicate a column to change how many you show.
Alternating
Pairs images with content sections, alternating down the page. Bevy recommends this layout for longer-form content on an event page.
Featured Video
Displays an embedded video from an external source, or your Bevy wrap-up video.
Quote
Highlights a quote about the event or an attendee's experience. It is similar to the Alternating layout.
Statistics
Shows at-a-glance facts about your event. Adjust the margins and the gap between items, and delete or duplicate an item to change how many you show. [VERIFY whether there is a limit on the number of statistics]
Empty Container
Lets you build your own layout. Build it inside a container so you can move all of its content to a new spot on the event page in one step.