Studio Editor: Creating a "Back to Top" Button

2 min read
Create a "Back to Top" button to make it easy for visitors to go to the top of the page.
A screenshot of the Pinned
Tip:
You can also use any other linkable element (e.g. text, shapes, or media).

To create a "Back to Top" button:

  1. Click Add Elements on the left side of the Editor.
  2. Click Buttons.
  3. Drag a button to the desired location on the page.
  4. Click the Link icon .
  5. Select Top / bottom of page on the left.
  6. Click Top, then click Done.
  7. (Optional) Pin your button to the screen so it's visible as visitors scroll the page:
    1. Click the Open Inspector arrow  at the top right of the Editor.
    2. Scroll down to Position.
    3. Click the Position type drop-down and select Pinned
    4. Click the Pin to drop-down and select the desired location for your button (e.g. Section / Page).
Tip:
Add an Entrance animation to your button and adjust the delay to make it appear after a few seconds, as visitors scroll down. 

Did this help?

|