---
title: "Preview a Beacon"
slug: "preview-beacon"
updated: 2026-08-11T06:02:19Z
published: 2026-08-11T06:02:19Z
canonical: "support.whatfix.com/preview-beacon"
---

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

# Preview a Beacon

Preview a Beacon collection using the **See live** option or **Preview** icon on Studio before publishing it live for your end users. Previewing the Beacon enables you to test and experience the segment exactly like your end users would see it.

**Preview Using See live option**

Use the following steps to preview Beacons using the See live option:

1. On the Whatfix Guidance dashboard, click **Content**. ![ia_left_nav_content](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_content.png?sv=2026-02-06&spr=https&st=2026-10-15T07%3A31%3A14Z&se=2026-10-15T08%3A31%3A14Z&sr=c&sp=r&sig=WrBGVQohSTPjsc%2FHDE25fJ5blhAdUTm9vrAJVCPiUeY%3D)
2. Click **Beacons**. ![ia_left%20nav_beacons](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_beacons.png?sv=2026-02-06&spr=https&st=2026-10-15T07%3A31%3A14Z&se=2026-10-15T08%3A31%3A14Z&sr=c&sp=r&sig=WrBGVQohSTPjsc%2FHDE25fJ5blhAdUTm9vrAJVCPiUeY%3D)

1. Hover your cursor over the Beacon collection you want to preview, and then click the **See live** icon. ![CLM_DB_See live](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_See%20live.png?sv=2026-02-06&spr=https&st=2026-10-15T07%3A31%3A14Z&se=2026-10-15T08%3A31%3A14Z&sr=c&sp=r&sig=WrBGVQohSTPjsc%2FHDE25fJ5blhAdUTm9vrAJVCPiUeY%3D)

**Preview using the Preview icon on Studio**

Use the following steps to preview Beacons using Preview icon on Studio:

1. Log in to your application, and then launch the **[Whatfix Studio](/studio/docs/how-to-install-the-whatfix-editor)**.  

![CLM_editor plug in2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_editor%20plug%20in%282%29.png?sv=2026-02-06&spr=https&st=2026-10-15T07%3A31%3A14Z&se=2026-10-15T08%3A31%3A14Z&sr=c&sp=r&sig=WrBGVQohSTPjsc%2FHDE25fJ5blhAdUTm9vrAJVCPiUeY%3D)

1. On the top-right corner, click the **Preview mode** icon. ![Studio_Preview_Mode1 1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Preview_Mode1%20%281%29.png?sv=2026-02-06&spr=https&st=2026-10-15T07%3A31%3A14Z&se=2026-10-15T08%3A31%3A14Z&sr=c&sp=r&sig=WrBGVQohSTPjsc%2FHDE25fJ5blhAdUTm9vrAJVCPiUeY%3D)
2. Click **Enter** and then refresh the browser. ![Studio_clickenter](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28388%29.png?sv=2026-02-06&spr=https&st=2026-10-15T07%3A31%3A14Z&se=2026-10-15T08%3A31%3A14Z&sr=c&sp=r&sig=WrBGVQohSTPjsc%2FHDE25fJ5blhAdUTm9vrAJVCPiUeY%3D)

          Note:

          

If the content you want to preview is in the Draft stage, then select **Draft, Ready, Production** from the dropdown. ![studio_include_draft_content](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_include_draft_content.png?sv=2026-02-06&spr=https&st=2026-10-15T07%3A31%3A14Z&se=2026-10-15T08%3A31%3A14Z&sr=c&sp=r&sig=WrBGVQohSTPjsc%2FHDE25fJ5blhAdUTm9vrAJVCPiUeY%3D)

## Related

- [Beacon](/beacon.md)