Beacon does not appear correctly

Issue

• Beacon does not appear on the page after you have pushed it to Production.
• Beacon is not appearing in the desired location on the page.
• Beacon is hopping, that is, switching from one element to another.
• Beacon is not appearing in your application.

Probable Causes

• If the wrong segment is present in the Production stage.
• If you have pushed only the content and not the associated widget.
• if the wrong element is selected.
• If there multiple similar elements, making it difficult for the Beacon to accurately latch onto the intended element.

Suggested Solutions

• Ensure that the correct Beacon segment you want to display is in the Production stage.
  

• Ensure that you push the widget first from the Widgets section, as this guarantees that the segment and its associated content are simultaneously pushed to Production. For more information on pushing a widget to Production, see Push Whatfix content and widgets to Production.

• Try reselecting the Beacon element again. For more information, see Reselect Elements to manage UI changes.

• Check if you have multiple Beacon segments for a single page that are active in the Production stage.

• Whatfix permits only one Beacon segment to be displayed at a time. If you want to show multiple Beacons, combine the Beacons in a single collection. For more information, see Create Beacons.

• Use the appropriate Role tags to ensure that the Beacon appears correctly for the configured user roles. For more information, see Segmentation.

• Use CSS selectors in the Display Rules for the Beacon to appear correctly on the selected element.