How to use the Element Selector bundle injection

Our Element Selector bundle injection feature is an easy-to-use dynamic way to place your offer anywhere on the product page. You can inject your bundle relative to any HTML element on the page by simply clicking it.

Using default Placement Options

By default, we offer the above or below positioning relative to the add-to-cart button which can be done by selecting one of the two options.

Using the Element Selector

The Element Selector allows you to position your offers above or below the ID or Class of the HTML element of your choice on the product page. To use this option choose the Position above or below) and click the Open dynamic selector.

This will open a new tab in which the product page becomes interactive and as you hover over the page you can select with your mouse any HTML element to position the bundle relative to it. As you click in the top green bar, the ID or Class is automatically extracted and appears at the top. Once you’re happy with your choice, click Confirm Selection. If you want to select another element, click the Try Again button. In the below image, we’ve chosen to inject the bundle underneath the page’s navbar. 

If you’re interested in selecting a different element such as the price, click Try Again. Now you can click the price section next to the product image and this will automatically select the ID and populate it in the bar. 

Once you click Confirm Selection you will automatically be redirected to the bundle creation section of the app and the ID will be automatically introduced in the section “Custom Element Selector” as you can see below. 

The only thing left is to click Save&Launch to activate your bundle offer. You’ll also be able to check the live bundle on the product page and confirm if it’s working as expected and if it looks as it did in your preview. This is a simple verification and if you encounter any problems please don’t hesitate to contact support to assist you with the bundle injection and creation process. 

Was this article helpful? If you didn’t find what you are looking or need any extra help setting up, for please don’t hesitate to contact our support team.