Creating a Unique Selling Point (USP)

A unique selling point (USP) is a simple graphic that is used across the website to display rankings, statistics and useful information. These are commonly used on degree and strategic pages, but can be applied in a myriad of scenarios.

An example of USPs

Quick checklist

  • Correct folder selected under Rankings folder (asset #453755)
  • Link type is 'hidden'
  • Icon is selected under settings in metadata
  • Label is filled out ud under settings in metadata
  • Sublabel is filled out under settings in metadata
  • Source: is filled out under settings in metadata

Part 1: Creating a USP

USPs are organised in a central Rankings folder.

When adding a USP, please consider the most appropriate placement, as it will help other Web Publishers to maintain it long-term.

The folder layout for USPs
  1. Navigate to the Rankings folder (asset #453755)
  2. Expand the relevant folder/s that relates closes to the USPs purpose
  3. Right-click on the parent folder and select Create New, Data Sources, and Data Record
An image of how to create a data record
  1. For Record Name type out the full USP, including source
  2. Select 'hidden' for Link Type
  3. The Details screen will display for the USP that has just been created
  4. Right-click on the USP in the tree on the right, and select Metadata
  5. Scroll down to Settings to select the Icon.
    • Note: this is optional. Be sure to consider if other USPs will have an icon for consistency
An image of the icon metadata

Scroll down to the Infographic section, and fill out the fields as follows

  1. Label: this is the key statistic coloured blue
  2. Sublabel: this provides context for the label
  3. Source: displays when the tooltip next to a USP is hovered over/clicked. This is optional.
An image of how to add USP info

Part 2: How to locate a USP

  1. Navigate to the page the USP resides on, and type _edit
  2. In the page contents, locate the USP component.
  3. This will have the asset IDs for any that display on the page
  4. The USPs are numbered in the order they display from left to right on the page
  5. Copy the asset ID of the USP you wish to locate or update, paste it into the search bar at the top of the page and press Enter
  6. The Details screen will display for the USP
  7. If you wish to edit the USP, place it in workflow, such as 'safe edit'
  8. Follow the steps above regarding how to update a USP
An image of how the USP component looks

Part 3: Using the USP Row component

  1. Navigate to the page you wish to add the component on, and add '_edit' to the end of the URL
  2. Click the Edit button, ensure you are on the Content section, and then click the plus '+' icon to add a component
  3. Select USP Row
Add component icon

Fill out the fields as follows:

  1. Title: This is optional. Add a title to introduce the USPs
  2. Intro: This is optional. Add a introductory paragraph to provide context to the USPs
  3. Wrapper: Select a background colour. The default option 'leave empty' is white
  4. USP1-5: Type or select the asset ID for the corresponding USP. To find these, see instructions above
  5. Show icons: Select whether you want the icons to display for the USPs
  6. Click save
How a USP component appears on the website

Print this page

Download as PDF

this page was last updated by Rosie Loughland on 02 Nov 2023