The "Other" New Elements: Back to Top and Anchor
The new Anchor Tag element creates a link to another page or particular block, so you can direct and lead your visitors there more efficiently.
For the anchor to work you're going to need an Anchor Tag and a Button (or a link in general). Your visitors will press on the Button (link) and be transported to the location of the Anchor Tag.
Press the (+) Add Elements button, choose the Anchor Tag, and place it in the block to which you want to transport visitors after they press the Button. Next, you'll have to provide an ID for your Element (e.g. #my-id), which can be done through Element Settings.
Then add a Button element to the block from which you want to lead your visitors to the Anchor Tag. The Button can link to an Anchor Tag in the block, inside other blocks, or blocks in other pages altogether.
In the end, you will get a similar effect:
There is a variety of ways in which you can use this option, depending on where you place your initial button:
- You can place the button in the same block.
- Place the button in a different block to perform a jump from Block A (where the button is) to Block B (where the anchor is). The button can be placed both in blocks before or after the anchor.
- Or you can place the button on a different page to the anchor, and have the visitor travel between pages.
- You can also place the button in the Menu/Header of your website, so it takes the visitor to a page's specific block.
Note: When the Button is on the same page as the Anchor you only need to use the Element ID. When the Button and Anchor are on different pages, you'll need to use the full link + Element ID of the page with the anchor.
For example, when linking the Anchor on the same page, your link will be as follows: #my-anchor. Whereas, when the anchor is connected with a button from another page or a menu element, your link will look like this: www.mywebsite.com/resources-page#my-id
Back to Top
The Back to Top button lets your site visitors navigate your page easier and quicker.
The element can be found by pressing (+) Add Elements and going into Other.
You can place it in different spaces on different pages, or you can choose to have it in the same place across all your pages, by adding it in your Footer Flex Block.
The element comes with several customization options so you can modify it to align with your website design:
- Layout Type - lets you choose if your button is just text, an icon, or both.
- Text - lets you write out the button's text.
- Text Alignment - offers 3 button text alignments: left, center, and right.
- Typography - offers a choice of fonts, as well as the possibility to customize your own.
- Colors - lets you choose the color of the text.