Tagging Your First Feature

Tagging features with Userpilot is a piece of cake. But before you start, you must make sure that you have installed the Userpilot Chrome extension to use the editor.

Once you've successfully installed the Userpilot builder, you can fire it by heading over to the features dashboard and click on the 'Tag new feature' button on the top-right. Enter the build URL where you want to tag your feature and then click on the 'Create' button. 

Once it's fired up, the builder will pop up. You can take a look at other features you have previously tagged or tag a new one.

Maneuver to the page you want to tag the feature on then click ' Tag an element' on the right-hand side of the bottom bar. This will move you to target mode to start detecting the features on the selected page.

Once you enter element target mode, you'll notice that a highlighted rectangle follows the cursor around the screen to help you understand what the tag is capturing. The Userpilot builder is picking up every CSS element that you might want to attach the feature to.

Pro tips: 

  • You can exit the element target mode by pressing the escape key.
  • You can capture clicks on multiple elements by choosing the parent that contains them. 
After you've selected the desired element, a sidebar will be displayed that has the feature setup. You can easily add the name of your choosing and define the specific URLs where you want the activity of this feature to be tagged.

You can even be more specific about the element you're attaching the feature to by enabling the 'Manual detection' option. Once enabled, you'll be given the ability to change the CSS selectors for the tagged element in Userpilot. 

Next steps: Leverage your features targeting.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.