# Summary

Use this screen to view, edit and manage USPs.

These are output at the top of the page, just below your menu bar.

[![image.png](https://bookstack.iconography.co.uk/uploads/images/gallery/2025-11/scaled-1680-/Ex1image.png)](https://bookstack.iconography.co.uk/uploads/images/gallery/2025-11/Ex1image.png)

### Setup

#### USP Bar

<table border="1" id="bkmrk-field-purpose-usp-ba" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><thead><tr><td>Field</td><td>Purpose</td></tr></thead><tbody><tr><td>USP Bar Name</td><td>*Enter the name of the Bar; this will not display to the Customer*</td></tr><tr><td>Text Colour</td><td>*Choose your USP Text Colour*</td></tr><tr><td>Background Colour</td><td>*Choose your USP Background Colour*</td></tr><tr><td>Default</td><td>*Sets the default USP Bar*</td></tr></tbody></table>

#### Icons

Each Icon must then be set up individually.

<table border="1" id="bkmrk-field-purpose-link-e" style="border-collapse: collapse; width: 100%; height: 178.781px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><thead><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Field</td><td style="height: 29.7969px;">Purpose</td></tr></thead><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Link</td><td style="height: 29.7969px;">*Enter a link that will be followed if the USP is clicked*</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Text</td><td style="height: 29.7969px;">*Enter a short strig of text that will display in the USP Bar*</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Upload Image</td><td style="height: 29.7969px;">*Upload your Icon*

*Expected size 100px X 100px*

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Visibility</td><td style="height: 29.7969px;">*Choose from:*

- *Default (both)*
- *Mobile*
- *Desktop*
- *HIdden*

</td></tr></tbody></table>