Add A Page Anchor/Bookmark

  • A page bookmark or anchor allows you to skip or jump to a point in your content app or page using a hyperlink. There are two ways that you can do this using either of the options below. 

    Option 1 - Content App

    1. In the Content App, open the 'Source Code' view by clicking on the following icon in the first row of tools: <>
    2. Find the spot you wish to add the bookmark within the HTML and add:
    3. <a name='bookmark' id='bookmark'></a>
    4. You can change the two bookmark words to anything you prefer, but the word cannot contain any spaces (for example: 'bookmark' instead of 'book mark').
    5. Save
    6. Navigate to the page and the app you wish to add a link to the bookmark

    Create a hyperlink to the bookmark

    1. If the bookmark is on the same page, use Insert Link > Bookmark and add the bookmark word
    2. If the bookmark is on a different page, use Insert Link > Web Address, then add #bookmark (or whatever you named the bookmark) at the end of the URL (for example: www.website.com/page/27#bookmarkword)
    3. Save

    Option 2 - General Bookmarks with Embed Code App

    Add Bookmarks to Page

    1. Add an Embed Code app to the location on the page you would like the new bookmark to land
    2. Edit the Embed Code app, and insert the following code:<a name='bookmark' id='bookmark'></a>
    3. Replace the two "bookmark" words with any descriptive word you like (no spaces in the word)
    4. For example, if we want to bookmark to Section A, name it the following:<a name='SectionA' id='SectionA'></a>

    Create Hyperlink to Bookmark

    1. Create a hyperlink to the bookmark with the following code:<a href="#bookmark">DISPLAYED_TEXT</a>Replace the "DISPLAYED_TEXT" with the text that you would like to show to the end-user. 
    2. Using Section A as an example:<a href="#SectionA">Section A</a>
    3. Note: if the bookmark is on a different page, insert the full webaddress#bookmark (example: www.website.com/page/27#SectionA