Articles in this section

See more

Creating Landing Page Anchor Links

Avatar
Taylor Glass
  • Updated
Follow

You can create anchor links within the same landing page to redirect visitors to other sections throughout the page. Anchor links are useful in navigating a longer page, or if you want to provide a button to jump right to a certain section within the form. Anchor links can even be placed to provide a way to jump from the bottom of a page back to the top. This article will detail how to create anchor links.

Note: SharpSpring offers Professional Services to assist with custom coding. You must have code knowledge in order to use the information within this article.

The following user roles can add anchor links to landing pages:

  • Administrators
  • Marketing Managers


Article Contents


Anchoring Landing Pages

To access a landing page, do the following:

  1. In SharpSpring's top toolbar, click 
    Pages > Landing Pages.
  2. Create a landing page, or edit one.
  3. Insert a button into the landing page.
  4. Click the added button.
  5. In the Redirect To section in the menu that appears, click the URL tab.
  6. In the URL text box, type in an ID. 
  7. Click  code.png  Edit Code.
  8. In the coding window that appears, find the section or container that you would like the button to redirect to.
  9. Assign the section or container with the corresponding ID.

       •   For sections, the code will appear
            as follows:
            <section id="pagejump" class="... >

       •   For containers, the code will appear
            as follows:
            <div id="pagejump" class="container">
  10. Click either Save or Save and Close.
  11. Click Publish to publish changes.
  


Click to enlarge.
Note: For the purposes of this example, we will be using #pagejump as an example for an ID. You can use any word as long as you use the same reference for the ID.


Ready to Learn More?

Related articles

Comments

0 comments

Article is closed for comments.

Still didn't find what you are looking for?