Designing

Making an Exit-Intent Popup Design

Check the steps you need to take, in order to create a copy of an existing Design, that will be treated as a popup


Clerk.js can trigger any piece of Content as a popup. Often this is used for Exit-Intent, to display recommendations when a customer tries to leave the page.

Simply adding the class clerk-popup to the container code of your Design will cause it to be shown as a popup. Check out the details here: https://docs.clerk.io/docs/clerkjs-ui-popup

 

Note: Clerk.io now offers a default Exit Intent popup. Simply select the design template called "Exit Intent Popup".  Be sure to rename your Design with something like 'exit-intent' so you will remember it:

 

To create an Exit-Intent Popup more manually, follow these steps:

1. Go to my.clerk.io -> Recommendations -> Designs

2. Click New Design

3. Choose an existing Design that you want to use as a base for your Exit-Intent popup
4. Click Create Design

5. Add the class clerk-popup  to your designs container and click Save.

6. Go to Recommendations -> Content and find your Exit-Intent Content
7. Under Select Design, choose your new design, and click Update Content:


Now your Exit-Intent will be shown as a popup.