How do I create anchor links?

With the help of anchor links, visitors can automatically jump to a specific spot on your Jimdo website, without having to scroll to find a specific location.

You can create anchor links using HTML code, which is made up of the following parts:

  • Code for the jump point
  • Code for the landing point

Both of these codes are inserted at different points on your website.

Important

Our Support Team is happy to help you anytime with the standard Jimdo functions, but when it comes to adding your own code, we trust you know your way around.

Creating the jump point

The HTML code for the jump point looks something like this:

<a href="#Anchor-Name">Linked text</a>

Now follow these steps:

  1. Add a Text Element, or use an existing text field that you want to add the jump point in to.
  2. In the element settings underneath, click on the Edit HTML icon on the right hand side. This’ll open the HTML editor.
  3. Copy the HTML code for the jump point.
  4. Enter the jump point code in to the HTML editor at your desired point in the text, and change the placeholder as follows.
  5. Change Anchor-Name with a name for your anchor link. This could be for example #textanchor1 or #myanchor.
  6. Swap Linked text with the words which will later be the link—your visitors will only see this text as a link.
  7. Save the changes by clicking Ok.

Please note: Give each anchor link its own, individual, name and avoid using any spaces, or special characters (/, (, ), _, ., ;, ,)

Creating the landing point

The HTML code for the landing point looks something like this:

<div id="Anchor-Name"> </div>

The next steps are:

  1. Find the point on your page that your visitors should reach when they click on the jump point.
  2. At this point, add in the Widget/HTML Element by clicking on Add Element > More Elements and Add-ons.
  3. Copy the landing point code.
  4. Add the code for the landing point in the HTML editor.
  5. Change the placeholder Anchor-Name with the anchor name that you set before in the jump point.
  6. Click Save to create the landing point—and that’s it!

Note: If you’re using a template with a fixed navigation (such as Stockholm) anchor links potentially won’t work.