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