How to change Width/Height of a Popup

How to change Width/Height of a Popup

Adjusting the dimensions of your popup is a crucial step in ensuring that it fits well within your website's layout and provides a good user experience. Follow these steps to change the width and height of your popup on Poper.ai:

Step 1: Login to Your Poper Account


- Sign in to your Poper.ai dashboard.

- Click on “+ New Popup” to start creating a new popup or select an existing popup from your list to edit.

Step 2: Navigate to Template Selection


- If creating a new popup, use the AI to generate a popup by entering your requirements and clicking “Create Popup” or choose from available templates by selecting “Choose from Templates”.

Step 3: Select a Template


- From the available templates, select one that fits your campaign's needs.

Step 4: Access the Popup Editor


- Once the template is selected, you’ll be taken to the editing interface where you can customize your popup further.

Step 5: Find Size Adjustment Tools


- In the editing mode, look for the "Global Settings" on the customization panel where you can find "Width" and "Height" settings.

Step 6: Adjust Width and Height


- Click on the "Width" or "Height" input field and type in your desired dimensions in pixels, and percentages, or use the slider provided to adjust the size accordingly.

Step 7: Review Changes

- As you adjust the width or height, the popup preview should immediately reflect the changes allowing you to review the new dimensions in real-time.

Step 8: Save Your Changes

- After you’ve adjusted the dimensions to your satisfaction, ensure to save your changes by clicking the “Next” button or any other save option provided.

Step 9: Test the Popup on Your Site

- It’s recommended to test the popup on your actual website to confirm the dimensions are appropriate and do not obstruct or distort the website’s content.

By following these steps, you can customize the width and height of your popups on Poper.ai to match your design preferences and ensure a seamless integration into your website.


    • Related Articles

    • How to change font family of popup?

      Changing the font family of a popup on Poper.ai is a straightforward process that can significantly alter the appearance and feel of your popup. Follow these simple steps to customize the font style to better match your website's design: 1. Access ...

    • How to place Popup at a Certain Position

      Placing a Poper popup in a specific position on your webpage enhances user engagement and interaction with your content. Follow these steps to place your popup exactly where you want it: Step 1: Access Popup - Open the Poper dashboard and navigate to ...

    • Change Background Color

      Customizing the background color of your popup can greatly impact the visual appeal and effectiveness of your call to action. Here’s a simple guide to changing the background color of a popup using Poper.ai: Step 1: Log In and Access Popups - Sign in ...

    • Autoclose Popup Trigger

      Enhance user experience and engagement by implementing the autoclose popup trigger feature in Poper. Here's how you can set it up: How to Enable Autoclose Popup Trigger: Select the Desired Popup: Navigate to the Poper dashboard and open the popup to ...

    • Exit-Intent Popup

      Step 1: Selecting Your Popup - After logging in to your Poper.ai dashboard, start by either selecting an existing popup from your list or creating a new one by clicking the '+ New Popup' button. Step 2: Template Selection - Choose an appropriate ...