---
title: "How to Set a Custom Mount Target for Your Pop-up Widget"
description: "Learn how to attach your pop-up widget to a specific DOM element on your webpage using a valid CSS selector."
canonical_url: "https://help.brainfi.sh/articles/how-to-set-a-custom-mount-target-for-your-pop-up-widget-v7LpJ5VSkE"
md_url: "https://help.brainfi.sh/articles/how-to-set-a-custom-mount-target-for-your-pop-up-widget-v7LpJ5VSkE.md"
---
# 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.

   ![Customize the mount target](https://help.brainfi.sh/api/attachments.redirect?id=9271388b-d3d3-47e6-97d3-c89313db8b47 "=750x395")
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.