# Summary

Use this screen to edit, view and add Popups.

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

#### 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

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

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

### Adding/Editing a Pop Up

To do this, click the edit ![Edit](https://ixo.iconography.co.uk/images/cms/icons/edit.gif) icon, or press the add a popup ![add.gif](https://bookstack.iconography.co.uk/uploads/images/gallery/2025-11/add.gif) button.

<table border="1" id="bkmrk-field-purpose-name-e" style="border-collapse: collapse; width: 100%; border-width: 1px;"><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>Name</td><td>Enter a Name for the Popup

This will display to the Customer

Mandatory

</td></tr><tr><td>Content</td><td>Enter textual content for the Popup</td></tr><tr><td>Upload Banner</td><td>Add an image to be displayed within the Popup

There are no dimension restrictions for this image

</td></tr><tr><td>Promo Code</td><td>Enter a Promo Code

<p class="callout info">This can be included in another field, e.g. Content, but if entered here, it will be styled separately to stand out</p>

</td></tr><tr><td>Include Form</td><td>Select a [Form](https://bookstack.iconography.co.uk/books/forms "Forms") to include in this Popup

<p class="callout info">You must have created at least one Form to use this function</p>

</td></tr><tr><td>Page</td><td>Choose the Page on which this Popup will be shown:

- Any
- Home
- Checkout
- Custom (enter the URL of the Page that will show this Popup)

</td></tr><tr><td>Trigger</td><td>Choose from:

- Start (the Popup will trigger on page load)
- Idle (the Popup will trigger after period after a period of idleness)
- Exit (the Popup will trigger on a registered exit intent)

</td></tr><tr><td>Activation Delay</td><td>Enter a figure (in seconds) as an Activation Delay; this affects when the Trigger occurs, e.g.

An Activation Delay of 30 seconds, coupled with the 'Idle' Trigger will mean that the Popup is triggered after 30 seconds of idleness

<p class="callout info">For no delay, set this value to zero</p>

</td></tr><tr><td>Display Delay</td><td>Enter a figure (in seconds) for how long after the Popup is triggered it will display

<p class="callout info">For an immediate Popup, set this value to zero</p>

</td></tr><tr><td>Repeat After</td><td>Enter a number of days until this is repeated to a Customer after they dismiss the Popup

</td></tr><tr><td>Customer Targets</td><td>Choose a [Customer Group](https://bookstack.iconography.co.uk/books/groups/page/summary) to target with this Popup

</td></tr><tr><td>Active</td><td>Toggle whether this Popup is set to live

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

### Preview a Popup

<p class="callout info">This option is available only for saved changes</p>

Clicking this button will open a new tab to the customer facing version of your website. The current pop up will be displayed regardless of any display rules, activation delays, etc.