Sitefinity Training

After the completion of a department's website, faculty in charge of the department website content will go through Sitefinity Training. Training ranges from basic editorial tools to uploading photos and documents.Below you will find an outline of key points to assist you in future editing.

Sign In

Identify your Department's site URL (example: department.uic.edu/sitefinity)
  • Make sure you are able to sign in with your Net ID and Password.

Site Sections (Upper, left-hand Tabs)

Dashboard
  • This is the "home" page or the first page you will see after signing in.
  • Sitefinity has some great tutorial videos on here, but not all of them will pertain to your LAS site.
  • You will not need to perform any actions on the dashboard.
Pages
  • This is where you will edit the website.
  • You will see every page on the website organized the same way as it would show in the navigation. Feel free to click on a triangle next to a section to see it expand.

  • Adding pages
    • You may either click on "Create a Page" and make a page from scratch, or create a page under an existing section by clicking on the section's "Actions" menu and choosing "create a child page." Creating a child page is preferred.
    • By creating a child page, you will still need to choose the right template and add the content.
    • You may also duplicate a section or page to keep all of the content, settings, and the template the same. you may change the content later.
    • The "Actions" menu allows you to duplicate, delete, add a child page, edit a page, change properties and permissions, and publish a page/secion.
  • Creating a new Page
    • The first thing you see is a form to fill out for your new page. Name your page, enter a title for search engines, choose the right template, add a page description and keywords. Click "Create and go add content."
    • Templates will be choosen depending on the type of content that will be added to the page. DeptSub, DeptHome, DeptBio are different templates designed by LAS IT. DeptHome is used for the home pages of the website, DeptBio should be used for ALL bio pages. DeptSub are for the rest of the sub pages that are not bio or the home page. You will be using this template most often.
  • Content
    • Your page will be empty at first, but you will see the site's template and navigation.
    • Add content by dragging a widget form the right had tool bar onto the blank space where you would like to place it.
    • For example, if you would like to add text, drag a "Content" block onto the blank work space.
    • To add text, simply click on "Edit" in the upper right--hand corner of the "Content" block.
    • You may edit your text using "Design" or through "HTML." Pleause use "HTML" if you are comfortable with it. It is the most accurate way to format text.
      • It is important to format your text correctly. You may paste in tet, but make sure to format it.
      • There are "Headers" you should use. These are location in the tool bar when editing a text content block. (It says "Normal.") Make sure you are using "heading 2" for a strong headings, and "Heading 3" for sub section headings. "Normal" is used for general paragraph text.
      • Always use lists for lists of items ordered or bulleted within your text. You will see this option in the tool bar.
      • Always use tables for data, it is a consistent look on all LAS Sites. (Directorias use tables if you would like to see an exmaple.)
      • The "Edit" option will appear on all widgets that you drag in.
      • Always choose the appropriate widget for what you would like to add.
      • Though you may add a photo through the “Image” widget, or the “Content” widget, make sure you are choosing the right one for how you would like the page to behave and look.
      • LAS IT has created some custom widgets, if your site uses any of them, make sure you are consistently using the right ones. These widgets will be located under “LAS UI.” For ALL BIO PAGES, please use the “Contact Info” widget. This widget populates the person’s contact information based off what is in the campus phone book. If the information needs to be manually changed, please contact the campus phone book or use a content block to manually type in the information.
  • Publishing, Saving as a Draft, Back to Pages
    • If you are done editing your site and would like to make the page available to the public, choose “Publish.”
    • If you are not done, or would like to wait to publish, choose “Save as Draft.” This will make the page available for only you to see when you log in, but not on the live site.
    • If you are decided to delete the page, or accidentally click on a page and would not like to make changes, choose “Back to Pages.” This will bring you back to the Pages Tab with no changes made.
    • You may always choose “Preview” to see what your page will look like outside of the edit mode. Previewing a page does not meet is publish or saved, it is simply a preview of what the page could look like.
    • NEVER CLOSE OUR OF YOUR BROWSER WHEN YOU ARE EDITING A PAGE. It will lock the page, and it will not save your changes. You will lock the page for other users who may want to edit the page. Always choose “Back to Pages”, “Publish”, or “ Save as a Draft.”
  • Redirects and Page Groups
    • There will be times when you would like a page to redirect to another page within the same site or a site that it outside of your website, perhaps a UIC site or a elsewhere. This means that if a person clicks on the page in navigation it will take them directly to where you redirected the page.
    • To do this you will create a new page as normal, but when you are filling out the form to create a new page you will see some boxes to check or uncheck under “URL.” You may choose “This Page redirects to another page” Click on “ Set page to redirect to” and choose a page within the site, or paste your chosen link in the “URL” box in the “Web Address” section.
    • A page group is best explained by looking at your navigation. In navigation you may have a group of pages underneath one page. (Think of an outline, Section A and the bullet points under it.) At times you will not have any information to put on the lead page (Section A in our example.) You can choose to make this lead page be a segue to the pages underneath. When the user clicks on the lead page, it will automatically open the first page in the group.
    • To make a lead page group pages together as explained above, go to the same section in the page form where we redirected. Make sure “Show in Navigation” is checked, and also check “ Use this page only to group other pages.”
  • Page Revision History
    • If you have made a mistake and have published it, you may not have the time or ability to go back and fix what you have done. You can luckily go back and see all the different times the page was published and publish a previous version of the page.
    • Open the page you would like to change. In the upper right hand corner you will see “Revision History.” Click on this to see a list of previous page versions.
    • Find the version you would like to use and click on it to open. In the upper left-hand corner you will see the option to either “Delete” the version or “Revert to this version.” Choose accordingly.

Content
  • “Content” is the tab next to “Pages.” This is where the site’s photos, documents, news, and events are stored.
  • Images will be stored in albums. You may organize these albums how you choose. Make sure you’re images are clearly labeled and organized. Please do not have duplicate photos.
  • Documents will be store in a library just like Images. Same rules apply.
  • News and Events are two separate categories. Both will show up on their perspective list or calendar. Both are inputted as separate items by filling out a form much like the form your will out when you create a new page.
    • News
      • When you click on “News” under “Content” you will see a list of News events (or none if the site does not have any.) These are news events that your department has chosen to show on their News Page, or section.
      • To add a News Item, click on “Create a news Items”
      • Fill out the form as much as possible. Make sure to add the news item to a category and tag is applicable. “Publish” when finished.
      • Click here for a video tutorial on how to create a news item.
    • Events
      • Events will be much like inputting a news item. Make sure to fill the form out as much as possible, putting it into the right category (if applicable.) These events may show up on the site’s calendar or as list depending on how your site is set up.
      • Click here for a video tutorial on how to create an event item.

Make sure you fill out the Campus Address and the Street Address. The street address will help with using a map, but the Campus Address will also help for those who know the campus well. Both are needed.

Additional Information

Important Notes:
  • Accessiblity, Consistency, and Social Media
    • Alternate text is a section you will find when uploading a photo or document. This text will be said aloud through Voice Over features for the vision impaired. Make sure to name the file in a way that makes sense. Avoid complex files names. For example, if it is a photo of a place, name it that.
    • Hyperlinks should reflect what you are linking to. Do not simply make a hyperlink called “click here.” That will not help someone understand where they will be redirecting to.
    • Search Engine Optimization was discussed in the “Create a Page” section of this guide. Use page descriptions and keywords, always. We want people to find UIC LAS pages easily in search engines.
    • More on Hyperlinks:
      • Use Sitefinity to create links to pages within the site, so the links will update when pages are renamed. For pages outside the site, we often target them to a new window.
    • Social Media
      • We recommend use of YouTube for video, due to its support for captioning.
      • If you would like to use Twitter, we can auto publish to Twitter when certain items are published, such as news or events.
  • For addtional video tutorials, please visit Sitefinity's video channel or Youtube channel.

If you have further questions or concerns regarding sitefinity training or need assistance in web development, please contact us as lasweb@uic.edu.

Download the Sitefinity Training PDF