Click **Preview** on any layout or component to open its real rendered markup in a new tab — header, footer, and any sample content it ships with, exactly as a page built from it would start out.

The **Preview** panel updates live as you edit. Click **Save Layout** when you're ready, or **Cancel** to discard it.

<p><img src="../../../../images/admin/settings/layouts/layout-preview.png" alt="Full-page preview of the Base Template system layout" class="border"></p>