Top
Can Whatfix capture the CSS selector of an element?
  • 17 Nov 2023
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Can Whatfix capture the CSS selector of an element?

  • Dark
    Light
  • PDF

Article Summary

  • Yes, Whatfix can capture the CSS selector of an element using Studio in the following two cases:

  • While adding a Branching rule to a Flow step.

  • While adding a Display Rule to content.

Use the following steps to capture the CSS Selector using Whatfix Studio:

Capture CSS Selector while Branching

  1. Launch the Whatfix Studio, create a Flow, and then click the branching icon. For more information, see Add a branch to a Flow.
    clm_branching icon

  2. Click Create Branch.
    clm_branching revamp_create branch

  3. Under Branching conditions, click Add Rule.
    clm_branching_add rule1

  4. Select Action Element Is rule using the dropdown.
    clm_branching_action element is

  5. Click the Select Element option from the dropdown instead of CSS Selector.
    clm_branching_select element

  6. Click Select.
    clm_branching_select button

  7. Click the element for which you wish to find a CSS Selector in the application's UI.


Note:
  • Whatfix captures the CSS Selector of the element automatically.
  • To verify the selected element click the View icon.
    clm_branching_view icon

Capture CSS Selector while configuring Display Rules

  1. Once you launch Whatfix Studio, create the content, and then Go to the ADVANCED OPTIONS section.
    clm_css_advanced options

  2. Expand the Display Rules dropdown, and then click Add Rule.
    clm_css_add rule

  3. Select the Other Element on Page option from the dropdown.
    clm_css_other elements on page

  4. Select the Select Element option from the dropdown instead of CSS Selector.
    clm_css_select element

your title goes here
  1. Click Select.
    clm_css_select button

  2. Click the element for which you wish to find a CSS Selector in the application's UI.


Note:
  • Whatfix captures the CSS Selector of the element automatically.
  • To verify the selected element, click the View icon.
    clm_css_view icon


Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
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.