Do you want to display an Engage element in pop-in format on your site ? Congratulations 🥳 It's an excellent way to boost the visibility of your messages to your readers.

Before activating an element of this type, there are a few considerations to take into account in order to offer the smoothest possible experience.

In this article, we present several methods to manage the display of your element as an overlay.

Applying style to the parent container

This option requires no additional technical integration on your site. It is the fastest way to display an element as an overlay.

At the time of creating your Engage element from the dashboard, you have the option to apply CSS style to it, as well as to its container. It is this second option that we will use to generate an overlay display.

1. Click on the Edit element properties button
2. Expand Advanced configuration
3. Target the parent container by starting with #p3-parent-frame { }
4. Apply the style you want to obtain using the CSS properties of your choice

Here is an example of CSS to use for central positioning :

Configuring the close button

The closing of the pop-in element is configured at the appearance level. More info on this configuration in this article

👉 How to configure the closing of an Engage element?

Setup the closing of the pop-up

The closing of the pop-up can be done directly in the appearance. More information on this specific configuration in our dedicated article 👉 How to configure when your Engage element should close?

Updated on: 29/05/2026