---
title: "Preview and publish a page"
slug: "preview-and-publish-a-page"
updated: 2025-12-17T17:36:07Z
published: 2025-12-22T15:53:31Z
canonical: "documentation.deltatre.com/preview-and-publish-a-page"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.deltatre.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Preview and publish a page

## Previewing a page

Preview how pages display on your website by selecting the *Preview* button:

![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10566114584732.png?sv=2026-02-06&spr=https&st=2026-10-27T22%3A42%3A24Z&se=2026-10-27T23%3A42%3A24Z&sr=c&sp=r&sig=x1u4331mjLeeC%2BhcMRcOqfzplramNUDFifNR9fNTjHk%3D)

The page preview displays:

![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10566093911708.png?sv=2026-02-06&spr=https&st=2026-10-27T22%3A42%3A24Z&se=2026-10-27T23%3A42%3A24Z&sr=c&sp=r&sig=x1u4331mjLeeC%2BhcMRcOqfzplramNUDFifNR9fNTjHk%3D)

- An overview of the page path, which has the page's publishing status next to it: **Red** for unpublished, **Amber** for in review, and **Green** for published. This page path updates automatically when the page's publishing status or name changes. The user receives an alert similar to the following one: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10685081363996.png?sv=2026-02-06&spr=https&st=2026-10-27T22%3A42%3A24Z&se=2026-10-27T23%3A42%3A24Z&sr=c&sp=r&sig=x1u4331mjLeeC%2BhcMRcOqfzplramNUDFifNR9fNTjHk%3D)
- The message users receive when a change is made inside the Page Builder. As you work alongside this preview in the Page Builder, this alert prompts you to refresh the page when it gets an update.
- Tools to:
  - View the page preview in desktop, tablet, or mobile view. The above screenshot shows a page preview set for a desktop device.
  - Show a rotated screen — which can be used alongside the mobile and tablet preview functions.
  - Switch the language of the page preview through the language dropdown: ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10959508075932.png?sv=2026-02-06&spr=https&st=2026-10-27T22%3A42%3A24Z&se=2026-10-27T23%3A42%3A24Z&sr=c&sp=r&sig=x1u4331mjLeeC%2BhcMRcOqfzplramNUDFifNR9fNTjHk%3D)
  - Select the viewport (the selection applies to all new preview requests): ![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/image(217).png?sv=2026-02-06&spr=https&st=2026-10-27T22%3A42%3A24Z&se=2026-10-27T23%3A42%3A24Z&sr=c&sp=r&sig=x1u4331mjLeeC%2BhcMRcOqfzplramNUDFifNR9fNTjHk%3D)

## Publishing a page

Once the preview meets expectations, select the *PUBLISH* button to publish the page:

![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10566123276060.png?sv=2026-02-06&spr=https&st=2026-10-27T22%3A42%3A24Z&se=2026-10-27T23%3A42%3A24Z&sr=c&sp=r&sig=x1u4331mjLeeC%2BhcMRcOqfzplramNUDFifNR9fNTjHk%3D)

After publishing a page, the *View* button is available to see the published page:

![](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/10665943262620.png?sv=2026-02-06&spr=https&st=2026-10-27T22%3A42%3A24Z&se=2026-10-27T23%3A42%3A24Z&sr=c&sp=r&sig=x1u4331mjLeeC%2BhcMRcOqfzplramNUDFifNR9fNTjHk%3D)