How to add anchor link in Landing page
Anchor links, also called jump links is a links that lead to another part of the page. If someone clicks on an anchor link, it doesn't go to a new page but to another part of the same page.
Sometimes customer added too many content on their landing page and they need to scroll up/down tons of contents to go on the sign up page. By adding anchor link this will help to navigate to the sign up page without scrolling.
To accomplished this, it requires a paid plan to use the HTML block.
You can use this code to add a anchor link in the landing page
<style>
.ckbutton {
background-color: #000000;
border-radius: 50px;
color: #ffffff;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 22px;
width: 100%;
}
</style>
<a class="ckbutton" href="#jumphere">Sign up</a>
<a id="jumphere"></a>
Note: You can customized the CSS style according to your preference and you can change the link text (Sign up)
Here's how to add the HTML code in the landing page.
Add the first code to where you want to show the anchor link, for this example, I added at the bottom of the landing page
Add the second code is place in the part where the sign up page in the landing page, for this example, I added the code above the sign up page
Here's a short video on how to add anchor link in the landing page -