Layout-Level Visibility and Conditional Rules

Hiding sections one element at a time is slow. Layout-level visibility lets you control a full row, including all its columns, with a click.

Device rules for layouts

1. Create or open an email template or campaign.
2. Add a layout block to the canvas.
3. Hover over the layout. Desktop and mobile icons appear on the block.
4. Click an icon to toggle that device. A grayed-out icon means the layout is hidden there.
5. Alternatively, select the layout and open the Visibility tab in the left panel.
6. Switch between desktop and mobile preview from the toolbar.
7. Send a test to confirm what shows in a real inbox.

Conditional rules for layouts

You can also show or hide a layout based on contact data.

1. Select the layout.
2. Open the Visibility tab.
3. Turn on conditional visibility.
4. Pick a custom field to check.
5. Choose a condition: Is, Is Not, Is Empty or Is Present.
6. Enter a value if the condition needs one.
7. Save.

For instance, show a loyalty section only when a membership field is present.

How it combines with element settings

If a layout is hidden, nothing inside renders, regardless of inner element settings. Inner elements can still carry their own rules when the layout is visible.

Best practices

• Reserve desktop-only layouts for wide or multi-column designs.
• Keep one mobile-friendly alternative visible.
• Always preview both views.

Good to know: Test sends preserve both device and conditional visibility, so they are a reliable check before going live.