Top
How to display pop-ups based on user roles?
  • 06 Apr 2022
  • 1 Minute To Read
  • Dark
    Light
  • PDF

How to display pop-ups based on user roles?

  • Dark
    Light
  • PDF

Pop-ups can be configured to display only to a specific set of users based on role/segment using the window variable option. These values for the window variable need to be made available from your application.

Use the following steps to set the visibility rule using window variable,

  1. Navigate to the Whatfix Dashboard.
    Goto_dashboard

  2. Click Widgets.
    RB_DB_Click widgets(2)

  3. Click the Pop-ups tile.
    RB_DB_popups_popuptile

  4. Click + New Pop-up button.
    new_pop-up

  5. Enter a name and content for the pop-up and click the Set Visibility Rules → button.
    set_vr-button

  6. Under the Where tab, select Window Variable from the drop-down.
    RB_DB_popup_VR_window_variable

  7. Enter the Variable name.

  8. Select Equals.

  9. Enter the Variable value. Your application developers can help you get the variable name and its value.
    RB_DB_popup_VR_user_variable

The example below uses Window Variable to identify user roles. You can use different methods that fits with your app structure.

Using URL Parameter

If you're passing role permission in the URL parameters, the following method can be used.

RB_popup_VR_param_admin

Using URL Hash

If you're passing role permission in the URL Hash, the following method can be used.

RB_popup_VR_hash_admin

Using Elements in a page

If each role has a unique element available in the app, you can use it to display pop-ups. For example, the Settings icon is only visible to Admin users, Request Access button is available only to Editors . Use these element to identify the user and dispaly content.

RB_popup_VR_CSS_selector

  1. Finish creating the pop-up.

Was This Article Helpful?

First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.