Version 3 end of life
This version of Silverstripe CMS will not recieve any additional bug fixes or documentation updates. Go to documentation for the most recent stable version.

Creating hyperlinks in webpages

Quick Reminder

  1. Highlight the text you wish to add a link to.
  2. Click on the insert link icon Insert Link icon in the toolbar.
  3. Choose the type of thing you wish to link to.
  4. Enter the required info.
  5. Click insert link button

Creating links

  1. First make sure you have some text to add the link to. Type out some text into the Content field if necessary, eg. "Read more about us".

[note] It's bad practice to use words such as "click here" as the link text, it's better for the clickable text to be the title or description of what's being linked to. For example, instead of "Click here to read more about widgets", it would be better to just say "Read more about widgets". [/note]

  1. Click and drag across the text that you'd like to add a link to, to highlight it.
  2. Click on the insert link icon Insert Link icon in the toolbar.
  3. Choose the type of link you'd like to create:

Link to another page on your website (internal link)

  1. Make sure Page on the site is selected
  2. Click on the Page dropdown field
  3. Select a page to link to, using the black arrows to drill down if necessary.
  4. Click insert link button

[note] There are different processes for "internal" and "external" links because when pages on a SilverStripe installation are moved or deleted, the links in other pages on the site are automatically changed to the new pages location. This allows you to quickly move pages around without the worry of breaking the site's structure or checking every page in the site for broken links.

If you enter in an internal link URL in the external link field, SilverStripe CMS is usually smart enough to change the link to an internal link. [/note]

Link to a different website (external link)

  1. Make sure Another website is selected
  2. Enter the full website address to link to in the URL box. Must start with http:// or https://
  3. Click insert link button

Link to an e-mail address

  1. Make sure Email address is selected
  2. Enter the e-mail address that you'd like to link to.
  3. Click insert link button

Link to download a file

  1. Select Download a file
  2. Click on the from your computer uploadfield button (Note: If you don't see this button, follow the instructions here)
  3. In the box that opens locate the file on your computer and click Open/Choose
  4. Once the file has uploaded, click insert link button

[note] One other option is to hyperlink to a document that you have uploaded to your website, such as a PDF file, DOC file, audio file, video file, or any sort of file that is not a webpage. This is a more advanced topic, which we will cover in Linking documents. [/note]

Edit on Github