How to Add a Border to Your Popups in Poper

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 "All Popups" to see your list of popups.

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. Activate the Border Setting:

- Toggle the switch next to "Border" to activate the border settings if it isn’t already enabled.

6. Adjust the Border Width:


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

7. Choose the Border Style:


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

8. 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.

9. 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.


    • Related Articles

    • How to add Teaser/Nudges to Popups in Poper?

      Teasers, also known as nudges, are small, non-intrusive popups that encourage users to interact without disrupting their experience. Follow this guide to add and configure teasers in your Poper popups. Steps to Add Teasers/Nudges to Popups Step 1: ...
    • 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 ...
    • 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 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 ...