How to Create and Customize a Promotional Pop-Up for Your Website

How to Create and Customize a Promotional Pop-Up for Your Website

By Michael Thompson

January 10, 2025 at 06:00 PM

Here's your reimagined promotional pop-up guide:

Create effective pop-up messages on your site to boost engagement and capture leads through email subscriptions, special offers, or important announcements.

Key Uses for Pop-up Messages:

  • Email list building
  • Promotional offers and discount codes
  • New product or content announcements
  • Age verification gates

Adding a Promotional Pop-up:

  1. Access the Promotional Pop-up panel
  2. Select a design template
  3. Customize settings (timing, content, style)
  4. Enable "Show pop-up" and save
  5. Test in incognito browser window

Essential Settings:

Action Settings

  • Newsletter signup configuration
  • Button customization (up to 2 buttons)
  • Form storage options (Squarespace Campaigns, Mailchimp, Google Drive)
  • Verification methods

Display Settings

  • Page selection (any first page or specific pages)
  • Timing (scroll-based or timed)
  • Frequency (daily, weekly, monthly)
  • Mobile device visibility
  • Newsletter signup hiding

Image Settings

  • Supported formats: .jpg, .png, .gif
  • Multiple images for slideshow
  • Stock image integration

White striped swimsuit

White striped swimsuit

Age verification pop-up

Age verification pop-up

Discount registration form

Discount registration form

Best Practices:

  • Keep text concise to avoid display issues
  • Consider SEO impact (partial-screen pop-ups preferred)
  • Optimize for mobile viewing
  • Monitor conversion rates
  • Test timing and frequency

Troubleshooting:

  • Private browsing may cause repeat displays
  • Minimize text to prevent scrollbars
  • Optimize image sizes for faster loading
  • One active pop-up at a time
  • No custom code or exit-intent triggers

Mobile Considerations:

  • Half-screen display
  • No images shown
  • Left-aligned text
  • Custom mobile styling options

SEO Impact:

  • Full-screen pop-ups may affect rankings
  • Mobile-friendly designs recommended
  • Consider partial-screen alternatives
  • Option to disable on mobile devices

By following these guidelines, you'll create effective pop-ups that engage visitors while maintaining site performance and user experience.

Related Articles

Previous Articles