Working with links and anchors

You can make certain sections of the text clickable by creating hyperlinks. Once clicked, these links navigate users to different pages or, as described in working with anchors, to different sections of a page.

You can create the following types of links in the editor:

  • Attachment links – allow you to create links to the attachments of the page that you are currently editing.
  • Content links – allow you to create links to files stored in the content tree of any of the sites running in the system.
  • Media library links – allow you to create links to content stored in media libraries.
  • Web links – allow you to create links to different websites.
  • Email links – allow you to create email links that create a new email in the user's default email client and automatically fill in the fields that you specify.
  • Anchor links – anchors allow you to navigate users to different sections of the same page.
On this page

  1. Click in the text area where you want to create a link or select the text that you want to make into a link.
  2. In the editor toolbar, click the Insert/Edit link button. An Insert link dialog opens.
    Inserting link
  3. Switch to the Attachments tab.
  4. (Optional) If the attachment that you want to create a link to is not attached to the page, use the Upload button to attach it.
  5.  Select the attachment that you want to create a link to.

    Selecting a target for an attachment link
     
  6. (Optional) If you have not marked any text that you want to make into a link, fill in the Link text field on the General tab.
  7. On the Target tab, specify how the link opens once users click it:
    1. (not set) – the default setting, opens the link in the same browser window or tab as the page.
    2. (frame) – opens the link in the frame specified in the Target frame name field.
    3. New window (_blank) – opens the link in a new browser window.
    4. Same window (_self) – opens the link in the same browser window or tab as the page.
    5. Parent window (_parent) – opens the link in the browser window the current page is nested in.
    6. Topmost window (_top) – opens the link in the browser window that is positioned on the top.
  8.  (Optional) Specify Advanced properties.
    • ID – the identifier of the link HTML element
    • Name – the name of the link HTML object
    • Tooltip – the text displayed when the mouse cursor is placed over the link
    • Class – the link element CSS class
    • Style – additional link element styles
  9. Click Save & Close. The system creates the attachment link.
  10. Save the page you are editing.

The attachment opens when a user clicks the link on the page.

  1. Click in the text area where you want to create a link or select the text that you want to make into a link.
  2. In the editor toolbar, click the Insert/Edit link button. An Insert link dialog opens.
    Inserting link
  3. Switch to the Content tab.
  4. In the Site drop-down list, specify the site on which the content that you want to link to is.
  5. In the Content tree underneath, select the section to which you want to link.
  6.  Select the specific page from the listing in the center.
  7. (Optional) If you have not marked any text that you want to make into a link, fill in the Link text field on the General tab.

    Selecting a target for a content link
     
  8. On the Target tab, specify how the link opens once users click it:
    1. (not set) – default setting, opens the link in the same browser window or tab as the page.
    2. (frame) – opens the link in the frame specified in the Target frame name field.
    3. New window (_blank) – opens the link in a new browser window.
    4. Same window (_self) – opens the link in the same browser window or tab as the page.
    5. Parent window (_parent) – opens the link in the browser window the current page is nested in.
    6. Topmost window (_top) – opens the link in the browser window that is positioned on the top.
  9.  (Optional) Specify Advanced properties.
    • ID – the identifier of the link HTML element
    • Name – the name of the link HTML object
    • Tooltip – the text displayed when the mouse cursor is placed over the link
    • Class – the link element CSS class
    • Style – additional link element styles
  10. Click Save & Close. The system creates the attachment link.
  11. Save the page you are editing.

Now, when a user clicks on the link, they are navigated to the page that you specified.

  1. Click in the text area where you want to create a link or select the text that you want to make into a link.
  2. In the editor toolbar, click the Insert/Edit link button. An Insert link dialog opens.
    Inserting link
  3. Switch to the Media libraries tab.
  4. In the Site, Group and Library drop-down lists, specify the media library in which is the content you want to link to.
  5. (Optional) Use the Upload button to add the file you want to link to into the media library.
  6.  Select the media library item that you want to create a link to.

    Selecting a target for a media library link
     
  7. (Optional) If you have not marked any text that you want to make into a link, fill in the Link text field on the General tab. 
  8. On the Target tab, specify how the link opens once users click it:
    1. (not set) – default setting, opens the link in the same browser window or tab as the page.
    2. (frame) – opens the link in the frame specified in the Target frame name field.
    3. New window (_blank) – opens the link in a new browser window.
    4. Same window (_self) – opens the link in the same browser window or tab as the page.
    5. Parent window (_parent) – opens the link in the browser window the current page is nested in.
    6. Topmost window (_top) – opens the link in the browser window that is positioned on the top.
  9.  (Optional) Specify Advanced properties.
    • ID – the identifier of the link HTML element
    • Name – the name of the link HTML object
    • Tooltip – the text displayed when the mouse cursor is placed over the link
    • Class – the link element CSS class
    • Style – additional link element styles
  10. Click Save & Close. The system creates the attachment link.
  11. Save the text you are editing.

Now, the media library opens when a user click the link on the page.

  1. Click in the text area where you want to create a link or select the text that you want to make into a link.
  2. In the editor toolbar, click the Insert/Edit link button. An Insert link dialog opens.
    Inserting link
  3. Switch to the Web tab.
  4. In the Protocol drop-down list, select the protocol on which the website you link to runs.
  5. (Optional) If you have not marked any text that you want to make into a link, fill in the Link text field.
    Specifying a web link
     
  6. On the Target tab, specify how the link opens once users click it:
    1. (not set) – default setting, opens the link in the same browser window or tab as the page.
    2. (frame) – opens the link in the frame specified in the Target frame name field.
    3. New window (_blank) – opens the link in a new browser window.
    4. Same window (_self)opens the link in the same browser window or tab as the page.
    5. Parent window (_parent)opens the link in the browser window the current page is nested in.
    6. Topmost window (_top) – opens the link in the browser window that is positioned on the top.
  7.  (Optional) Specify Advanced properties.
    • ID – the identifier of the link HTML element
    • Name – the name of the link HTML object
    • Tooltip – the text displayed when the mouse cursor is placed over the link
    • Class – the link element CSS class
    • Style – additional link element styles
  8. Click Save & Close. The system creates the web link.
  9. Save the text you are editing.

Now, when a user clicks on the web link on the page, the browser opens the new address as you specified.

  1. Click in the text area where you want to create a link or select the text that you want to make into a link.
  2. In the editor toolbar, click the Insert/Edit link button. An Insert link dialog opens.
    Inserting link
  3. Switch to the Email tab.
  4. (Optional) If you have not marked any text that you want to make into a link, fill in the Link text field.
  5. Fill in the fields that you want the user to have prefilled when they click the email link.
  6. Click on Save & Close. The system creates the email link.
  7. Save the text you are editing.

Now, when a user clicks on the email link on the page, their default email client creates a new message and prefills the fields that you specified.

Working with anchors

Anchor hyperlinks allow you to create links to certain parts of a text. You can then use these links to navigate users to different sections of a page, for example, to different headers. Once a user clicks a link pointing to an anchor, the page scrolls to where you placed the anchor. You can place anchors anywhere in a text area.

Placing anchors

You can insert an anchor anywhere in a text area.

  1. Click where you want to place the anchor.
  2. In the editor toolbar, click the Anchor button. An anchor properties dialog appears.
    Inserting an anchor
  3. Fill in the Anchor Name.
  4. Click OK. The system places the anchor in the text.
  5. Save the text you are editing.

You can now link to the anchor as described below. 

Linking to anchors

  1. Mark the text that you want to use as a link to the anchor that you created.
  2. In the editor toolbar, click the Insert/Edit link button. An Insert link dialog opens.
    Inserting link
  3. Switch to the Anchor tab.
  4. In the Link to existing anchor with name, choose the anchor that you created previously. If you are creating a link to an anchor that does not yet exist, you can type its name in the Link to the following anchor field.

    Linking to an anchor

  5. Click Save & Close. The system creates the link to the anchor that you specified on the page.
  6. Save the text you are editing.

Now, when a user clicks on the link on the page, the page scrolls to the anchor.


Was this page helpful?