Adding in a Waterfall Button

Created by Alex Mickan, Modified on Fri, 30 Jan at 2:09 PM by Alex Mickan

This article guides users through the process of creating a “Waterfall Button” in the Pages Editor. It covers adding a blank text or button element, configuring its appearance and class name, and setting it up so clicking the button will jump to different sections of the page. Perfect for users looking to enhance page layout and visual flow without needing coding skills.

Step 1: On the Dealership Dashboard, select Websites

Step 2: Select the Desired Website to edit

Step 3: Once on the Website Dashboard, select Pages

Step 4: Select the page you want to edit

Adding in the Waterfall Button

1. Add a blank piece of text above where you need it to waterfall to

2. Click the 6 dots, then scroll to classname

3. Add in 'id-' and then any amount of text to clarify what it is e.g.

4. Please go add in a Button ('+')

5. Then add in a '#' to ask it to locate the 'id'. Enter the same text that preceded 'id'

6. This will then waterfall down to where you 'id' earlier.

7. Publish the page

Please see video for clarity

https://res.cloudinary.com/total-dealer/video/upload/v1769746043/waterfall_wnzq2z.mp4