Event App Layouts

Choose the right layout for your Event App's look and feel

Daniel Murphey avatar
Written by Daniel Murphey
Updated over a week ago

Matching your Event App's style to meet the needs of your attendees, sponsors, and brand is key! To help with this, we provide a powerful yet easy way to customize the layout of your Event App's features.

Three screenshots showing each of the three layouts - Banners, Features only, and Smart feed.

Choose from the three Event App layouts shown above when setting up your Event App. Keep reading to learn about each one: Banners, Features Only, and Smart Feed.

Changing your Event App layout

In your Event navigation bar under ‘Event App’ (or 'Community' in a Community), click Appearance, then scroll down to the Layout section. Clicking a layout option shows a live preview to the right.

Screenshot of the process just described and the Layout section of the appearance page.

Banners (default)

The Banners layout lets you showcase an unlimited number of custom banners that drive traffic to your sponsors, promotions, sessions, or any other content. Each banner can link to content already stored in your Event App or to a location outside the app, such as your premier sponsor's website!

Two screenshots of the Banners layout on the Mobile App and Web App.

Each banner displays for five seconds before rotating automatically to the next banner. Mobile App users can also swipe between banners.

Upload banners

Including banners in your Event App is easy! First, create the banner images to the recommended dimensions — 950 pixels wide by 380 pixels tall.

When your images are ready, go to the Appearance page's Layout section, select the Banners layout, and click Manage Banners. In the modal that appears, click New Banner.

Screenshot of an arrow pointing from the Manage Banners button in the Banners layout option to the New Banner button in the Manage Banners modal.

In the New Banner modal, add the following information:

Screenshot of the New Banner modal.
  • Name - Enter a name to help you identify this banner in the list. This name isn't shown to attendees.

  • Image - Select an image from your device, making sure it meets the following criteria:

    • Text on banners should be no less than 32pt to ensure readability.

    • 950px by 380px PNG or JPEG file.

  • Link - Select an optional Link type — either Internal or External. If you select 'External', enter the URL to the destination. If Internal, select the feature or item you want to link to.

    💡 Keep in mind, if the banner uses an external link, don't uncheck 'Open link in external browser' unless you're sure the URL is embeddable.

  • Visible To - Select one or more groups so that banners only appear to attendees in the selected group(s). This is great for tailoring content to virtual or in-person audiences, creating sponsorship tier opportunities, and more!

  • Activate Banner? - If you don't want to show attendees the banner yet, simply deactivate this toggle.

When you're finished, click Done, then click Save Changes to finalize the upload.

Use the Manage Banners modal at any time to edit Banners you've uploaded, view their active/inactive status, and view associated Groups.

Screenshot of the Manage Banners modal. The pencil icon, active/inactive status, and Groups indicator are highlighted.

Features Only

If your Event App has a lot of features, and the content is meant to take center stage, the Features Only layout is a good choice to maximize space for the features list.

Screenshot of the Features Only layout on the Mobile App.

Smart Feed

The Smart Feed shows your Mobile App attendees personalized suggestions on what matters most. Attendees can swipe Smart Feed cards left and right to show more content, and the feed continuously updates when users come to the Event App's home screen!

💡 Keep in mind, the Smart Feed doesn't display on the Web App.

Screenshot of the Smart Feed layout on the Mobile App.

The feed can show any of the following options:

  • Recommended connections (if the Attendees feature isn't hidden)

  • Upcoming Sessions

  • Webex Events Card - *Webex Events App Only*

💡 Keep in mind, Smart Feed content updates automatically based on individual users, so you can't configure it to show specific items.

Now you know all about Event App layouts! Now let's start adding some features.

Questions? Chat Us or Email support@socio.events

Did this answer your question?