Insert a Page Anchor

Page anchors are links internal to your site that allow a visitor to jump to a new, very specific location, either within the same page or in another page in your site.

Creating your Anchor Destination

The anchor represents the target where you want to send your visitors.

  1. Navigate to the page or block where you want your visitor to land when they click an anchor link. This represents the destination.
  2. You will want to pick a spot at the beginning of a subsection's title or paragraph. Once you've chosen the beginning of the text section, click in that area with your mouse.
  3. Click the flag icon in your WYSIWYG bar (located in the first row of icons, seventh from the left) to begin configuring your anchor destination.
  4. A dialogue box will appear requesting an Anchor Name. This should be all one word. Example:  ferpafaq.
  5. Click OK, then click the Save button to finish.

Linking to an Anchor from within the same page

  1. While on the same page as your Anchor destination, locate the text you want to use as the link to the target destination.
  2. Highlight the text and click on the sideways chain or Link icon located in the WYSWYG icon bar (located in the first row of icons, fifth from the left).
  3. In the dialogue box that appears, configure the following options:
    1. Display Text - will display the text you have highlighted
    2. Link Type - from the drop-down menu, select Link to anchor in the text. A second option will appear listing the available anchors on the page from which to choose. Select the one you created.
  4. Click OK to finish. Click the Save button to finish if your work is complete.

Linking to an Anchor located on a different page in your site

Intuitively, one might think that the process of linking to an Anchor destination on a different page would be the same as above. Unfortunately, Drupal doesn't view anchors on separate pages the same way, mostly because it's possible to link to anchors not only on other pages in your site but on external sites as well, so it's grouped this process with the creation of regular links. 

  1. Highlight the text in the page that will contain the link pointing to your Anchor destination on the separate page.
  2. Highlight the text and click on the sideways chain or Link icon located in the WYSIWYG icon bar (located in the first row of icons, fifth from the left).
  3. In the dialogue box that appears, configure the following options:
    1. Display Text - will display the text you have highlighted
    2. Link Type - select URL
    3. Protocol - select <other>
    4. URL - your page name followed by #anchor name. Example: /students/insurance/ferpa#ferpafaq