Creating and Linking to Anchors - Team Logic Help System

CMS-Logic > Common CMS Tasks > Writing Content with the Page Editor > Anchors - Creating and Managing

Creating and Linking to Anchors

Anchors are used to point to specific parts of a web page. Think of them as page "bookmarks". You can create an anchor anywhere in a web page. You can tell your browser is using an anchor by the # sign at the end of a URL.  For example "http://www.example.com/index.html#myAnchor" is a url using an anchor.

To demonstrate, the "Table of Contents" for this page uses anchors:

Creating a new anchor

  1. Place your cursor where you would like the anchor to go, this will be the "top" of the page when a link to the anchor is clicked.
     Cursor position for setting an anchor
  2. Click the anchor button, Anchor button, you will now have a popup window open. Enter your anchor name. This name should be one specific phrase with no spaces. Good examples would be "chapter1", "howToAdd", "myFavoritePet". Click the "ok" button when ready.
  3. A yellow icon will appear where you cursor was positioned. This will not be visible on the actual web site, it is simply to show you where the anchor is. Your anchor is now created!
     Editor window with new anchor

Linking to an anchor in the same web page

Once you've created your anchors, we need to link to them to make them useful! A great example for it's use is a table of contents as shown below:

New Table of Contents

Assume for the example we would like to link the "Prologue" anchor. We've already created the anchor as indicated by the yellow icon.

  1. Highlight the text you would like to link to the anchor
     highlight anchor text
  2. Click the link icon, link icon, and select "Link to anchor in the text" from the "Link type" dropdown.
  3. Select the anchor name from the "By Anchor Name" dropdown
     Anchor Dialog
  4. Click "OK". Your anchor link is now created!

Linking to an anchor in a different web page

Linking to an anchor in a different web page is simple, because the anchor is just a special kind of URL, you can just use the "Add Link" button. For more information, click here