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

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 "Campaigns" to see your list of campaigns.

2. Choose a Popup to Edit:

- Select the popup you want to add a border to by clicking on it. This will open the popup editing interface.

3. Access the Global Settings:

- Within the popup editor, find the "Global Settings" panel on the right-hand side.

4. Locate Border Options:

- Scroll down in the "Global Settings" until you see the "Border" section.

5. Adjust the Border Width:

- Use the slider or input box labeled "Width" to set the thickness of your border.

6. Choose the Border Style:

- Click on the drop-down menu labeled "Style" to select a border style. Options may include solid, dotted, dashed, etc.

7. Select the Border Color:

- Click on the color box next to "Color" to open a color picker.

- Select the color you want for your border. You can choose from the palette, or enter a specific HEX code for precision.

8. Preview the Popup:

- As you make changes, look at the popup preview area to see how your border will look.

10. Save Your Changes:

- Once you are happy with the border, click the "Update" button to apply your changes.

11. Check the Live Popup:

- After saving, it’s a good idea to check the popup on your website to ensure the border appears correctly across different devices and browsers.

Following these steps will help you effectively add a customized border to your popups on Poper.ai, enhancing the visual appeal and drawing more attention to your content or call-to-action.

Did this answer your question?