Adding a Selector

Last updated: July 1, 2026

Some Further products require the addition of a button or element to the customer's website.  In these situations, the customer will need to create an empty container exactly where they want the element to appear. This is done using a standard div template (aka Selector).

By adding the below line of code to the page's HTML, it generates a unique class that allows Further to accurately locate and render the product where expected.

 <div class="further-XX"> </div>

 

In place of "XX" put the name of the product to be placed there.  For example:

 <div class="further-survey"> </div>

Or

 <div class="further-phone"> </div>

Or

 <div class="further-form"> </div>

The product name does not have to be specific. It helps to specify which element when placing multiple products on the same website.