Skip to main content
All CollectionsCampaignsStyling
How to Add a Shadow to Your Popups in Poper
How to Add a Shadow to Your Popups in Poper
Karan Bhakuni avatar
Written by Karan Bhakuni
Updated over a month ago

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.

Did this answer your question?