Adding Files

Video Instructions

Please Note: This guide assumes you have already finished the first two steps, however you may navigate back to step 1 or 2 if you need assistance.

You may notice that these steps are very similar to inserting a hyperlink, or adding an image.

Step-by-Step Instructions

Step 1 - Login

The steps to logging in are found by clicking here. 

Step 2 - Edit Mode

Main Content

Click the green "Main Content" button to enter the WYSIWYG (What You See Is What You Get) editor.

Warning! Only click the green "Main Content" box. Attempting to edit either "Navigation" region will not work.

Step 3 - Hyperlink icon in toolbar.

Hyperlink Icon

  1. Highlight the link (or select an image*) which you would like to link to a file.
  2. Then click the "insert/edit link" icon in the toolbar.
*Please Note: It is not common to link through a file through an image.  Please take extra consideration if you are going to do this.

Step 4 - Hyperlink Inserter

Link Inserter

  1. Locate the file which has been uploaded to your site.
  2. Give the link a title.
  3. Select to open the file in a "New Window"
  4. Refer to the "Pro Tip" below.
Accessibility Tip: A title is strongly recommended.  This allows screen readers for the blind to describe the file. Keep the title short and accurate.

Pro Tip (Optional)! Add a "Class" to give your button some style. Styles can be found here.

Step 5 - File Selector

Image Selector

  1. "File Path" - Be sure that the files is being uploaded into the correct directory (which is always within the "files" folder of your site).
  2. "File Uploader" - If your file is not on the server yet, you will need to upload the image, continue to step 6. Otherwise, select your file and skip step 6.
  3. "File Manager" - Where you will navigate to your file.  The search filter easily finds files by their name.  The selected file will appear in the window viewer on the right.
  4. "Insert" - After you have selected the file, click "Insert" and add any relevant criteria found in step 4.

Step 6 - File Uploader

Image Uploader

  1. "Access Group" - This setting is typically inherited from your image folders setting, and does not need to be adjusted.
  2. "Overwrite Existing" - If you are uploading an updated version of a file, title it the same as the previous and select "Overwrite Existing."
  3. "Allowed Extensions" - The only types of files allowed in this folder are files (.pdf, .doc, etc...).  Image file types (.jpg, .png, etc...) must be added into the "images" folder.
  4. "Add" - Add the file either through a file manager, or drag and drop the file to this dialogue box.
  5. "Start Upload" - Once you have the green light, add that image!

Step 7 - Save & Publish

Image Editor

  1. Once the link to your file is activated, it will appear as a link in the WYSIWYG editor.
  2. Save those changes by clicking "Save" or "Save As" at the bottom.  "Save As" will create a new file, whereas "Save" will overwrite the existing file with your changes.
  3. Publish the file. Run page checks as needed.

Please Note! If you run the link checker during publish, it will give you an error for the file you just uploaded.  Once you publish the file, those links will be live, and you will no longer receive an error.

Step-by-Step Instructions