Setting the launchers path on a page

How to place a launcher on your website

David Batey avatar
Written by David Batey
Updated over a week ago

Your website is made up of lots of elements: buttons, tables, images, container elements, headings, lists and paragraphs, to name a few. 

Some of our launchers will require you to tell us where you'd like the launcher placed on your web page – for example, so that we can show a button in the right spot on the page.

To find that position, you'll need to provide us with the 'path' to the element. 

If you're familiar with HTML and you know the element ID (or there's a unique CSS class) you can manually add it yourself. 

Otherwise, Chrome has the ability to get the path to an element for you automatically, as in the following example.

Let's say we wanted to find the path to the +Add label:

> In your Chrome browser, right click on the element
> Click 'Inspect' from the menu
> Right click on the element in the HTML code
> Select Copy > Copy selector

Then you can paste the selector in the path input box e.g.

body > app-root > div > app-guide-list > div > div:nth-child(2) > app-guide-detail > div > div.bg-navy.pa3 > div > ul > li:nth-child(4)

A note on working with lists

Sometimes you'll want to point to a specific location in a list. In the above example we've selected the 4th item (you can see that we've added a (4) at the end of the list item identifier).

However, you may have a variable list size and may always want the last item in the list:

body > app-root > div > app-guide-list > div > div:nth-child(2) > app-guide-detail > div > div.bg-navy.pa3 > div > ul > li:last-child


The Nickelled team are here to help if you need any advice on setting up the launchers or specifying a path.

Did this answer your question?