Matching the look and feel of your Event App to meet the needs of your attendees and sponsors 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.

Contents

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.

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 directly to content already stored in your Event App or can link directly 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 and size them to the recommended dimensions — 950 pixels wide by 380 pixels tall.

When your images are ready, go to the Appearance page, select the Banners layout in the Layout section, 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 for your Banner. Attendees don't see this name.

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

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

    • Image dimensions should be 950px by 380px.

    • The image should be a 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 only attendees in the selected group(s) can see the banner. 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 set this toggle to 'No'.

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 (unless the Attendees feature is hidden)

  • Upcoming sessions

  • Webex Events Card - *Webex Events App Only*

⭐ Keep in mind, Smart Feed content updates automatically based on individual users, and 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?