How to Set a Custom Mount Target for Your Pop-up Widget

Learn how to attach your pop-up widget to a specific DOM element on your webpage using a valid CSS selector.

When to Use This

Use this feature when you want your pop-up to be contained within a specific section or element of your website's layout, rather than floating freely on the document body.

Step-by-Step Instructions

1. In the widget configuration, expand the Pop-up Settings section.

2. Locate the Mount target field.

   

3. Enter a valid CSS selector for the element where you want the widget to mount (e.g., a class name, ID, or other attribute).

4. Save your configuration.

Common Questions

• What kind of CSS selector can I use? You can use any valid CSS selector, such as class names (e.g., .my-class), IDs (e.g., #my-id), or specific attributes, as long as it exists on the DOM.

Troubleshooting Tips

• Widget is not displaying: Verify that the CSS selector you entered exactly matches an element that currently exists on your webpage's DOM. If the element doesn't exist, the widget cannot mount.