Skip to main content
All CollectionsGetting started
Creating Overlays & Pop-ups
Creating Overlays & Pop-ups
Updated over a month ago

With Instant you can create Overlays and pop-ups without the need for any additional application. Perfect for discount popups, size charts and galleries.

Inserting an Overlay or Pop-up

To get started with Overlays & popups, navigate to the Insert panel > Interactive. Here you find the basic pop-up and overlay elements.

Your Overlay or Pop-up will be visible within the layer panel, by selecting this layer, the Overlay or Pop-up will be triggered so you can fully customize it.

Triggering an Overlay & Pop-up

There are 3 methods available for triggering an Overlay or Popup.

Trigger it through a click action

You can add an overlay trigger to elements such as Buttons. You can achieve this by selecting your button element, navigate to the actions panel > Add action > Trigger Overlay. Then proceed by selecting the Overlay you wish to trigger.

On Page load or Scroll

Additionally an Overlay or Pop-up can also be triggered based by loading a page or through scroll. These settings can be accessed by selecting the Overlay or Pop-up layer under Overlay settings in the right sidebar.

The Repeat toggle defines if the pop-up will be shown again after closing it through the selected triggers.

Enabling or disabling page scroll

If you wish to disable the page scroll when the Overlay or Pop-up is active, then this can be achieved by selecting your Overlay or Pop-up layer and then set Page to Blocked.

Did this answer your question?