How to Add a Shadow to Your Popups in Poper

How to Add a Shadow to Your Popups in Poper

Adding a shadow to your popups can create a sense of depth and make them more visually appealing. Here's a step-by-step guide to add a shadow to your popups in Poper.ai:

1. Open Your Popup List:

- Log into your Poper.ai account and access your dashboard.

- Click on “Campaigns” to see your existing campaigns.

2. Select the Popup to Edit

- Identify the popup you want to modify and click on it. This will take you to the popup editor.

3. Navigate to Global Settings:


- Look for the "Global Settings" on the left side of the popup editor.

4. Access the Shadow Settings:


- Within the "Global Settings," scroll down until you find the "Shadow" section.

5. Activate the Shadow Feature:

- If the shadow is not already enabled, turn it on by clicking the toggle next to "Shadow".

6. Configure Shadow Options:


- Adjust the 'X' and 'Y' sliders to set the horizontal and vertical offsets of the shadow.

- Use the 'Blur' slider to control the softness of the shadow edges.

- Click on the color box to choose the color of the shadow. You can pick a color from the palette or enter a specific color code for precision.

7. Preview Your Changes:

- As you make changes, observe the popup preview to see how the shadow looks in real-time.

8. Save Your Adjustments:

- Once you are content with the shadow effect, click the "Update" button to save your changes.

9. Test the Popup:

- View the popup on your live website to confirm that the shadow displays correctly in different browsers and screen sizes.

This process should help you enhance your popups with shadows, thus making them stand out and grab your users' attention.


    • Related Articles

    • How to Add a Border to Your Popups in Poper

      Customizing your popup with a border can help it stand out on your webpage. Here’s how to add and customize a border for your popup in Poper.ai: 1. Start in the Dashboard: - Log into your Poper.ai account. - Go to the main dashboard and click on ...
    • How to add Video Player in Poper?

      Enhance your Poper popups by adding a video player, providing a richer and more engaging user experience. This step-by-step guide will walk you through the process of integrating a video player into your Poper popups. Steps to Add a Video Player: ...
    • How to Add a Spin Wheel in Poper Popups (Gamified) from Scratch

      While using Spin Wheel templates is recommended for ease, you can also create Spin Wheel popups from scratch in Poper. Follow these steps to set up a Spin Wheel popup. Steps to Add a Spin Wheel in Poper Popups Step 1: Access Your Dashboard Open your ...
    • Scheduling Popups

      Scheduling popups to appear at specific times is an effective way to target your audience and maximize engagement. Poper offers flexible scheduling options to help you achieve this. Follow these steps to schedule popups to appear at only certain ...
    • Why Input IDs are Required for Input Fields in Popups & How To Add Them?

      Input IDs play a crucial role in identifying and organizing data collected from input fields within popups. Here's why they are essential: Data Organization Input IDs serve as unique identifiers for input fields, allowing collected data to be ...