Skip to main content

How do I create a link to specific content within a Web page?

Updated

This done with an Anchor, first creating an anchor on a page in a Content Block and then creating a link to it.

1. Add an Anchor in a Content Block

  1. On the Pages list, click a page name to open the Page Editor.
  2. On the Page Editor click the Edit icon for a Content Block.
  3. Click the View HTML icon (“</>” button in the editor toolbar) to enter Code View.
  4. Locate the element (heading, paragraph, image, etc.) you want to anchor to.
  5. Add an “id” attribute to its HTML tag, for example:
    1. For a text heading:

<h2 id="program-details">Program Details</h2>

  1.  
    1. For an image:

<img src="/images/team.jpg" alt="Our Team" id="team-photo">

  1. Click the Done button to close Code View.
  2. Click the Save button in the Content Block editor to save your changes.
  3. Click the Publish button in the Page Editor to publish the page.

Now there is an anchor you can link to.

2. Linking to an Anchor

  1. On the Pages list, click a page name to open the Page Editor.
  2. On the Page Editor click the Edit icon for a Content Block.
  3. Highlight the text or select the image you want to make into a link.
  4. Click the Link icon in the editor toolbar, and you are now on the Insert a Link form.

insert-a-link-form

  1. Click the Select Page or Content button below the Link to field and select the name of the page you are editing.
    1. Use the search box to narrow the list of pages
    2. There will be a red lock icon next to the name as you are editing the page.
    3. Click to highlight the page name and click the Use Selected button.

select-page-to-link

  1. Expand More Options at the bottom of the form.
  2. In the Anchor field, type the name of the anchor; use the value you set for the “id” attribute.
  3. Click the Save button in the Content Block editor to save your changes.
  4. Click the Publish button in the Page Editor to publish the page.

Clicking the link will now jump to the anchored content on the page.

Best Practices:

  • Use lowercase and hyphens for IDs (e.g., contact-us).
  • Ensure IDs are unique per page.
  • Test links after publishing; they should scroll to the anchored content.
Powered by Zendesk