Hyperlinks

Hyperlinks are essential elements in web design, quietly guiding users through online content and enhancing engagement by connecting them to deeper information. In the guide below, you'll learn how to add hyperlinks to your content in the CMS in various formats and styles, all while adhering to GVSU's Accessibility standards.

How to add a hyperlink to text in the CMS

  1. Add any content chunk that allows you to edit text to the page you want to feature a link on.
  2. Type out the copy (sentence or phrase) that you want to be hyperlinked. 
  3. Using your mouse, highlight the copy you want to be linked. 
  4. In the editor tools menu, click on the link button (chain link icon).
  5. Next choose the link type:
    1. URL or File: sends a user to a webpage or file from your file manager.
    2. To an anchor in this text box: sends a user to an anchor within the text box you are editing.
    3. Email: opens a user's default email program with a new email to the link address. 
    4. Internal CMS Page: use this when linking to other pages on your CMS site. 
    5. Site Index: sends users to a list of all pages on your CMS site. 
    6. Protected Files: sends users to sensitive files that need to be behind protected logins. 
    7. Modules: sends users to specific modules on your CMS site. 
    8. To an anchor somewhere else on this page: sends users to an anchor used elsewhere on the same page.
  6. Choose the link target
    1. User Browser's Default: the link will open following the preference of the user.
    2. Open link in a new window: the link will open in a new window of the user's internet browser. 
    3. Open link in the same window: the link will open in a new tab of the user's same window.
  7. Click the green Ok when finished. 

Example of the link "content chunk" in step 1. 

How to turn a link into a button

  1. Follow the steps above to create your link.
  2. Click over to the advanced tab in the link editor box.
  3. Chose the button style you want displayed from the 7 available options. 
  4. Choose if the button will be normal width, or stretched to be the full with of the chunk.
  5. Choose what size the button will be.
  6. Click the green Ok when finished.

Example of a Button

Visit Our Accessibility Website


Following Accessibility Requirements

A crucial aspect to remember when adding hyperlinks to your CMS site is to ensure compliance with GVSU's accessibility requirements. If uncertain about your link's accessibility, you can promptly double-check using our CMS Site Approval Requirements guide. Alternatively, delve deeper into hyperlinks and accessibility on our Web Accessibility Site.



Page last modified May 6, 2024