Close a Popup With JS Code

Lisa Fockens Updated by Lisa Fockens

It is possible to close a popup from your code, without user interaction, through Wisepops' JS Callbacks feature.

Let's say we want our popup to be closed five minutes after being displayed, if not closed before by the visitor.

Create a Before-popup-display callback

Go to the JS section in the left-hand menu of the Campaign Builder, and paste the following callback that is triggered on the Before popup display event:

// Automatically close the popup after a delay
var delay = 5 * 60 * 1000; // 5 mins
setTimeout(function () {
 event.detail.popup.close();
}, delay);

The event.detail.popup object is available only when listening to the Before popup display event. It exposes various methods, including one to close the popup.

Here we used the Wisepops interface to add the JS callbacks. You might want to write this code on your own website instead (to make it work on multiple popups or to inject back-end variables). Please refer to this article to learn how to do so.

Not seeing your popup on your website? Try these tips.

Display a campaign when a product is added to the cart (Shopify)

Stop showing a notification after clicking on a popup

Contact