Layout Settings

The Layout Settings tab is where you define the physical characteristics of your popup, including its dimensions or screen position.

The Layout Settings interface

Choosing a Preset

To speed up your workflow, Creative Popup includes a variety of pre-configured layouts. By clicking the Choose Preset button, you can instantly apply common positioning styles.

Available layout presets for quick setup

Dimensions & Responsiveness

Control the size of your popup and how it adapts to different screen resolutions.

Popup Size

Set the base Width and Height in pixels. Creative Popup is fully responsive; if the visitor's screen is smaller than these dimensions, the popup will automatically scale down proportionally to fit the screen without breaking the design.

Fit Screen Size

These toggles allow you to override fixed dimensions for specific orientations:

• Fit Screen Width: Forces the popup to stretch to 100% of the browser's width.
• Fit Screen Height: Forces the popup to stretch to 100% of the browser's height.

Positioning & Margins

Fine-tune exactly where the popup appears on the visitor's screen.

Align Popup To

Use the 3x3 grid selector to choose one of nine primary anchor points (e.g., Top-Left, Middle-Center, Bottom-Right). By combining these alignment options with the Fit Screen settings, you can achieve unique layouts like full-height sidebars or full-width notification bars.

Examples of default alignment vs. combined fit-screen layouts

Examples of combined fit-screen layouts

Distance from Sides

If your popup is aligned to the side or corner of a screen, you can use these fields to add "breathing room" (margins). For example, setting the Bottom and Right distance to 20px will prevent a corner popup from touching the very edge of the browser window.