Step 1
Open the template (in Google Slides | RELAYTO). Every section has its page. On this dropdown, we have four sections, so there are four pages in total. You can always add more by duplicating the page and then changing the content.
![](https://cdn.relayto.com/images_originals/jqtQVniT5y257N4lMnCg_Screenshots for Academy Blogs (61).png)
Step 2
After the edits, download the Google Slides as PDF (go to File -> Download -> PDF Document (.pdf)) and upload it to RELAYTO.
![](https://cdn.relayto.com/images_originals/mx3R1Xp6Tmul25CgL71w_Slide%2016_9%20-%20246%20(5).png)
Step 3
Click "Settings" and then "View" to be able to select "Cinematic Slider".
To understand it better, click here: How to Change the View of Your Content
![](https://cdn.relayto.com/images_originals/JnodTSixSZerMOKunB74_Slide 16_9 - 250 (1).png)
Step 4
To navigate between the pages using the arrows, we need to add go-to pages.
To understand how it works, click here: How to make an interactive table of contents.
Click on "Studio" in the top right corner and then the "Add Interactivity" menu icon. When the menu appears, choose the Rectangle shape.
![](https://cdn.relayto.com/images_originals/jFrP7oSwQSKBHyTOseRJ_Slide 16_9 - 251 (3).png)
Adjust the background color to opacity 0 so it'll have an invisible effect. Place the shape above the arrow.
![](https://cdn.relayto.com/images_originals/J4XSxg3PT36n85cSzVL5_Slide 16_9 - 251 (2).png)
With the arrow selected, click on the "Add Action on Click" tab in the right-side menu and choose "Go to page".
![](https://cdn.relayto.com/images_originals/sBMBjIlbT8mooJUXrxsI_Slide 16_9 - 250 (2).png)
A popup will appear. Select the page that matches the topic and then click "Confirm" to save. Repeat it to all the arrows so it can be redirected to the right page.
![](https://cdn.relayto.com/images_originals/AyjKWgIuSF6QRrBgeXTj_Slide 16_9 - 250 (3).png)
Step 5
Click "Settings" and scroll the menu to find and click the "Advanced" button at the bottom.
![](https://cdn.relayto.com/images_originals/7EbabbNRSreowMT2xYLm_Slide 16_9 - 251.png)
Find the "Navigation arrows" option and enable it.
![](https://cdn.relayto.com/images_originals/UAVKCw2XTgOtOzkj0Vbo_Slide 16_9 - 251 (1).png)
Step 6
Embed your dropdown inside the experience you want.
To understand how to embed it, click here: How to embed widgets.
![](https://cdn.relayto.com/images_originals/VZjv2LPCQJOpdFfR2A3H_Screenshots for Academy Blogs (67).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.