Bookmarks or Anchors

  • Bookmarks (also known as anchors) are especially helpful for web pages with lots of content. They save Web users the time it would take to keep scrolling down to find the content they’re looking for. Instead, sections of the content can be bookmarked so that Web users can jump right to those bookmark points from links at the top of the page.

    To create bookmarks, you must have your content open in edit mode. You will create two things:

    • Destination: the location to which the cursor jumps when the source is clicked
    • Source: text a user clicks to jump to the bookmark

    Step 1: Create the Bookmark

    1. Determine what you want to bookmark. Typically, it would be the headings for each section of your content.
    2. Place your cursor at the beginning of the destination text, then click once on the green Bookmark icon, located under the Insert tab on the formatting toolbar (see below). The bookmark icon will now appear in the text (this will not appear on the web page).
      The Bookmark icon
    3. Open the Inspector, then click on the Bookmark icon within the text. The bookmark elements will appear in the Inspector.
    4. Enter a unique name for the bookmark, replacing the default “NewBookmark” (see below). The bookmark name must not contain any spaces.
      Enter a unique name for the bookmark, replacing the default “NewBookmark.”
    5. Repeat this process for as many items as you wish to bookmark.
    6. When finished, close the Inspector.

    Step 2: Link to the Bookmark

    To link to a bookmark, create text near the top of the page that you want the site user to click on to jump to the bookmarks. This could be an alphabetical list, with each letter (A-B-C-D ...) linking to the first content item that starts with that letter; it could be a bulleted list of topics that will be covered in detail farther down the page; or it could be regular text.

    1. Highlight the source text that is to be the link.
    2. Click the Insert Link icon once. Insert Link icon
    3. Open the Inspector.
    4. Click once anywhere within the linked text.
    5. In the Inspector, look for the “URL” section. Click the radio button next to “Existing Bookmark” (see below). A drop-down list of bookmarks on this page will appear. Choose the appropriate bookmark. 
      Choose the correct bookmark from the dropdown menu.
    6. Repeat the process for each set of linked text.
    7. When finished, close the Inspector.

    Is the bookmark on a different web page, or in a different content block on the same page? No problem! The process is almost identical.

    Bookmark is on a Different Web Page

    1. You must know the exact name of the bookmark.
    2. Highlight the source text that is to be the link.
    3. Create a quicklink to the page that contains the bookmark.
    4. Click within the linked text and look at the text field in the formatting toolbar. The code will start with “/Workarea” and end with a series of numbers. Place your cursor at the end of the numbers. Do not insert a space. Type a hashtag # and then the name of the bookmark, with no spaces.

    Bookmark is on the Same Page, but in a Different Content Block

    1. You must know the exact name of the bookmark.
    2. Highlight the source text that is to be the link.
    3. Click the Insert Link icon once.
    4. Open the Inspector.
    5. Click once anywhere within the linked text.
    6. In the Inspector, look for the “URL” section. Click the radio button next to “Existing Bookmark.” 
    7. In the field next to the hashtag #, enter the exact name of the bookmark.
    8. Close the Inspector.

    Note: If you are unsure that you made the bookmark correctly, Check In the content. You can now preview it on the web page by using Content Preview Mode. If it works the way it should, open the content for editing again and then Submit it.