Use anchors (bookmarks) in your pages

In long pages that contain a lot of content, you may wish to help your visitors jump quickly to the information you are looking for. This is where anchors come in - they allow you to create a link which, instead of going to a different page, jumps to a chosen point within the same page. Examples of bookmarks you may have seen on existing websites include the "Contents" box seen on most Wikipedia articles, or an alphabet across the top of a page which, when clicking on a letter, takes you to that section of page. See an example.

This tutorial explains how to insert an anchor into your page and create a link which points to it.

1. Edit the page

Locate the page into which you wish to insert the anchor in the Page Manager, and click the pencil icon next to it to open it in the Page Editor.

2. Choose the anchor position

We now need to choose the point to where the page will scroll. To do this, as with inserting an image, place the flashing cursor (insertion point) at the correct location.

In the example screenshots, we will use a simple alphabetical list where we are creating an anchor to entries in the "Z" section.

 

3. Open the Anchor Properties window

Simply click on the Anchor toolbar button in the Page Editor, as shown on the left.

4. Create the anchor

After the "Anchor Properties" window opens, enter a meaningful name for your bookmark in the Anchor Name box (so you can refer to it easily later), and then click the "OK" button.

The anchor icon is now displayed in the Page Editor to show its location:

5. Create the link

Now that the anchor has been added to the page, we can link to it. Select the text within the page that you wish to turn into a link:

In the toolbar of the Page Editor, click the "Link" button.

Select "Link to anchor in the text" from the "Link Type" dropdown list:

Select the anchor you wish to link to in the "By Anchor Name" drodown list:

And finally, click "OK" to create the anchor link.

7. Save your changes

Click the "Save & Publish" page to save your changes to the website. You can also click the "Save Changes" button if you wish to make further changes before going live.

In the example given, when a visitor now clicks on the "Z" link in the alphabet, the page will scroll directly down to the "Z" section in the dictionary.

Keep up with our news Sign up now