Popup

Settings for this popup:
- Position: Center
- Image position: Left
- Image ratio: Square
- Image fit: Cover
- Show subscribe form
- Show social media links
- Width: 930px
- Background type: Fill
- Show overlay
- Fonts: DM Sans
- Heading font weight: Medium
- Description font weight: Regular
- Font size: Large
- Label font weight for social media: Bold
- Label font weight for subscribe form: Bold
- Input font weight: Medium
- Button font weight: Medium

Let's look at an example of opening a popup when clicking on a created notification banner.
Step 1. Create a notification banner using this tutorial.
Step 2. Go to your Popup tab → Create or edit an existing popup → Go to Advanced tab → In Trigger open setting, select Manual trigger → In the Select another item setting, select the banner → Click Save button.

Step 3 (optional). In the CSS selector setting, you can add a clarifying selector for the element inside the selected banner. For example, the button selector ".popups-app-popup-button". In this case, the popup will open when you click on the banner button.

Please note that if there are buttons or links inside the clickable html element, clicking on them will not work.