An image or text can be made to go to another document when clicked. This is called a "link." Types of links in Cascade include:

Internal/External links

These are simple links that can be applied to text or images; they have the option of linking to pages in your website (internal) or outside of your website (external).

  1. Select the content (image or text) from a WYSIWYG content area
  2. Click the Insert/edit link icon
    add-link.png
  3. On the pop-up window (see screenshot below), choose internal or external link:

Internal Link:

link-popup.png

External Link:

ex-link.png

  • Internal links go to somewhere within your website. Please choose this option for all links to pages within your website.  This way, if the linked page is moved or renamed in the future, the internal link will be preserved and your website won't have a broken link.  

  • External links go to any website location using a URL (eg, "https://www.jmu.edu/some/page.shtml" or "https://external.website.com/"). 

IMPORTANT: You will see as you enter a link, the field already has "https." Do not add a link that is just "http;" a warning will pop-up if you do this to remind you it should be "https."  If you are certain that the website does not support "https," then you may disregard the warning.

   4. Fill in other fields:

           Anchor: If desired, add an anchor to a link.

           Text to display: It is a best practice to be specific and descriptive with link text. Instead of
           saying "Click here," try more descriptive link text like "Apply to the Honors College."

           Title: This is an accessibility feature; enter a descriptive title for the link.

           Target: Select "Same Window" in the Target field (as a general accessibility rule)

           Class: This area can be used to add Custom text styles to a link. For example, select purple-
           button from the dropdown to create a purple button link.

   6. Click Ok

NOTE: Email links should be external, and have "mailto:" before the email address, with Target field set to "None."

Anchors

Anchors allow you to automatically scroll a page to a specific place in the content. For example if you have a very long page with several headings, you could create a few links at the top of the page which correspond to the headings below, and if you set up the anchors and links correctly, it would scroll the page down to that heading.  This page uses anchored links at the top.  When you click "Anchors" at the top of this page, it scrolls down to this section.

All grid cells have a "Grid Cell Anchor" field, which can be specified to add an anchor to that grid cell. After adding the anchor, you can specify that anchor tag in links on the same or other pages.

Setting up anchors

On the page you want to link directly to, add an anchor tag just above that grid cell

For example, you could enter "maygrads" as the anchor tag

NOTE: You can specify that anchor in links on other pages of the internet too. To do this, specify the anchor at the end of the URL link by typing # followed by the anchor tag. A URL with an anchor looks like this: https://www.jmu.edu/cascade/docs/creating-content/all-documents/adding-links.shtml#anchors

For example, if you wanted a link to skip directly to a grid cell with the "maygrads" anchor, you simply have to specify "maygrads" in the "Anchor" field of the link.

anchor1.png

PRO-TIP: Use the Anchor button in the WYSIWYG editor to add multiple anchors to a single grid cell, or to add anchors in the WYSIWYG content field.
anchor2.png

Button links

Buttons are links with a special class added to them.You have the option of either yellow or purple buttons.
buttons.png

  1. Type the text you want to display on the button
  2. Select the text and insert a link
  3. Use the Class dropdown within the link menu to apply "yellow-button" or "purple-button"

See Cascade Example - Button

Links to PDFs

You may want to add PDF files to Cascade. These files should be added into a "_files" folder. If you have Word files to add, you should convert them to PDFs for Cascade.

NOTE:  If you must keep a large number of PDF files in Cascade, remember to organize them in such a way that you can tell when they can be archived (old internship postings, etc.).  Also, if a file is a generic file that is updated each year, you can just give it a generic name, and then upload a new file each time it’s updated instead of adding another version of the same file.

Examples:

  • BAD: registration form 20190102.pdf (has spaces and a date in the filename)
  • BAD: registration-form-NEW.pdf (eventually this will not be "new")
  • BAD: registration-form-NEW2.pdf (this is what eventually happens when a version of the file already has the word "new" in it)
  • GOOD: registration-form.pdf

HTML Links

An HTML link is a way useful way to add external links to more than one place. Once you create an HTML link, you simply add the HTML link to places on your website instead of the external URL. This way, all the links trace back to the HTML Link allowing you to change it from one place rather than having to edit each of the links individually, if the need arises.

  1. Add New > All > HTML Link
  2. If you do not already have one, create a "_links" folder in your website folders.  See directions below.
  3. Name the link with a display name and title
  4. Enter the link URL in the Link field
  5. Submit
html1.png

Next, add the link into pages:

  1. Add a link and choose Internal
  2. Select the HTML Link from browse

NOTE: If you copy and paste the link into the External link field it will not be connected to the HTML Link, which means you will not be able to update all the links at once using the HTML Link.

html2.png

Creating "_links" folders

  1. Select Add Content > _ALL > Folder
  2. Enter "_links" in the folder name, display name, and title fields
  3. Place the new "_links" folder in your website folder

Links to Forms

Contact marketingemail@jmu.edu for assistance with setting up forms.

Back to Top