---
title: "Reselect Beacon Elements to Manage UI Changes"
slug: "reselect-beacon-elements-to-manage-ui-changes"
updated: 2025-03-07T03:18:16Z
published: 2025-03-07T03:18:16Z
---

> ## 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.

# Reselect Beacon Elements to Manage UI Changes

Whenever an application is updated, the underlying UI elements may change. As Whatfix won't be able to identify the element on the page, the Whatfix content (like Beacons), may not appear on the desired element.

To avoid this, Whatfix enables you to reselect the elements for the existing content. This saves the content creator the time required to create the content from scratch, every time the application undergoes an update.

Use the following steps to reselect Beacon elements:

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)
2. Click **Beacons**. ![ia_left%20nav_beacons](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_beacons.png)
3. Hover your cursor over the Beacon collection you want to edit, and then click the **Edit** icon. ![db_beacon_edit](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/db_beacon_edit.png)

          your title goes here

          

When editing a content in the production stage, a version of it is created in the draft stage. In the create a new version confirmation box, click **Create version**. ![create new version.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/create%20new%20version.png)

1. Click **Launch live edit**. ![launch live edit](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/launch%20live%20edit.png)
2. Using the Studio, select the Beacon element that you want to reselect.
3. Click **Edit step**. ![soft_editor_edit.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/soft_editor_edit.png)
4. Click **Reselect element**. ![Click_reselectelement](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_15-30-06.png)
5. Select the element on your application.
6. Click **Save**. ![soft_editor_save.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/soft_editor_save.png)
7. To save the Beacon collection, click **Save Beacon**. ![Studio_Savebeacon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_15-31-11.png)

## Related

- [Reselect Elements to manage UI changes](/reselecting-elements-to-manage-ui-changes.md)