Web editing - How do I link to another page, document, etc.

Steps to create a link in the Web editor.

Creating a link in Episerver is similar to most web systems such as your email. You can simply type the text you’d like to be linked and click the hyperlink button circled below in yellow. The main difference is that you’ll be required to give Episerver a little more information about where the link should go.

How to create a link
  • Begin by highlighting the text you want to link. (See the Best practices section below for how to word your links).
  • Next, click the Insert/edit link icon in the toolbar
    highlighting text

  • At this point, a panel will show up with a lot of options on it. For most editors, there are only 4 you need to be concerned with: Page, Media, Email and External
    Link options

  • Page: If you want to link to another page, you have two options. You can click Page and then the [ ... ] button to browse for pages within the UWL website.
    Clicking on a folder here and then clicking OK will link your text to that particular page. Note that pages with a [+] next to them are labels in the page menu that expand to show other pages. In most cases, it's best to link to a page without a [+]
    Page options

  • Media: To link to a media file, like a PDF, click Media and then the [ ... ] to browse for a media item you've previously uploaded. Expand the folders until you find your media file, click on it and then click OK
    Media options

  • Email: Clicking Email will let you place an email address in the field. 
    Email options

    Cool feature: when you link to an email address, the system creates a "profile quick view" card that appears on hover. For example:
    Profile quick view

  • External: Finally, if you'd like to link to a page separate from the uwlax.edu, choose External and paste your link in.
    External link

    Cool feature: The external link feature can also be used for uwlax.edu pages. If you paste the link in, and it's a current page on uwlax.edu, the system will detect it and move it up into the Page field. This can be a huge time saver!

Things to remember / best practices

Label your links appropriately. 
  • We don't want to see things like "click here" hyperlinked in your page for a couple of reasons:
    • It's bad for accessibility. Visitors to our page who are blind won't get the context for what "click here" means
    • Search engines don't gain valuable information from a link labelled "click here". 
  • Instead, label them as a call for action or informative text.
    • Call to action example: To learn more about us, view our brochure.
    • Informative text example: The University of Wisconsin-La Crosse has many academic programs to prepare our students for their future.

See Also:




Keywords:make, link, hyperlink, url, web address, linking   Doc ID:99372
Owner:Jake S.Group:UW-La Crosse
Created:2020-03-24 12:53 CDTUpdated:2020-04-10 11:33 CDT
Sites:UW-La Crosse
Feedback:  0   0