Markers

Providing targeted and context-specific interactions for your users with the markers.

You can add markers to every component. A marker is a reference point or identifier that you can assign to specific situations within a component. It allows you to mark or tag a particular location, time, tilt, direction, or position (depending on the features) within the component.

A marker serves as a key element in adding interactivity and defining actions within your components. It enables you to create targeted and context-specific interactions that trigger specific behaviors or responses when the marker's conditions are met.

By placing markers within a component, you can easily identify and reference these specific points in the component's timeline or spatial layout. This provides a way to associate actions or effects with those markers, allowing you to create dynamic and engaging experiences for your users.

Create a marker

To create a marker, follow these steps:

Select a component in the Objects list
Click on the arrow to enter the configuration mode
Position your component at the desired location using your mouse or the player
On the left, click on the + button.
The newly created marker will be displayed in the list, providing options to edit or delete it.

💡 Markers do not affect the "normal" interactions of your components. If no specific actions have been assigned to the markers, users can still interact with the component's classic features, such as zooming in on an interactive image or scrolling through a text.

Set a default marker

After creating the markers, you can select the one that will always be activated by default when the component is loaded.

You can define this default marker in the properties of the component, or use the pin icon within the component's marker list.

Trigger an action from a marker

When a marker is created on a component, you can transform it into a trigger, allowing for additional interactivity beyond standard triggers.

To trigger an action from a marker, follow these steps:

Select the component with the marker and go to the Actions panel
Add an action: you will find your marker displayed at the top of the list
From there, you can associate actions or behaviors with the marker, defining what should happen when the marker is triggered.

Add an action related to a marker

On the contrary, the marker becomes a possible action on your component. In the case of a marker on a scrolling area, the proposed option will be to Change position for this marker.

To add an action related to a marker:

Choose a trigger
Choose the action Interact with a component.
Select the component
You will see new options appear!