To associate tour steps (pointers) with specific elements on your site, you need to hook to the selectors of elements. Selectors are used to "find" the HTML elements on your site. It is not difficult to find out the selector of a specific page element. The easiest way is to use our Chrome extension . Usetiful for Chrome extension (Recommended) 1. We recommend you to first install the extension - it enables you to preview product tours directly on your page without embedding the code. When on the page, it allows you to get the element selector on just one click. 2. Inside the tour editor, the " Element" field require you to enter the selector of the HTML element on your site. Click on the "Select element" action on the right side of the field. The following dialog will appear if the Usetiful browser extension is enabled. 3. Enter the address of your web page and click "Open page" 4. To select the...
