Learn how to craft an engaging table of contents for exciting digital experiences.
Step 1
Click the "Studio" button in the top right corner.
.png)
Step 2
Click the "Add Interactivity" icon on the toolbar at the top middle of the screen or in the Interactive Studio side menu.
.png)
Step 3
Choose the Rectangle from the Shapes options.
.png)
Step 4
With the shape selected, make it transparent by lowering the opacity to 0.
.png)
Step 5
Set the Border width to 0 or click Color and change it to be the same as the background.
.png)
Step 6
Click "Add action on click" section, and then click "Go to page." Choose the specific page that will open when the shape is clicked on.
.png)
Step 7
Place the shape/icon above the text on the table of contents. This way, people can click on it and be redirected to the selected page.
.png)
Bonus
We recommend adding an icon to the navigation with the action "Go to page," linking it to your interactive table of contents. This way, users can easily access the table of contents whenever needed.
To understand more on How to add a call-to-action to navigation, click here.
.png)
Related Articles:
Thank you for joining us in this tutorial! If you have any questions or need help, feel free to email us at [email protected] or book a call here.