Containers in Scenes

By default, the screen elements in a SceneA single or multi-screen in-app experience cached on users’ devices and displayed when users meet certain conditions in your app or website, such as viewing a particular screen or when a Custom Event occurs. They can be presented in fullscreen, modal, or embedded format using the default swipe/click mode or as a Story. Scenes can also contain survey questions. are stacked vertically, and you can drag them into your preferred order. With today’s release, you can also place one or more elements in a container and arrange them vertically or horizontally. Additional design options for containers:

• Background color, background media, height, width, and margin settings
• Multiple containers per screen
• Nesting
• Pin to the bottom of a screen

Placing content in a container

When editing Scene content, select the Container element, and then select another element to add to that container: Button, Button Group, Container, List, Media, Question, or Text. NPS is not supported for containers.

You can then set the height, width, and margins. Setting a container’s background color or adding background media is identical to setting up a screen’s background.

Use the breadcrumbs above the content elements to navigate between nested containers and back to the root screen.

Buttons and pinning content

This release also includes a couple changes to buttons and keeping content visible at the bottom of a screen when the user scrolls:

• Single button — In addition to the Button Group element, now you can add a single button. When using multiple buttons in a screen, add single buttons if you want to place content between them, and use a button group to keep buttons together.

• Pinning to the bottom of a screen — We removed the Button Group and Text elements option Fix at bottom on scroll, because now you can pin any content. First, place content in a container, and then hover over the container and select the pin icon:

  

  You can pin multiple containers on the same screen. For Scenes that had Fix at bottom on scroll selected, we moved the Text or Button Group element into a container and pinned it.

Design options unlocked

The addition of containers and the single button element means you can now use these content placements:

• Text, images, or any other elements side by side
• More than two buttons in a single line
• Buttons can appear alongside other content instead of only vertically stacked

And those are just a few ideas. Create a new Scene now and get creative.

Documentation

Get all the details in Content elements and Container in Configure Scene content. Haven’t created one before? Check out Create a Scene for a walkthrough.