Table of Contents

Popup Design FAQ

Lisa Fockens Updated by Lisa Fockens

Is there an ideal size for popups?

For desktop and tablets, there are no strict restrictions. However, it's generally recommended to keep the maximum size under 900×650 pixels. For mobile, we recommend 320 (width) x 160 (height) to ensure compatibility with most mobile phones and adherence to Google Guidelines regarding interstitials. We strongly advise creating separate mobile and desktop/tablet campaigns for optimal results.

For more tips and inspiration, check out this article on effective popup design.

Can I use my own design in a popup?

Absolutely! You can create your own design using tools like Canva, Figma, Photoshop, etc. Once you've finalized your design, simply export the file as an image or gif and upload it as a background image in the Wisepops builder.

Here's how:

What image size/dimensions should I use for my campaign?

The dimensions of images for your campaign can vary based on your specific design and layout. However, our campaign templates are typically 550-750px wide, with the height depending on the content inside. If your campaign is 600px wide, for example, you might want to create an image that's 1200px wide to ensure it appears crisp on retina devices.

Our mobile templates usually range from 300-400px wide for optimal display on smaller screens.

You can also adjust the width of your campaigns, which will affect how the images within are displayed.

Is there an ideal size for a background image?

While there isn't a one-size-fits-all answer to this, your background image should ideally match the width of your popup. You can adjust the size and position of your background image using the 'Background Image' tab in the top menu.

I uploaded a background image, and I have trouble moving blocks around

If you're having trouble adjusting the position of your blocks on a background image, try using these builder options:

  • Spacing / Column Spacing (Horizontal / Vertical)
  • Blocks Alignment
  • Text Alignment

A scrollbar appears on my popup. How can I remove it?

If a scrollbar appears on your popup, make sure you check the option "Adjust height to content" in the builder Size tab. This should help eliminate the scrollbar and ensure your content fits perfectly within the popup.

Preview/test your campaign on a hidden URL

Will Wisepops slow down my website?