---
title: "Set the precedence of Pop-ups using segment ID"
slug: "pop-up-precedence"
updated: 2026-08-11T06:54:36Z
published: 2026-08-11T06:54:36Z
canonical: "support.whatfix.com/pop-up-precedence"
---

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

# Set the precedence of Pop-ups using segment ID

When you have more than one Pop-up on the same page of an application, you have a preference to choose the display order of the Pop-ups using segment ID after [creating the Pop-up](/studio/docs/creating-pop-ups).

Advanced customization enables you to add segment ID of Pop-ups to set their precedence. In this method, you add a code snippet in Advanced customization, and then you add the segment ID of the Pop-ups in the order in which you want the Pop-ups to be displayed. This method of setting precedence for Pop-ups works regardless of the Visibility Rules that you add.

          **Note:**

          

Only an **Account Manager** can perform the following task. For more information about available roles, see [Whatfix User Roles](/studio/docs/whatfix-user-roles).

1. On the Whatfix Guidance dashboard, click **Widgets**. ![ia_left_nav_widgets](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_widgets.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A43%3A36Z&se=2026-11-10T18%3A43%3A36Z&sr=c&sp=r&sig=yP9Gdok%2F46QZJ5h4swj2UZCTYg5V9UhbBNBV1qRRuNo%3D)
2. Click **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A43%3A36Z&se=2026-11-10T18%3A43%3A36Z&sr=c&sp=r&sig=yP9Gdok%2F46QZJ5h4swj2UZCTYg5V9UhbBNBV1qRRuNo%3D)

1. Click the Pop-up that you want to display first on your application. ![Dashboard_Widgets_SelectPop-ups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_Widgets_SelectPop-ups.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A43%3A36Z&se=2026-11-10T18%3A43%3A36Z&sr=c&sp=r&sig=yP9Gdok%2F46QZJ5h4swj2UZCTYg5V9UhbBNBV1qRRuNo%3D)
2. Click **Copy ID** to copy the segment ID of the Pop-up. ![Dashboard_pop-up_Segment ID.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_pop-up_Segment%20ID.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A43%3A36Z&se=2026-11-10T18%3A43%3A36Z&sr=c&sp=r&sig=yP9Gdok%2F46QZJ5h4swj2UZCTYg5V9UhbBNBV1qRRuNo%3D)
3. Click **Settings**. ![Dashboard_Settings](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_Settings.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A43%3A36Z&se=2026-11-10T18%3A43%3A36Z&sr=c&sp=r&sig=yP9Gdok%2F46QZJ5h4swj2UZCTYg5V9UhbBNBV1qRRuNo%3D)
4. Go to **Advanced customisation**. ![Dashboard_pop-ups_AdvancedCustomization.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_pop-ups_AdvancedCustomization.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A43%3A36Z&se=2026-11-10T18%3A43%3A36Z&sr=c&sp=r&sig=yP9Gdok%2F46QZJ5h4swj2UZCTYg5V9UhbBNBV1qRRuNo%3D)
5. On the **Code editor** tab, copy and paste the following code snippet, to set the precedence in the order of display of Pop-ups. ![Dashboard_pop-ups_AC_codeeditor.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_pop-ups_AC_codeeditor.png?sv=2026-02-06&spr=https&st=2026-11-10T17%3A43%3A36Z&se=2026-11-10T18%3A43%3A36Z&sr=c&sp=r&sig=yP9Gdok%2F46QZJ5h4swj2UZCTYg5V9UhbBNBV1qRRuNo%3D)

```plaintext
_wfx_settings.widgetSegmentPrecedence =

{'pop_up': ['segmentId1', 'segmentId2']};
```

> [!WARNING]
> Note
> 
> - The code snippet helps in setting the order of display of Pop-ups. SegmentId1 refers to the first pop-up that you want to display, followed by segmentId2 which refers to the next pop-up that you want to display. You can choose to set the order of display either for one Pop-up or for more than one Pop-ups.
> - If you can't access the code editor, contact [support@whatfix.com](mailto:support@whatfix.com?subject=Enable%20access%20to%20code%20editor&body=Hi%0A%0ACould%20you%20please%20enable%20access%20to%20the%20code%20editor%3F) for more information.

1. Replace **'segmentId1'** with the Segment ID of the Pop-up that you copied, and then click **Save**.

Here's a GIF that shows how to use Advanced customization to change the order of display of Pop-ups.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_pop-up_SegmentID.gif?sv=2026-02-06&spr=https&st=2026-11-10T17%3A43%3A36Z&se=2026-11-10T18%3A43%3A36Z&sr=c&sp=r&sig=yP9Gdok%2F46QZJ5h4swj2UZCTYg5V9UhbBNBV1qRRuNo%3D)

> [!WARNING]
> Note
> 
> - The method of using Advanced customization is applicable to all other widgets, and not just Pop-ups, to set their precedence. For more information, contact [support@whatfix.com](mailto:support@whatfix.com?subject=Enable%20Advanced%20Customization%20on%20Whatfix%20Dashboard&body=Hi%0A%0ACould%20you%20please%20help%20me%20access%20Advanced%20Customization%20on%20my%20Dashboard.%20).
> - Advanced customization changes can be previewed only using the [Preview extension](/studio/docs/use-preview-extension-to-test-whatfix-content).

## Related

- [Understand Advanced Customization ](/advanced-configuration.md)
- [How does Whatfix display multiple Pop-ups?](/how-does-whatfix-display-multiple-pop-ups.md)