# Summary

Use this to create and manage Banners that will appear across your website.

#### Key to icons

![Live](https://ixo.iconography.co.uk/images/cms/icons/live.gif) = is live

![Not Live](https://ixo.iconography.co.uk/images/cms/icons/notlive.gif) = is disabled

![](https://ixo.iconography.co.uk/images/cms/icons/archive.gif) = archived

![Edit](https://ixo.iconography.co.uk/images/cms/icons/edit.gif) = edit

![delete.gif](https://bookstack.iconography.co.uk/uploads/images/gallery/2025-11/delete.gif) = delete

![copy.gif](https://bookstack.iconography.co.uk/uploads/images/gallery/2025-11/copy.gif) = copy

![nochild.gif](https://bookstack.iconography.co.uk/uploads/images/gallery/2025-11/nochild.gif) = view group

#### Organisation

All Banners will be sorted into groups.

### Metrics

Your system will track key metrics for each Banner:

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

This is designed to be used in conjunction with other tools, such as Google Analytics; these are not blunt measures of success

<table border="1" id="bkmrk-metric-purpose-impre" style="border-collapse: collapse; width: 100%; height: 359.156px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Metric</td><td style="height: 29.7969px;">Purpose</td></tr><tr style="height: 120.984px;"><td style="height: 120.984px;">Impressions</td><td style="height: 120.984px;">*This displays an 'all time' total of impressions; that is the number of times this loaded on a page viewed by a visitor*

<p class="callout info">*This number will be higher on Banners that display on multiple pages.*</p>

<p class="callout info">*This number will be higher on Banners that have been active for a long time*</p>

</td></tr><tr style="height: 178.578px;"><td style="height: 178.578px;">Clicks</td><td style="height: 178.578px;">*This displayers an 'all time' total of clicks by visitors*

<p class="callout info">*This number will be higher on Banners that display on multiple pages*</p>

<p class="callout info">*This number will be higher on Banners that have been active for a long time*</p>

<p class="callout warning">*This number will be lower on Banners without a clear call to action (CTA)*</p>

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">CTR</td><td style="height: 29.7969px;">*This displays an 'all time' click through rate, which is caluclated as:*

*Clicks / Impressions*

<p class="callout info">*This number will be lower on Banners without a clear call to action (CTA)*</p>

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

### Create/Edit Banners

<p class="callout info">A Banner can be any height</p>

<table border="1" id="bkmrk-field-purpose-descri" 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>Description</td><td>*Enter a description for the Banner; this displays are the image Alt Text*</td></tr><tr><td>Link URL</td><td>*Enter a Link URL; this will be used if the visitor clicks on the Banner*</td></tr><tr><td>Live</td><td>*Set to yes/no**This will put the banner live, but will be limited by the Start and Expiry Dates*

*If set to no, the Banner will not show under any circumstances*

</td></tr><tr><td>Start Date</td><td>*If a date is entered here, the Banner will not be displayed before that date*</td></tr><tr><td>Expiry Date</td><td>*If a date is entered here, the Banner will not be displayed after that date*</td></tr><tr><td>Targeted Customers</td><td>*Select one or more [Customer Group](https://bookstack.iconography.co.uk/books/groups/page/summary) to target (optional)*

*If at least one group is selected, this Banner will only output to that Customer Group*

*If none are selected, it will output to all Customers*

</td></tr><tr><td>Banner Placement</td><td>*Select the pages on which this Banner should output*

*You may also add this Banner to specific Products via the [Media](https://bookstack.iconography.co.uk/books/categories/page/media "Media") tab*

</td></tr><tr><td>Position</td><td>*Choose from the list:*

- *Small (450px wide) - above left navigation*
- *Medium (1160px wide) - above content*
- *Full Width (1980px wide) - below header*
- *Full Width (1980px wide) - above footer*

*For examples of how these display, please see more details on Position below*

<p class="callout info">*A Banner can be any height*</p>

</td></tr><tr><td>Desktop Banner Image</td><td>*Choose your desktop Banner image*</td></tr><tr><td>Mobile Banner Image</td><td>*Choose your mobile Banner image*</td></tr><tr><td>Custom JavaScript or HTML</td><td>*Enter custom JavaScript or HTML*  
<p class="callout info">*Typically, this is used to create image maps*</p>

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

### Position

#### Content Pages

Here is an example of where the Banners will output on the [Content Pages](https://bookstack.iconography.co.uk/books/content-pages/page/banners-content-pages).

#### Product Detail Pages

Here is an example of where the Banners will output on the [Product Detail Pages](https://bookstack.iconography.co.uk/books/product-detail-page/page/banners-pdp).

#### Product Listing Pages

Here is an example of where the Banners will output on the [Product Listing Pages](https://bookstack.iconography.co.uk/books/product-listing-page/page/banners-plp).