Welcome to the Committee Resource Centre website

 Edit Mode & Saving

Follow these steps to edit your webpage, save it, and publish it for everyone to view:

  1. Log into the USSU webpage using your personal university email account. This will not work if you use your club/society email account. Additionally, make sure you're using Internet Explorer or Google Chrome on a PC or laptop or you may experience difficulties
  2. Once logged in, go to your club/society USSU website. To get into edit mode, click on the cog next to your name and then click on editEdit Page Mode.JPG
  3. Once you are finished editing a page, you MUST check it in. If you do not check it in, no one else can access edit mode on your webpage which can cause issues in the future. Click 'Check it in' button in the page ribbon or in the yellow strip
    Check It In.JPG
  4. Once you've checked it in, you will also have to publish the page for others to see the changes you've made. You can do this by going to the publish tab and selecting 'Publish' in the ribbon or 'Publish this draft' in the yellow strip at the botom
     Publish Image.JPG

Go to top

 

 Website Base Template & Adding Text

​This is the way your website will look if you're opening it in edit mode for the first time.

  1. ​To make the 'yellow INSERT' tab at the top appear, you will need to click on the borders around the 'Add a Web Part' button. This is marked where the red 'X' is on the image below. If you select the areas where the black 'X' is, the yellow INSERT tab will not appear.Template2.JPG
  2. Click on the 'Yellow INSERT' tab at the top. Then click on 'Text'. You will now be able to insert some text content onto your page
    Add Text.JPG

Go to top

 

 Add Webmaster

If you would like to grant a non-signatory access to edit your website (often called a WebMaster) please contact the following:

  • Sports Clubs - Activities Administrator
  • Societies - Activities Coordinator

For the aforementioned contact information, please visit the following webpage : https://www.ussu.co.uk/yourunion/Pages/Union_Staff.aspx

Go to top

 

 Create A New Page

Follow these steps if you want pages in addition to your USSU Club/Society homepage

  1. Select the cog next to your name. Click on 'Add a page'Add Page Menu.JPG
  2. You will be prompted to create a title for the new page. For example 'Our Committee'. Enter your title in the space provided and select createAdd Page Create.JPG
  3. You will be redirected to your new page in edit mode. It is strongly advised that you take note of the new URL link

Go to top

 

 View All Webpages

Follow these steps to view all your created webpages. This will include any new pages you have created and may have forgotten the links to.

  1. In edit mode, click on the 'Page' tab at the top right corner. Then click on View All PagesView All Pages.JPG
  2. You will be redirected to a page that will list out all your created pages:View All Pages 2.JPG

Go to top 

 Navigation/Table of Contents

​Follow the instructions if you would like a Table of Contents (Navigation Toolbar) to appear on the left hand side of your page. It will look like the image below:

Navigation Toolbar.JPG 

  1. From your webpage, make sure you're logged into your personal account and click the cog next to your name. Then select site settings
    Site Settings.JPG
  2. Click on Navigation as pictured below
    Navigation.JPG
  3. Scroll down on the page and you will see a section as pictured below. This will allow you to select what folders and webpages appear in your navigation tool bar. You may adjust this at any point
    Toolbar.JPG

Go to top ​

 

 Help

​If you would like help please contact the following:

  • Sports Clubs - Activities Administrator
  • Societies - Activities Coordinator

For the aforementioned contact information, please visit the following webpage : https://www.ussu.co.uk/yourunion/Pages/Union_Staff.aspx

Most of the time the above mentioned staff will be able to troubleshoot your problems quite quickly

If the matter is serious (webpage crashed), please submit a help ticket to the following: help@ussu.on.spiceworks.com 

Go to top 

​ 

 Students or public can’t access my website?

What is Anonymous Access

Anonymous authentication allows any user to access any public content without providing a user name and password challenge to the client browser.

When you enable anonymous access to a Web site, you allow anonymous users (and authenticated users who have not been granted access to the site) to browse the entire Web site, including any list, library, folder within a list or library, list item, or document that inherits its permissions from the Web site.

 

Enabling anonymous access makes a Web server inherently less secure because anonymous users and authenticated users that have not been granted access to your site can potentially change settings or content on your site, and their actions cannot be traced to an authenticated user account. (NOTE: Never grant anything other than 'View Items' permissions for Anonymous Users)

Anonymous access considerations

When you enable anonymous users to view your site, lists, or libraries, anonymous users can discover site information, including user e-mail addresses and any content posted to lists, libraries, and discussions. To create a more secure site, list, or library, do not enable anonymous access.

 

You need to be extremely careful about enabling anonymous access as NONE of students names or contact details should be visible to unauthenticated users.

If you enable anonymous access to the site, you MUST remove anonymous access from all lists which has any details related to a student (ex\ name, email or any contact details).

 

Enable anonymous access on a Site

1.     On the Settings menu, click Site Settings.


2.     On the Site Settings page, in the Users and Permissions column, click Site permissions.


3.     On the Permissions page, on the Permissions Tab, click Anonymous Access.

 

4.     On the Change Anonymous Access Settings page, select Entire Web Site.


 

Remove anonymous access from a list or library

1.     Open the list or library on which you want to remove anonymous access.

2.     On the List tab, click List Settings or Library Settings.


3.     In the Permissions and Management column, click Permissions for this list or Permissions for this library.


4.     If your list or library is inheriting permissions from the site, you must first break the inheritance from the site. To do so, on the Permissions tab, click Stop Inheriting Permissions, and then click OK to continue. Otherwise, skip to step 5.



5.     On the Permissions page, on the Permissions tab, click Anonymous Access.


6.     On the Anonymous Access Settings page, remove all granted permissions for anonymous users.

 

Go to top 

​ 

 Membership

Please note the following before proceeding with instructions on adding membership:

  • If you create your own membership app, the union will not be able to count membership. Creating your own app should only be for non-student membership and/or ticket sales (dinners, shirts, trips etc.)
  • If you have varying memberships (term membership, annual membership, etc.) you must make sure that you always direct to membership folder and not one of your own otherwise the union will not count that towards membership
  • If you are trying to add a non-student to your membership lists, sports must contact the Activities Administrator, and societies must contact the Activities Coordinator. Details can be found on the union website.

Please follow the steps below in creating your membership join button:

  1. In edit mode, select 'Add a Web Part' and a menu will appear at the top.
    Add Web Part.JPG
  2. Scroll down through categories to the Custom folder. Options will appear to the right. Select 'SagePayWebPartNew' and then click 'Add' in the bottom right corner
    Sage Pay Create.JPG
  3. Select the black drop down arror for your newly created sage pay webpart and select Edit Web Part
    Edit Sagepay.JPG
  4. Scroll to the top of the screen, and you'll see a new pop up. Please see details below for corresponding numbers:
    SagePay Description.JPG

1: Payment Type: Make sure this stays as membership

2: Amount: If you want to charge for membership, enter the amount you would like to charge. Otherwise keep it at 0

3: GL Account (1370 is own funds): Keep this as 1370!

4: Cost Code: Select your cost code from the drop down menu. It is typically M_ followed by your club/society name. For example, if I was the chess society, I would select M_CHESS. It is very important that you select the right cost code as this dictates what bank account the money goes into. If you do not select the correct one, it becomes very difficult for us to track down the money and move it into your bank account.

5: Membership List: Select Members List. If you choose a different list, it will not count toward the club/society membership

6: Payee Description: Type an explanation to accompany the payment box. You can keep it simple like "membership payment" or write a paragraph explaining the benefits included with your club/society membership

7: Button Text: Type any words you would like to appear on the button when students sign up.

         5. Once completed, click OK and then check your page back in. You should see your new membership button appear 

Go to top 

 

 Exporting Member Lists

​To export your membership list to an excel document, please follow the instructions below:

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG
  2. Click on your Members List app to open it
    Members List.JPG 
  3. Click on the LIST tab at the top of the ribbon and then select the Export to Excel button towards the right. This will prompt Microsoft Excel to open with all your current information. Please note this list does not automatically update - you will have to export the list each time you want an up-to-date copy.
    Export Membership.JPG

Go to top 

 

 Sales

Follow the instructions below to create sagepay product sales. This can include trips, shirts, dinners, etc.

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG
  2. Click Add An App. In the search bar type 'SagePay' and then select the SagePay List app
    Add an App.JPGsagepay app.JPG
  3. In edit mode, select 'Add a Web Part' and a menu will appear at the top.
    Add Web Part.JPG

  4. Scroll down through categories to the Custom folder. Options will appear to the right. Select 'SagePayWebPartNew' and then click 'Add' in the bottom right corner
    Sage Pay Create.JPG

  5. Select the black drop down arror for your newly created sage pay webpart and select Edit Web Part
    Edit Sagepay.JPG
  6. Under payment type, selelect 'Product' and under 'Membership List' select the app you just created under site contents. Please see details under 'membership' section of this webpage outlining requirements for the other categories in this image. Very important!!
    sagepay product.JPG
  7. To check your sign ups, go into your site contents and select the app you created for the sales. To export the list, see 'Exporting Member Lists' on this webpage
    sample sagepay.JPG

Go to top 

 

 Adding An Image

Once you've compted the steps to add text, please follow the steps below in adding an image to your page:

  1. Click within the text field where you would like to add your image. Then click on the 'orange INSERT' tab at the top ribbon and select 'Picture'Insert Pic.JPG
  2. A drop down menu will appear. Select where you want to upload the picture from
    Picture Drop Down.JPG
  3. Browse for the image you wuold like to upload and then save the file
    Save Image.JPG

Go to top 

 

 Edit & Resize Images

​Once your image has been added to the webpage, you may want to modify it. Please follow the steps below:

  1. In edit mode, select the image you want to edit. You will see small sizing boxes in the corners and sometimes along the sides of your image. You can hold the mouse on these corners and drag to resize your image
    Pic Corners.JPG
  2. Click on the 'pink IMAGE' tab at the top ribbon to have a variety of options to edit your image including adding borders and shifting the image location on the webpage
    Edit Pic.JPG
  3. If for some reason your image does not appear with the small sizing boxes, you may adjust the size manually by changing the horizontal and vertical sizes clicking on the up and down arrows. To edit it you must make sure you untick the 'Lock Aspect Ratio' button. If it is ticked, your resizing will not save!
    Edit Image.JPG
  4. To change the placement of the image on your page adjust the horizontal and vertical space on the spacing section
    Adjust Image Space.JPG

Go to top 

 Uploading Multiple Images At Once

If you would like to upload multiple images or documents, please follow the instructions below:

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG
  2. Click on the Images app to open the folder. Once open, select the (+) symbol to add your new document (it can be an image, pdf, powerpoint, etc.)
    Image File.JPG New Image.JPG
  3. Click on Upload files using Windows Explorer instead and a "my documents" folder will open on your screen
    Upload Images.JPG
  4. Go to your computer's start menu and open up your picture folder: 
    My Pictures.JPG 
  5. Select the images from your computer's folder that you would like to upload and drag them into the folder opened by the website. You should see your pictures appear in the new folder.
    Cut and Drag.JPG
  6. Exit out of both the folders by clicking the 'x' in the top right corner.
    Exit.JPG
  7. Click cancel in the bottom right corner
    Cancel.JPG
  8. Refresh your web browser page and your new images should appear
    Refresh.JPG

Go to top 

 Hyperlinking An Image

​Please follow these steps if you would like to hyperlink an image so that when someone clicks on the image, they are redirected to a webpage:

  1. Make sure you are in edit mode, and select the image that you want to link. Once selected, click on the orange INSERT tab at the top ribbon. Select the drop down arrow below the 'link' button and select 'From Address'
    Hyperlink Image.JPG 
  2. Enter the link in the second dialogue box and select OK
    Hyperlink Address.JPG

Go to top ​

 

 Adding A Picture Gallery/Slideshow

If you would like a photo album that scrolls through your photos, please follow the steps below:

  1. Click on a blank part of your website to make the yellow INSERT tab appear in the ribbon at the top
    Add WebPart.JPG
  2. Select the yellow INSERT tab and then select Web Part
    Insert Web Part.JPG
  3. A second ribbon will appear as shown below. In the Categories section, scroll down to the Media and Content folder. Several options will now appear in the Parts section. Select Picture Library Slideshow Web Part. Look to the right of the ribbon and you select the Add button.
    Add A Gallery.JPG
  4. Your new web part will appear as shown below:
    Gallery WebPart.JPG
  5. Now you need to create a folder to store all the photos you'd like to appear on your webpage. Save your edits and then click on the cog next to your name and select Site Contents
    Site Contents.JPG
  6. In Site Contents, select add an app as pictured below. Then scroll down slightly and select picture library.
    Add an App.JPGPicture Library.JPG
  7. You will be promted to title your new library. It is advised to title it with an indicator as to what webpage the slideshow will appear. Ex: homepage, events, etc.
    Homepage Slideshow.JPG
  8. Open the new folder by double clicking on it. Here you will have the option to add all the pictures you would like to appear in the slideshow. Select the plus sign to add all new images or documents. If for some reason that doesn't appear, you can click on the FILES tab in the top ribbon and then select upload document as pictured in the second image
    Add New Document.JPGUpload Document.JPG
  9. Now you need to connect the picture library to the web part. Leave your side contents and go back to the webpage that you added the slide show. Select the black dropdown arrow in the right corner of the webpart and then select Edit Web Part.
    Edit WebPart.JPG
  10. If your webpart is at the bottom of your webpage you may need to scroll to the top of the screen to see the edit options. The image below should appear in the top left corner of your webpage. The most important part here is to select the picture library you just created. If you have multiple picture libraries in your site contents, they will all appear in the dropdown Picture Library part. Here you can also edit the amount of time the pictures are displayed, the title of your webpart, and the order the images are displayed.
    Slideshow Edit Webpart.JPG

Go to top 

 

 Adding a File to an Image

If you would like to link an image to a file such as a word document, PDF, powerpoint, etc., please follow the instructions below:

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG
  2. Click on the Images app to open the folder. Once open, select the (+) symbol to add your new document (it can be an image, pdf, powerpoint, etc.). This file must be submitted in the image folder!
    Image File.JPG New Image.JPG
  3. Once the document is uploaded, click on the three dots in the bottom right corner of the image and a link will appear. Copy that link.
    Word Document.JPG

  4. Go back to your webpage. Click within the text field where you would like to add your image. Then click on the 'orange INSERT' tab at the top ribbon and select 'Picture'Insert Pic.JPG

  5. A drop down menu will appear. Select from computer and upload a picture
    Picture Drop Down.JPG
  6. Once that image has uploaded, select it and then select the orange INSERT tab across the top ribbon. Select the dropdown arrow next to link and click From Address
    Hyperlink Image.JPG 
  7. Enter the link you copied earlier in the second dialogue box and select OK
    Hyperlink Address.JPG

Go to top 

 

 Add Video Library

Follow these instructions to add your own video to your webpage:

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG
  2. Click Add An App. In the search bar type 'SagePay' and then select the Asset Library app
    Add an App.JPGasset library.JPG
  3. Go to your society website. Click on a blank part of your website to make the yellow INSERT tab appear in the ribbon at the top
    Add WebPart.JPG

  4. ​Click on the 'Yellow INSERT' tab at the top. Then click on 'Text'. You will now be able to insert some text content onto your page
    Add Text.JPG

  5. Select the option below to add new content
    Add New Content.JPG

  6. Select the orange INSERT tab on the top and then click the drop down arrow under Video and Audio. From here, select 'From Computer'
    Add Media.JPG

  7. Choose the video file from your computer. Check in your webpage and the video should appear.

Go to top

 

 Adding A Twitter Feed

Follow the instructions below to add a twitter feed to your webpage:

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG

  2. In Site Contents, select add an app and then type 'Document' into the search bar and select the 'Document Library' app
    Add an App.JPG Find An App.JPGDocument Library.JPG

  3. Open up a notepad document and enter the following:
    <a class="twitter-timeline"href="https://testtwitter.com"data-widget-id="57485960405664">Tweets by @testtwitter</a>
    Then save the note.
    Twitter Note.JPG

  4. Open the document library app, and select the (+) add new documents and add the note that you just saved
    Add New Document.JPG

  5. Click on the three dots next to your newly uploaded document to get a link. Copy that link.
    Twitter Link.JPG

  6. Go back to your society website. Click on a blank part of your website to make the yellow INSERT tab appear in the ribbon at the top
    Add WebPart.JPG

  7. ​Click on the 'Yellow INSERT' tab at the top. Then click on 'Text'. You will now be able to insert some text content onto your page
    Add Text.JPG
  8. Click on the drop down arrow next to your newly created area and select Edit Web Part
    Edit Properties.JPG
  9. Insert the link you copied earlier into the blank space provided for Content Link
    Content Editor.JPG
  10. Save everything and check in your webpage. The twitter feed should appear.

Go to top

 

 Embed YouTube

​Follow these instructions to put a YouTube video on your webpage:

  1. Go to your society website. Click on a blank part of your website to make the yellow INSERT tab appear in the ribbon at the top
    Add WebPart.JPG
  2. ​Click on the 'Yellow INSERT' tab at the top. Then click on 'Text'. You will now be able to insert some text content onto your page
    Add Text.JPG
  3. Select the option below to add new content
    Add New Content.JPG
  4. Select the orange INSERT tab on the top and then click Embed Code
    Embed YouTube.JPG
  5. Enter the embed code you received from YouTube in the dialog box below and click Insert. The video will appear on your page. Not sure how to find the embed code? See instructions below
    Embed Code.JPG
  6. On the YouTube page, select your video. At the bottom of the video screen you'll see an option to share. Click that, then select the Embed tab. This will give you your embed code to copy into the above dialoge box
    Get Embed Code.JPG

Go to top

 

 Facebook

​Follow the instructions below to learn up to embed your Facebook page to your website (This will only allow public content to appear):

  1. On your webpage, select Add a Web Part
    FB 1.JPG
  2. A large ribbon will appear at the top. In the Categories section, scroll down to the Custom folder. In then Parts section, select 'Facebook PAGE Webpart'.
    It's very important you select that item and not one of the other Facebook apps!
    FB2.JPG
  3. A webpart will appear on your webpage. Select the black dropdown arrow and then select Edit Web Part
    FB 3.JPG
  4. Scroll to the top of the page where you'll see a pop up editor. Expand the last section titled Facebook. Enter your Facebook Page URL (your facebook link) in the first line. To adjust what appears on your webpage or the size of the webpart, change the additional settings available.
    FB 4.JPG
  5. Check your page in, and Facebook will appear!

Go to top​

 Adding A Grid Of Tiles

If you would like a grid of tiles, similar to the way the committee resource page is set up, please follow the instructions below:

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG
  2. In Site Contents, select add an app and then type 'Grid of Tiles' into the search bar
    Add an App.JPGFind An App.JPG
  3. Select the Business Agility Sample Grid of Tiles (the only option) and create a title for it. It is advised that you title it in relation to the webpage you're putting the tiles on
    Grid of Tiles.JPG
  4. The new app will appear in your site contents. Double click to open it. The items listed inside are the sample tiles. To see how to edit tiles, please go to the Edit Grid of Tiles section of this webpage
    Created Grid.JPG

Go to top

 

 Edit A Grid Of Tiles

Follow these instructions to modify your Grid of Tiles:

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG
  2. Select the tiles that you would like to edit
    Created Grid.JPG
  3. The items listed inside are the sample tiles. To edit one, select the three dots next to the first item and then select Edit ItemEdit Grid Options.JPGEdit Grid Item.JPG
  4. A screen will appear with multiple parts to edit:
    • Type your tile's title here:
      Grid Title.JPG
    • Select the size of your tile here: (see samples below)
      Grid Size.JPG
    • If you would like the the tile to link to a webpage, put the URL here
      Grid URL.JPG
    • Include a description of your tile here; this will appear on the tile
      Grid Description.JPG
    • If you would like an image on your tile, please make sure it's the appropriate size (see Tile Sizes section)
      Grid Image Path.JPG 

Go to top

 

 ImagePath (Grid of Tiles)

If you want to create a hyperlink for images, documents, etc. please follow the instructions below:

  1. From your homepage, click on the cog next to your name and select Site Contents
    Site Contents.JPG
  2. Click on the Images app to open the folder. Once open, select the (+) symbol to add your new document (it can be an image, pdf, powerpoint, etc.)
    Image File.JPG New Image.JPG
  3. Once your file has uploaded, you will see three dots in the bottom right corner of the new file. Click on these and you will get a pop up with a link. Copy the link. This link will be used to direct anyone immediately to the file or to hyperlink an image.
    Image Link.JPG
  4. Various apps may provide an option for you to create an image app. For example, creating a grid of tiles like the committee resource page. When creating a new tile, you have the option of adding an ImagePath. You will copy the link above into the ImagePath box pictured below. The image/file will then appear in the grid of tiles.
    Image Path.JPG

Go to top

 Tile Sizes

​When creating a grid of tiles, you may want to create and upload images you have designed for the tiles.

Below is a list of the standard tile sizes and dimensions:

normal by normal (149 x 139 pixels)
normal by normal.JPG

normal by large ( 320 x 139) pixels
normal by large.JPG

normal by xlarge (478 x 139 pixels)
normal by xlarge.JPG

normal x full (972 x 139 pixels)
normal by full.JPG

Go to top