Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

Create Links

A link provides a method of taking website visitors from one location (website, page, document, etc.) to another. Links can be added to the content areas of your site using the WYSIWYG and are typically created using text or images. In addition, custom styles can be applied to text links to portray buttons or calls to action.

Steps for creating the different types of links are provided below.

Words Matter

Did you know that linking generic words and phrases such as "click here" and "read more" is a big no-no? For search engine optimization and accessibility, it's very important to use text that is relevant to the topic of the page you're linking to.

Don't reveal your newbie-level skills by doing this: To visit Carnegie Mellon, click here.

Do it like a pro and collect your SEO bonus points: Visit Carnegie Mellon.

More best practices for links

Insert a Link

  1. Select the text or image in the WYSIWYG to make a link
  2. Click on the Insert/edit link button in the toolbar Chainlink icon
  3. The Insert link window will appear (see example)
  4. Follow the steps below for the type of link you want to create
Insert Link window

The Insert link window provides a method of choosing a location to link to and selecting a class to apply a style.

Internal Link

An internal link links to another asset (page, document, etc.) within your site.

  1. In the Insert link window, for Link Source select Internal
  2. Use the chooser and browse to select the asset you want to link to. Important! Do not browse to another site to select an asset; always stay within the same site when creating an internal link.
  3. Leave Anchor and Title blank (for anchor links, see steps provided)
  4. Leave Target at None unless linking to a document such as a PDF, then change to New window
  5. If applying a custom style, select the style in the Class dropdown
    Applicable styles: btn, btn wide, btn ghost, btn ghost wide, CTA
  6. Click OK

External Link

An external link links to an external website (i.e., any web page that is not part of your site).

  1. In the Insert link window, for Link Source select External
  2. For Link, enter the full URL including https://
  3. Leave Anchor and Title blank (for anchor links, see steps provided)
  4. Change Target to New window
  5. If applying a custom style, select the style in the Class dropdown
    Applicable styles: btn, btn wide, btn ghost, btn ghost wide, CTA
  6. Click OK

Tip: You can also add an external link to your site's navigation; more on navigation.

Email Link

An email link links to an email address. When clicked on, a website visitor's default email program will start a draft to the email address.

  • Follow the steps for External Link, however for Link (step 2) enter the email address prepended by mailto: such as:

    mailto:joe-user@cmu.edu

    You may also specify an automatic subject line:

    mailto:joe-user@cmu.edu?subject=Website Inquiry

Anchor Link

An anchor link links to a specific section on a page. When building a page, many of the elements have the option to assign a Section ID or Grid ID; these are the anchors which can be linked to.

  • Follow the steps for Internal Link, however for Anchor (step 3) enter the Section ID or Grid ID of the element on the page you want to link to (do not include # before it)
  • If linking to an anchor on the same page, skip the step of choosing an asset (step 2) and only enter the Anchor

Tip: You may create you own anchors within a WYSIWYG by placing your cursor in a specific location and clicking the Anchor button Anchor Assign an ID (do not include spaces).

Tips

Visit Check Links.

While the CMS does not have measures in place to prevent this, it should not be done. The structure of sites in the CMS is not reflective of the live server, so a link created by browsing to another CMS site is not likely to work once the page is published. Instead, treat another CMS site as an external site and create an external link.

As a rule of thumb, never cross site boundaries in the CMS when creating links or adding assets such as images.