This article walks you through on how to make an element clickable.

Use the "Clickable" component:

In the core components list, you can choose "Clickable":

Once selected, you can add inside this component any other component that you want to make clickable (text, image, etc...)

When you have added all the components you want to make clickable, you can choose the desired action when the user clicks on the elements in the Clickable content component settings.

You have different options:

Display a cursor on hover:

To clearly indicate to your users that this part of your element is clickable, you can add a hover cursor.

To do so, you can use custom CSS.

Here is how to do it:

Step 1:

In the styling options of the Clickable component, add a custom CSS class (for the example, we are naming it "clickable"):

Step 2:

In your custom CSS, use the CSS class you created in the previous step, then apply the following styles:

.clickable {
	cursor:pointer;
	}

For the cursor property, you can use different values. You will find the possible ones here.

Final result:

The elements added in the component are well clickable with a hover cursor (example below for an image):

If you have any questions, feel free to contact the team !

Updated on: 21/04/2026