How to Make Popups Rounded in Poper

How to Make Popups Rounded in Poper

Creating a popup with rounded corners can give your popup a softer, more modern look. Here's how you can adjust the border radius to make popups rounded in Poper.ai:

1. Navigate to Your Popups:

- Log in to your Poper.ai account.

- From the dashboard, click on "All Popups" to view a list of your existing popups.

2. Select the Popup to Edit:

- Find the popup you wish to edit from the list and click on it. This will open the popup editor.

3. Access Global Settings:


- In the popup editor, locate the "Global Settings" section. This should be on the right side of the screen.

4. Adjust Border Radius:


- Scroll down to the "Border Radius" option within the "Global Settings."

- Click on the border radius field, which may show a pixel (px) value.

5. Set the Radius:


- You can either type in a new value directly into the border radius field or use the slider provided to increase or decrease the value. As you adjust the slider or change the value, you will notice the corners of your popup round according to the pixel value you set.

- The higher the value, the more rounded the corners will become. A small value will result in slightly rounded corners, while a larger value will create a more pronounced rounded effect.

For more granular control over the corner rounding, click the split button located next to the slider. This will allow you to edit the top-left, top-right, bottom-left, and bottom-right corner radius values individually.

6. Preview the Changes:

- Look at the popup preview area to see how the rounded corners appear in real-time.

7. Save Your Changes:

- Once you are satisfied with the appearance of your popup's rounded corners, click the "Update" button to save your changes.

8. Test on Your Site:

- After saving, it's a good practice to test how the popup looks on your website to ensure that the rounded corners are displayed as expected on different devices and browsers.

By following these steps, you can easily give your popups a modern and stylish look with rounded corners on the Poper.ai platform.


    • Related Articles

    • Make Elements Clickable in Poper

      Poper's popup builder just got more interactive! You can now transform various elements within your popups into clickable hotspots, creating engaging experiences for your visitors. This guide will show you how to make headings, subtext, boxes, and ...

    • Make.com / Integromat Integration

      This guide will walk you through connecting Poper, your drag-and-drop popup builder, with Make.com (formerly Integromat), a powerful automation platform. This integration allows you to seamlessly capture leads collected through your Poper popups and ...

    • How to make entire Popup Clickable?

      Follow these steps to make your entire popup clickable in Poper, allowing users to open a link or navigate to a specific step within a multi-step popup. Steps to Make an Entire Popup Clickable Step 1: Access Your Dashboard Open your web browser and ...

    • How to make input fields as required in Poper? (Checkbox, Input, and Phone elements)

      Poper allows you to designate specific input fields as mandatory, ensuring visitors provide crucial information before submitting the form. This guide will walk you through the process of making input fields (like text, checkbox, and phone number) ...

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