Interior Header Image

Creating and Editing Links


Hyperlinks are created by highlighting text or images and clicking the “Insert Link” icon in the WYSIWYG toolbar. The “Insert Link icon will be grayed out until the text or image is selected. Links can point to internal pages, external sites, PDF files, images, videos, etc.

OU | WYSIWYG Hyperlink Icons

Linking to an INTERNAL page

Highlight text with your mouse. Click the “Insert Link” icon and then click on the "Browse" button (directly to right of the "Link URL" entry). It is important that for internal links you browse for the page using the "Browse" button. Browse is critical for the Dependency Manager to work. 

OU | Hyperlink Browse Button
Navigate to the page you want the link to open. If the desired page is not in the current folder, use the Site Tree to navigate to the desired page. Click once on the page name. Click "Insert" and Save to preview & test the link.

OU | Hyperlink Browse

When linking to an internal page, the link can open in the same window (the default) or new window - as you prefer. When linking to an external website or to a document, the page should always open in a New Window. This selection is made in the field labeled “Target.” Complete the “Title” field with a brief description for use by screen readers and site compliance check.

OU | Hyperlink Window Options

Links and the Dependency Manager 

Dependency Manager automatically updates the hyperlink if the target/page is moved or renamed. That’s why it is so important to browse for the internal page, as described above, to ensure Dependency Manager will work. When inserting a link using Dependency Manager, instead of the URL appearing in the “Link URL” field, a dependency tag code (number & text enclosed in brackets) will be seen. 

OU | Dependency Tag

You can still see where the link is pointing as the target URL will appear directly underneath the “Link URL” field in gray text.

OU | Dependency Manager Link

Linking to an EXTERNAL web site

Highlight the text and click the "Insert Link" icon. Type in or copy/paste the URL into the “Link URL” field (i.e. http://www.yahoo.com ) and choose New Window in the "Target" field. Be sure to include the "http://" part of the URL. If you do not, when you go to "Insert" the link you will get the following message "The URL you entered seems to be an external link. Do you want to add the required http:// prefix?" In most cases, the system will add the prefix for you. Just click continue/save. Click Insert, Save, Preview and Test the link.

OU | Creating an External Hyperlink

Linking to a DOCUMENT

Highlight text, click Insert Link icon. Browse to find the document you want to link to. This may be a PDF already in the Docs folder or you may upload a new document ( see how to upload a new Image ). Select the file from the list. Always select "Open in a New Window" in the "Target" selection for documents. Insert, Save, Preview, Test.

OU | Hyperlink Doc

Linking From an Image

You can also create hyperlinks from an image. Click once on the already inserted image (see how to upload a new document ) and open the same Insert/Edit Link window. Follow the same steps as above.

Editing a Link

To edit/change a link, click anywhere inside the text (or click on the image) that is hyperlinked. Click the "Insert Link" button in the toolbar. Browse to new page to be linked or enter the URL of the outside page to link to.

Deleting a Link

To remove a hyperlink, click anywhere inside the text (or click on the image) that is hyperlinked. Click the "Unlink" button in the toolbar.

OU | Remove a Hyperlink

Create/Modify Mailto Link

You can also create hyperlinks that, instead of opening a new page, will open an email client with the email address already entered in to the "To:" field. To create a "Mailto" link, highlight the text or image you want to create the link on and then click the "Create/Modify Mailto" link button.

OU | Create or Delete a Mailto Link

- For assistance, contact the ITSS Service Desk or call (843) 208-8086. -