Microapp General Settings

The General Settings of your microapp will allow you to adjust some of the most important information about your microapp, especially how your microapp appears to others.

Table of contents:

  1. Naming the Microapp
  2. Adding a Cover Image
  3. Background and Accent Colors
  4. Modifying the microapp size and orientation
  5. Add custom buttons
  6. Swipe Behavior
  7. Completion Duration

Access Microapp General Settings

Name the microapp

The title of your microapp will be visible in the Tiled Library, as well as any time you share your microapp. NOTE: Not all browsers support emoji's so be conscious that the name of your microapp is accurate and descriptive of your content.

Add a cover image 

Adding a cover image to your microapp will make it easier to navigate your microapp library and will add basic meta data to your microapp so an image appears when shared over social channels.

Set a cover image

  1. Click on the gear icon at the top of your microapp.
  2. Once you're inside the editor, click the gear icon in the top left corner
  3. In the window that opens, you'll see an area where you can drop your cover image in
  4. You can specifically design your cover image to be 504px x 224px.
  5. Option to also drag over an asset into the cover image box as well

Background and accent colors

Background and Accent colors allow you to quickly build a microapp and use colors that are frequently used across your microapp design.

The Background Color is a global attribute of your microapp that controls the color of your pages, page states and overlays. The default background color is set to white (#000). Since it is a Global attribute, updating your background color at any time will update the color of all of your pages, page states, and overlays. 

Although less common than the background color, the Accent Color is an attribute that allows you to select a secondary color which can be used in other places across your microapp, such as the color for the slider controls in a Gallery Tile.

Modifying the microapp size and orientation

Change the microapp Device and Orientation from the general settings here.

WARNING

Modifying the dimensions of your microapp should be done before building your microapp. Images and tiles that are present on microapp pages will be resized if a different format is selected. The layout of your Tiles may be irreversibly affected after choosing a new format.

Add custom buttons

Every microapp has a pre-set Play button and Close button.
The Play Button will appear on any videos from your asset library when a video is paused. The video icon will not show on Video URLs, like Youtube links.

The Close Button will appear in the top left corner of Overlay Pages by default. You can hide this icon by unchecking the box.

You can customize your own Play and Close buttons by uploading image from your assets library and dragging them into the images in your General Settings here:

Screen_Shot_2022-09-26_at_16.53.05.png

Swipe behavior

Swipe behavior controls the transitions of microapp pages when viewing a microapp on a tablet or mobile device. The swipe options available are:

  • Slide
  • Jump
  • Do Nothing

Completion duration

The Completion field allows you to create a completion event for viewers who view a microapp for a specific duration. Completion Events can be triggered after sessions that last:

  • 5 min
  • 10min
  • 20min

Comments

0 comments

Please sign in to leave a comment.