Insert an Page Bookmark

What is a Bookmark?

Page bookmarks 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 Bookmark Destination

"My browser isn't dropping me to the anchor when I test it"

When testing your bookmark make certain you're doing so either while not logged in or in an incognito browser window. Your admin panel is likely covering the exact spot where your bookmark sits making it seem like your browser has pushed you past the desired destination.

The bookmark 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 bookmark 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 bookmark icon Flag icon representing the insertion of an anchor point in a page in your WYSIWYG bar to begin configuring your anchor destination.
  4. A dialogue box will appear requesting a Bookmark Name. This should be all one word. Example: ferpafaq.
  5. Click Insert 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, sixth from the left).
  3. In the dialogue box that appears, click on the Bookmarks section beneath the URL field. 
    Link dialog box showing 'Sub Lorem', URL field, green Insert button; 'Bookmarks' circled in red.
  4. Under the Bookmarks label, look for the anchor name that already exists on the page that you want to use and click on it.
    Screenshot: bookmarks dropdown displaying the available list of anchor points that exist on the page to be selected for the link.
  5. Click Insert to finish.

Linking to a Bookmark located on a different page on your site

Linking to bookmarks on other pages in your site if very much as described above except you add the URL path to the page as well. Note, you will need to know the name of the bookmark before you begin.

  1. Highlight the text in the page that will contain the link pointing to your Bookmark destination on the separate page.
  2. Click on the chain or Link icon Link icon represented by a sideways chain located in the WYSIWYG icon bar.
  3. In the dialogue box that appears, format your link with your page name followed by #bookmark name.
    Example: /students/insurance/ferpa#ferpafaq

Linking to bookmarks in external site locations

As above, if you happen to know of a bookmark that exists on someone else's site and you would like to direct your visitors specifically to that section, including the full URL link plus the #name.

Page example: https://somesite.com/subdirectory/sample-page#anchorsection

PDF example: http://www.example.com/myfile.pdf#page=4

Bookmarks and Blocks

Bookmarks can be added to blocks that contain a WYSIWYG text editor. Such bookmarks will work successfully whether the block is added via the Block Layout page in a global context or in the Layout Builder feature in the in-line context. Bookmarks will not work if the block has a collapsed option that is enabled.

Tags

SiteFarm Redesign 2021 CKEditor 5