Configure in-app template settings

These settings apply to the whole in-app template at once, rather than a single block.

Configure template-wide styling

Template settings control styling for the whole in-app template: document size and background, popup look, and default styles for blocks.

Open the Settings tab in the right-hand panel.

Available sections:

• Document: width, padding, a background image, the gap between blocks, and a default corner radius for images.
• Color scheme: named color roles (heading, accent, links, background, borders, and more) that repaint the template at once. Existing blocks keep colors you already set explicitly.
• Typography: default font family and sizing for text in the template.
• Popup: how the message sits on the dimmed backdrop: corner radius, plus overlay color and opacity.
• Block defaults: shared starting styles for blocks you add later, so new content matches the template until you override a block on the canvas.
• Columns defaults: spacing for every Columns layout: outer padding, padding inside each column, and the gap between columns.
• Card defaults: starting look for Card containers that group content in the layout, applied until you style a card individually.
• Button group defaults: spacing and alignment when several buttons sit together as a group.
• Button defaults: starting look for new Button blocks so CTAs stay consistent across the template until you style one separately.
• Divider defaults: starting line style, color, thickness, and width for new Divider blocks.

Defaults apply wherever an individual block does not override them.

หมายเหตุ

There is no height setting. The popup grows with its content. For a full-screen message, set Width in Settings and choose Fullscreen in In-app settings.

Configure how the in-app looks on device

In-app settings control how the message appears and behaves on the device: position, animations, swipe gestures, and the close button. These settings only apply to iOS and Android Native.

Click In-app settings in the top bar.

Position on screen

Choose Fullscreen, Top, Center, or Bottom.

Animations

• Present Animation / Close Animation: None, Fade, Left, Right, Up, or Down, or Default to use your app’s SDK default.
• Animation Duration (MS): 100 to 3000 milliseconds. Leave empty to use the SDK default timing.

หมายเหตุ

None and Fade currently work on Android. On iOS, the message appears and disappears instantly (alignment coming soon).

Swipe to close

Enable any combination of Left, Right, Up, and Down.

Close button

Turn Show close button on or off.

When it’s on, set:

• Position: Top right, Top left, Bottom right, or Bottom left.
• Background: a color or Transparent.
• Corner radius: rounds the corners of the close button background. Available only when Background is a color (not Transparent). Set 0–16 px: 16 px makes a circle (default), 0 px makes a square.
• Icon Color: color of the close icon.
• Margin: space around the close button on each side (Top, Right, Bottom, Left).

Unlike the other options in In-app settings, the close button style is saved in the message itself. It appears on every platform, not only on iOS and Android Native.

Click Apply to save your choices, or Cancel to discard them. Open Preview to check position, animations, and the close button before you save.