Event Page Design

The Event page is a standalone web page with a singular focus created specifically for an event. It is where visitors land after clicking on an email, ad, web search or social media link about your event. It provides key information about the event in one location that is easy to access and view.

Have you heard about the new Live Event Theme? While you can include both live and recorded videos in any of your Event Pages, as outlined here, you can now use your Hero section of your Event Page as a video combined with a Progress section, for a beautiful video experience for your Event. For more about the Live Event Theme, click here.

Example

Because of its singular focus, you can tell your story to provide the impact specific to the event, where your normal website provides more of everything you do.

Designing an Event Page is as simple as editing the sections with your text and images to create a beautiful, mobile friendly microsite with only the impactful details.

The Event Page is available in any activity you create in MobileCause, except for Crowdfunding and Peer-to-Peer Fundraising, which has its own Fundraising Page, and the SMS Subscription which doesn't have any pages tied to it.

If you plan to use Texting and Keywords in your campaign, you will want to create your Event Page in the Activity with the Keyword you plan to use, so that you can change the Mobile Experience to go to the Event Page instead of the main Form.

Creating the Event Page

Watch this Quick Start video and review the steps below.

 

To start, ideally, be in the main Activity you wish to use with the Event Page. While you can create an Event Page activity as a new activity, you will likely want to have the appropriate forms that will be showcased in the Event Page already designed.

Click on the Event Page category on the left. This will create the Event Page.

Event Page Category

To avoid confusion, the Event Page is not automatically created when you create your Activity. For an event, you may have a Ticketing activity, a Text-to-Donate activity, Volunteer Sign Ups, Surveys, and more. By creating the Event Page only when you access that category, extra, unused pages will not be created, so when you go to Events > Event Page, you won't get lost. Only the actual Event Pages will appear.

The center of your screen will show you the Event Page as you create it with the design sections to change it on the right. There are a number of things to personalize for your page as described below.

Event Page Map

Personalizing the Event Page

As you design your Event Page, the main display will show you what it will look like on a desktop display. To flip through examples of what it looks like in desktop, tablet and mobile views, click the icons above the sections.

Event Page Preview

Theme

You have the choice of a Dark theme, where the background colors on the page will be various shades of grey with normally white text or a Light theme, where the background colors will mostly be white with dark text or your brand color with white text or a Live Event theme which currently is the same as the Dark theme, but replaces the Hero image with video, a progress section and donor wall, perfect for virtual events.

Detailed Theme Info

Note: Most of the sections have the option to delete that section as well as just turn it off. We highly recommend that you just disable the section with the Show/Hide switches vs. deleting since getting the exact section back may not be possible.

Logo & Branding

Like virtually every Logo & Branding section in MobileCause, you can change the Brand Logo, Color and Background Color here. The Logo initially appears in the Banner, Hero, Event Details and Footer sections. Changing the logo here will change it for the entire page. 

Detailed Logo & Branding Info

Banner

The Banner stays visible as you scroll through the page and can include a logo, different navigation links and a primary action button (that is configured in the Hero section).

Detailed Banner Info

Hero

The Hero section contains a hero image (or carousel of images), prominently placed on the page. The hero image (or section) is often the first visual element seen on the page. It provides the most important and impactful information for the page. Add image(s), a logo image, title for the Event and up to three different action buttons, such as registration/tickets, Donation and Event Details.

Detailed Hero Info

Keyword

Framed in it's own section, you can prominently display the Keyword and Shortcode for supporters to share. While they can always share the link and use social sharing, providing the keyword here allows for something that is easily remembered when they're talking about you with others. 

Detailed Keyword Info

Event Details

This section is used to more fully describe the event. It will automatically include the information from the Campaign's Event Details, as described here.

Detailed Event Details Info

Impact

The Impact section provides additional Action Items for your supporters. Often this is used to include up to four levels of donations with room to describe what that level of donation will do for the organization.

Detailed Impact Info

Sponsors

Show off your sponsors. Include a button to become a sponsor. Link from the Sponsor's logo to go to their page.

Detailed Sponsors Info

Footer

Include your contact information with Social Media follow links, Sign Up links and information links as desired. 

Detailed Footer Info

Social Sharing

Social sharing gives your supporters a method to directly share your event with their contacts. The desktop and tablet displays will show the share options in the Hero image initially, but as you scroll down, or if you access the page from a mobile device, the social share options will appear in the Banner. You can personalize the initial messages to send for Facebook, Twitter, Text and Email.

Detailed Social Sharing Info

Adding Sections

If you need more for our Event Page, you can click on the Add Section button at the top of the sections and add custom sections or a new Grid, Hero, Impact or Information type of section. Make sure when you add it, to also place it in the proper location in the list of sections.

Add Section Menu

Detailed Add Sections Info

Accessing the Event Page

Event Page Display Link

The link to the Event Page is in the Display Links section on the left. Click on View Event Page to display the Event Page in a new window. This is the link you can share to your supporters in email, social media and more.

Event Page Link

Mobile Experience

If you wish the texting component to your campaign's communication to drive your supporters to the Event Page, then you can set the Keyword to go directly to the Event Page by changing it in the Mobile Experience category on the left.

Mobile Experience Category

When you create an activity, the main "Online Form" will be the default link shared through texting the Keyword, but it can be changed to any other form created in this activity, including the Event Page.

Mobile Experience

QR Code

The QR Code that is available with your forms is not directly available (within the Activity) for the Event Page. But you can create a Custom Link at the Account Level as described here.

QR Code