Event App Layouts

Choose the right layout to complement your Event App

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.

Each of the three layout options displayed on the Mobile App - 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

If you want to change which layout you selected when you first set up the Event App, it's easy! In your Event navigation bar under ‘Event App’, click Appearance, then scroll down to the Layout section. Clicking a layout option shows a live preview to the right of the Layout section.

The process just described.

Click Publish Changes after making a selection.

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!

The Banners layout on the Mobile App and Web App.

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

Upload banners

Including banners in your Event App is easy!

  1. First, create the banner images to the recommended dimensions. Read our Image Dimensions Quick Reference guide for dimension and file type requirements.

  2. When your images are ready, go to the Appearance page's Layout section.

  3. Select the Banners layout.

  4. Click Manage Banners.

  5. In the modal that appears, click New Banner.

    An arrow pointing from the Manage Banners button in the Banners layout option to the New Banner button in the Manage Banners modal.
  6. In the New Banner modal, add the following information:

    The New Banner modal.
    • Name - Enter a name to help you identify this banner in the list. This name isn't visible 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. Our Image Dimensions Quick Reference guide has more information on dimension and file type requirements.

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

  7. 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 and review their active or inactive status and associated Groups.

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.

The Features Only layout on the Mobile App.

Smart Feed

The Smart Feed layout 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.

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 with us, email support@socio.events, or attend a Face to Face session.

Did this answer your question?