1. The Scroll To widget allows a smooth page scroll to a specified content block. Anchor scroll is performed with a click and moves the visitor to the specified anchored section on the page. Drag and drop the Scroll To widget onto the page
2. Select the Scroll To widget to edit the settings described further
Icon Content Type
3. Specify the anchor to scroll to
4. Specify the scroll duration
5. Select icon content type for the Scroll To widget
6. Specify the animation for the icon. The following options are available:
"None" - if no animation is required for the icon
"Hover" - The icon will move once the mouse cursor is placed on it
"Always" - The icon will always be animated
7. If needed, change or delete the icon with pencil and bin icons, respectively
8. Select the required new icon
9. Click "Apply" to confirm the changes
10. This is how it will look on the preview
11. "Devices" is a common feature in most widgets in the website builder. Set a different icon size on different devices. Please refer to this guide for more information on Devices
12. Specify an icon size
13. Specify the color for the Scroll To widget. Please refer to this guide on how to select a specific color with the Color Picker
14. This is how it will look on the live preview. The icon color is red now
15. Click "Save" for the changes to reflect on the page
Text Content Type
16. Select text content type for the Scroll To widget
17. Specify the text for the Scroll To widget
18. Select a Text Style for the text in the Scroll To widget
19. If needed, the Text Style appearance can be changed by clicking the pencil icon. Please refer to this guide for Text Style overview
20. Click "Save" for the changes to reflect on the page
Adding anchor to scroll to
21. An anchor is a link that points to a particular part of a page. An anchor can be added in Row, Container, and Block widgets. Once it is added, the same anchor that is also present in the Scroll To widget will lead to the Row widget, Container widget, or Block. Select a Block widget
Please refer to this guide for more information about anchors
22. Specify the anchor to be scrolled to
23. Click "Save" for the changes to reflect on the page
The remaining features here - Spacing, Devices, Alignment, Visible On, and Animation are common features in most widgets in the website builder. Please refer to this guide for more information on these features.