Inject
Built for

How to use multiple instances

To apply multiple instances of the solution on the same page or on other pages, add the instance attribute to identify the components.

Check more examples
How to use multiple instances
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.

Instance #1

This is the Instance #1.

Please ensure that the Component with the attribute ⁠fs-list-element="component" and the Target element with ⁠fs-list-element="target" have the same instances attribute. For example, ⁠fs-inject-instance="banner-1".
This block contains the component that will be injected into the target element. You can hide this block if you want.
This is the Banner 1 injected into the target element.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
The component will be injected inside this Div Block.
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.

Instance #2

This is the Instance #2.

Please ensure that the Component with the attribute ⁠fs-list-element="component" and the Target element with ⁠fs-list-element="target" have the same instances attribute. For example, ⁠fs-inject-instance="banner-2".
This block contains the component that will be injected into the target element. You can hide this block if you want.
This is the Banner 2 injected into the target element.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
The component will be injected inside this Div Block.