🪟
Websites

Popup modal design: catching attention without annoyance

04.04.2027
← All articles

A popup modal sits over the page. Done right it lifts conversion 200-400%. Done wrong it triggers Google penalties.

Popup types

Newsletter, lead magnet, discount, survey, cookie consent, exit-intent.

Triggers

Time-based, scroll, exit-intent, click, on-page-load (worst).

Google and popups

Intrusive interstitials get penalised, especially on mobile.

Design elements

Backdrop, container, close, headline, body, CTA, optional visual.

Headline

Concrete value. \"Get the 15-page WordPress hosting guide\".

CTA

Specific action. Contrasting color.

Close button

Top right, 24x24px+, ESC key, backdrop click.

Mobile

Small popup or banner. Penalty risk.

Animation

Fade-in 200-300ms. Not slow.

Frequency capping

Don't show for 7 days. Don't show to subscribers.

A/B testing

OptinMonster, Sumo.

Tracking

Views, clicks, conversions, closes.

Accessibility

Focus trap, ESC, aria-modal, screen reader.

Mistakes

Showing immediately, generic copy, hidden close, no cap, full-screen mobile, slow animation.

Sayt.uz

Minimal popups. Cookie consent banner. 60-second lead magnet. No mobile popups. 200-400 subscribers/month.

Related articles

🌾 Agriculture and Agribusiness Website: Product Catalog and B2B Sales ❤️ Charity Foundation Website: Transparent Fundraising and Donor Trust 🎉 Wedding Venue and Banquet Hall Website: Event Planning and Online Booking 🚙 Car Rental Website: Vehicle Catalog, Price Calculator, and Online Booking
🌐 Language
🇺🇿 O'zbek 🇺🇿 Ўзбек 🇷🇺 Русский 🇬🇧 English ✓