Exit Modals - SCPR/outpost GitHub Wiki

General Information

Exit modals are boxes that appear once your mouse leaves the top of your browser's viewport, or if a page is scrolled quickly upward in mobile. They are usually appeals to either sign up for a relevant newsletter or present a pledge link. In outpost, exit modals are flatpages with a specific URL pattern. For example, the exit modal for the Frame would have the following path:

exit-modal/the-frame

Note: Flatpages can only be triggered on program segment pages.

How to Build an Exit Modal in Outpost

1. On the Navigation Bar, click the Navigation icon -> Flatpages
2. Search if the exit modal already exists by searching for exit-modal in the search bar
3. If it doesn't exist yet, you can create one by creating a new flatpage and giving it a path with the following format:

exit-modal/{insert the program's slug here}.

The current slugs are:

• airtalk
• filmweek
• offramp
• take-two
• the-frame
• default (default if a program modal doesn't exist)

4. To change the contents of the modal, use the Content editor just as you would for a flatpage. Note: Content inside is automatically centered. However, any CSS that you add to the head or tail sections can still be applied.

5. Once you are done, make sure that the Is public checkbox is checked inside the Display Options section. Note: Any chosen templates are ignored.

6. Finally, click save and the modal will be live! Go to a segment from the program you've chosen, and move your mouse upward from the center to your address bar to trigger it.

Priority

Modal's are shown based on the following priority (from highest to lowest)

1. Pledge Drive Modal
2. Program Modal
3. Default Modal (The Short List)

• The pledge drive modal appears on all program segment pages if enabled at the time of a pledge drive.
• If there is no pledge drive, and a program does not have a published modal, it will default to a published default modal.
• If no modals exist or are published, no modal will appear.