Managing Internal and External Links

Anchor tags

An anchor tag creates a clickable text link that, when clicked, jumps to another section of your webpage.

To create an anchor tag:

Navigate to the page where you wish to add your anchor tag.
Click on Edit on the page actions toolbar.
Click on the green Main Region button to check out the page.
Insert your cursor where the anchor should go. This is where you want your user to be when the companion link is clicked.
Click on the anchor icon
In the anchor id field, enter the name for your anchor.
Click SAVE.

Now link to that anchor:

Highlight the text you wish to make clickable. This is the link that, when clicked, will take you to where the anchor tag resides.
Click on the insert/edit link icon within the toolbar.
From the anchor dropdown list, select the name of your anchor you wish to link.
Click SAVE.

For a more comprehensive review, check create and link to an anchor tag in Modern Campus CMS documentation.

Dependency tags

When a file, image, and asset is created within Modern Campus CMS, it is assigned a unique identifier called a dependency tag - shown within double curly brackets {{}}.

Dependency tags help ensure items retain their link even if they are renamed or moved throughout the site. It’s important to remember, when linking to an internal page, you should use the file chooser and not a url link. This will insure you are using the item’s dependency tag and will be useful in helping to prevent broken links.

Dependency tags are managed with a dependency manager. They are assigned to all internal pages and files, but not to external links.

Heading tags

The H1 (or Heading 1) tag is the main title of a web page. This tag essentially tells search engines and web users what your page is about.

This tag/style should never be assigned to any content within the editable region of the site. You may see the option to select it (Heading 1) within the paragraph drop down menu (see below) but do not use it within your design.

Phone number links

In Modern Campus CMS, a telephone number may be made a link. When clicked it opens/calls the number using the user's default calling application.

Within the editable region of your page, add the phone number in this format: 123-456-7890
With your text tool, highlight the phone number and click on the insert/edit link icon within the toolbar. The Insert/Edit Link dialog box will open.
Within the URL text field include “tel:” and the area code (+1). Should appear in this format: tel:+1-123-456-7890
Select Save to finish.

Email links

Within the editable region of your page, add the email address in this format: FirstnameLastname@MissouriState.edu
With your text tool, highlight the email and click on the insert/edit link icon within the toolbar. The Insert/Edit Link dialog box will open.
Within the URL text field include “mailto:” and the email address. It should appear in this format: mailto:FirstnameLastname@MissouriState.edu
Select Save to finish.

Adding a subject line to an email link

Within the editable region of your page, add the email address in this format: FirstnameLastname@MissouriState.edu
With your text tool, highlight the email and click on the insert/edit link icon within the toolbar. The Insert/Edit Link dialog box will open.
Within the URL text field include “mailto:” and the email address and what you would like to appear within the subject line. This is how this will look: mailto:FirstnameLastname@MissouriState.edu?subject=Join us at Missouri State
Select Save to finish.

Page and document links

When inserting an external url, you will need to include the appropriate protocol (http:// or https://).

Inserting an internal link on your page

Best practices for hyperlinks:

When writing the link text, be sure to describe what the user may expect to see when they follow that link. Try to avoid nondescript words and phrases, such as "click here".

Bad example: "Click here for more information"
Good example: "Find out more about our student support services"

To insert an internal link on the page:

Click on the green Main Region button to check out the page.
Highlight the text that you want to turn into a link.
In the toolbar, click the Insert Link button.
Click on file chooser to the right of the URL field.
Navigate to the page you wish to link.
Once you’ve chosen a page, select Insert.

The URL link is assigned a unique value called a dependency tag. This assures the link remains valid if the file is moved or renamed. Modern Campus CMS uses dependency manager to keep track of and link to internal files.

Other fields include:

Title, which is the text that displays when you hover your cursor over the link
Open link in, where you can choose if the link opens in a new window
Class, where you can apply a style to the link
Advanced tab where you can add HTML attributes
Finally, click SAVE to place your link on the page.

Edit an existing link:

Place your cursor in it and then select the insert/edit link icon Image Placeholder

from the toolbar. You can also click the Remove Link button, next to it.

Linking to uploaded files

You may upload the following formats:

Microsoft Word (.doc, .docx)
Adobe PDF (.pdf)
Microsoft PowerPoint (.ppt, .pptx).

Filenames must not contain spaces or special characters (Ex: \ / : * ? " < > | [ ] & $ ,).

Note: Modern Campus CMS will allow you to change the name of a file during the upload process.

Navigate to the page where you wish to add your link.
Click on Edit on the page actions toolbar.
Click on the green Main Region button to check out the page.
Write the link to describe what your site visitor might expect to happen when they click on the link. For example: Download your guidebook to student services.
Highlight the text you wish to make clickable.
Click on the insert/edit link icon within the toolbar.
Click on file chooser within the toolbar
If your file is currently within your _Files folder, you can select it and click Insert.
If your file is not currently uploaded, navigate to your _Files folder; leave your Access Group at its default; and either click +Add or drag your files from your desktop.
Click Start Upload.
Once your file is uploaded, click Insert.

Note: To comply with Checkpoint (M) of the Web Access Policy, please include the following text on every webpage that links to an Adobe PDF file:

You need Adobe Reader to view and print this document.

Creating a button

Navigate to the page where you wish to add your button.
Click on Edit on the page actions toolbar.
Click on the green Main Region button to check out the page.
Click on the insert/edit link icon within the toolbar.

To insert an external link on a page:

Copy and paste the URL into the URL field. Please note: when inserting the URL, you will need to include the appropriate protocol (http:// or https://).
Type in text to display (button text).
Select (custom) from the Class drop down menu.
Type in "button" as your Custom Class. Please note this is case sensitive.
Click Save.