Negocio

Tipus de pop-up amb exemples: com convertir sense danyar l’experiència

Guia pràctica sobre tipus de pop-up, exemples reals, triggers, segmentació i disseny UX per millorar la captació sense perjudicar el SEO ni l'experiència.

8 min de lectura

TL;DR · resum executiu

¿Qué vas a encontrar en este artículo?

Els pop-ups —també anomenats finestres emergents— continuen funcionant perquè concentren l’atenció en el moment exacte. El problema no és el format en si, sinó la manera com es fa servir. Un popup genèric, llançat massa aviat o sense relació amb la intenció de la pàgina, destrueix confiança. Un pop-up contextual, útil i ben seqüenciat pot augmentar leads i oportunitats sense empitjorar l’experiència....

Els pop-ups —també anomenats finestres emergents— continuen funcionant perquè concentren l’atenció en el moment exacte. El problema no és el format en si, sinó la manera com es fa servir. Un popup genèric, llançat massa aviat o sense relació amb la intenció de la pàgina, destrueix confiança. Un pop-up contextual, útil i ben seqüenciat pot augmentar leads i oportunitats sense empitjorar l’experiència.

En entorns B2B, l’objectiu poques vegades és captar un email per captar-lo. El que importa és activar la següent microconversió amb sentit: diagnòstic, demo, checklist, recurs descarregable o conversa comercial. Per això convé connectar cada pop-up amb l’estratègia de paid media, contingut i optimització de conversió (CRO), i no tractar-lo com un element aïllat.

Què és un pop-up de conversió

Un pop-up de conversió és una finestra emergent que apareix sobre el contingut d’una web per captar un lead o activar una acció concreta: subscriure’s, descarregar un recurs, demanar una demo o recuperar una visita a punt de marxar. A diferència d’un popup genèric, es mostra a l’usuari adequat, en el moment adequat i amb una oferta rellevant per a la pàgina que està veient.

La taxa de conversió mitjana d’un pop-up se situa entre el 3,5% i el 5%, mentre que el top 10% dels més ben optimitzats supera el 50% (segons l’anàlisi de BDOW!, abans Sumo, sobre milers de milions de pop-ups). La diferència no està en el format, sinó en la rellevància de l’oferta, la precisió del trigger i la qualitat de la segmentació.

Tipus de pop-up: per format i per comportament

Hi ha dues maneres de classificar les finestres emergents: per format (com apareixen a la pantalla) i per comportament (què les activa). Aquesta comparativa reuneix els cinc formats més usats amb el seu trigger habitual, el seu millor ús i el seu nivell d’intrusivitat:

Els cinc formats de pop-up més usats, comparats per com apareixen, què els activa i per a què rendeixen millor.
Criteri Modal / lightbox Slide-in Barra flotant Exit-intent Welcome mat
Com apareix Bloqueja el fons i centra l’atenció Entra des d’una cantonada, sense tapar el contingut Franja fixa a dalt o a baix Sorgeix en detectar abandonament Pantalla completa en entrar
Trigger habitual Temps, scroll o clic Scroll o temps de lectura Persistent o per scroll Moviment del cursor / botó enrere Càrrega o primera visita
Millor ús B2B Oferta d’alt valor: lead magnet, demo Recurs descarregable, subscripció Avís o promo simple, baixa fricció Recuperar pricing, landing o carret Campanya concreta (amb cura)
Intrusivitat Alta Baixa Molt baixa Mitjana Molt alta
Conversió orientativa Alta si l’oferta ho justifica Mitjana, amb millor experiència Baixa-mitjana, molta visibilitat Alta sobre trànsit que ja marxava Variable; risc SEO en mòbil

No hi ha un tipus guanyador universal: el millor pop-up és el que encaixa amb la intenció de la pàgina i l’etapa de l’usuari. Comença per slide-in i exit-intent (menys intrusius) i reserva el modal per a ofertes d’alt valor.

Pop-up modal

És el format més visible. Bloqueja el fons i centra tota l’atenció en una oferta concreta. Funciona bé quan la proposta té alt valor percebut, però exigeix especial cura en mòbil i en primeres visites.

Slide-in

Apareix des d’una cantonada i manté visible el contingut principal. Sol ser una bona opció per a recursos descarregables, subscripció o continguts relacionats perquè interromp menys.

Barra flotant

Ocupa una franja superior o inferior i encaixa bé per a missatges persistents amb baixa fricció. És útil quan la conversió buscada és simple i no requereix gaire copy.

Exit-intent

S’activa quan l’usuari dona senyals d’abandonament. En pàgines de pricing, landings o articles estratègics pot recuperar oportunitats que ja estaven a punt de perdre’s.

Welcome mat i pop-up de pantalla completa

Ocupa tota la pantalla en entrar. Té molta visibilitat, però també el major risc de penalització per intersticials en mòbil, així que convé reservar-lo per a campanyes concretes i mai per al trànsit orgànic que arriba des de Google.

Exemples de pop-ups segons l’objectiu i l’etapa del funnel

Exemple 1: captació en el top of funnel

En un article informacional, en lloc de mostrar un genèric «subscriu-te a la newsletter», sol funcionar millor oferir una checklist, una plantilla o una guia relacionada amb la temàtica de la pàgina.

Exemple 2: activació en el middle funnel

Si l’usuari visita diverses pàgines de servei o consumeix una landing d’alt valor, té sentit oferir un diagnòstic digital d’empresa o una auditoria inicial. És el punt on el pop-up enllaça amb una veritable estratègia de captació de leads.

Exemple 3: oportunitat en el bottom funnel

En pàgines on l’usuari ja compara proveïdors, el pop-up ha de reduir la fricció: resoldre objeccions, obrir agenda o facilitar un contacte directe amb un consultor digital. Cada exemple s’activa segons l’etapa del funnel de conversió.

Anatomia d’un pop-up que converteix

Més enllà del format, els pop-ups que converteixen comparteixen una mateixa estructura. Aquests són els sis elements que no haurien de faltar:

Un pop-up que converteix no és qüestió de sort, sinó d’aquests sis elements:

  1. Titular clarUna promesa concreta en vuit paraules o menys: què guanya l’usuari si actua ara.
  2. Un sol campDemana només l’email. Cada camp addicional redueix la conversió de manera notable: un formulari d’un sol camp converteix gairebé el doble que un de cinc, segons dades de Neil Patel.
  3. CTA contrastatUn únic botó, amb un verb d’acció i un color que destaqui sobre l’overlay.
  4. Tancament visibleUna «X» clara, sobretot en mòbil. Atrapar l’usuari penalitza l’experiència i el SEO.
  5. Overlay lleugerOcupa només una porció raonable de la pantalla en mòbil (criteri habitual del sector: per sota del 30%) per evitar la penalització d’intersticials de Google.
  6. Prova o valorUna xifra, una garantia o prova social que justifiqui l’intercanvi de dades.

Quan mostrar un pop-up perquè no es percebi com a agressiu

El timing importa tant com l’oferta. Mostrar el pop-up al segon de càrrega sol empitjorar la taxa de tancament i el rebot. En canvi, els triggers per scroll, un temps de lectura raonable o la navegació repetida indiquen més intenció i millor predisposició: en general, els triggers comportamentals converteixen sensiblement millor que els que només es basen en el temps de càrrega.

  • En contingut editorial: després d’un percentatge de scroll (50-70%) o un temps mínim real de lectura.
  • En pàgines de servei: després de la interacció amb el CTA, el pricing o blocs clau.
  • En campanyes: segons la font de trànsit i la promesa de l’anunci.

Segmentació: l’error no és tenir pop-ups, sinó mostrar-los a tothom

Un visitant nou no hauria de veure el mateix que un usuari recurrent. Tampoc un lead ja identificat, ni algú que arriba des d’una campanya concreta. Quan segmentes per font, comportament i etapa del funnel, el pop-up deixa de ser una interrupció i passa a ser una proposta contextual.

A més, la coherència visual amb la pàgina importa. Si el pop-up trenca el disseny o sembla aliè a la interfície, la conversió cau. Per això sol rendir millor quan forma part d’una experiència web corporativa consistent.

Com evitar que un pop-up perjudiqui el SEO i la UX

Des de 2017, Google penalitza els intersticials intrusius en mòbil que bloquegen l’accés al contingut. Evitar-ho és senzill si respectes unes regles bàsiques:

  1. No bloquegis el contingut immediatament després que l’usuari arribi des de Google.
  2. Facilita un tancament visible, especialment en mòbil.
  3. Evita overlays pesats que alenteixin la càrrega o danyin els Core Web Vitals.
  4. No repeteixis diversos pop-ups en la mateixa sessió.
  5. Mesura també el rebot, el temps útil i la qualitat del lead, no només la taxa de conversió del pop-up.

Errors comuns en pop-ups (i com evitar-los)

La majoria de les finestres emergents que no funcionen repeteixen els mateixos errors:

  • Disparar massa aviat: un pop-up al segon de càrrega interromp abans d’aportar valor i dispara el rebot.
  • Demanar massa dades: cada camp addicional redueix sensiblement la conversió —les dades de Neil Patel mostren una caiguda del 18,2% al 8,1% en passar d’un a cinc camps—. Demana només l’email i completa el perfil després amb progressive profiling.
  • Mostrar la mateixa oferta a tothom: sense segmentació, el missatge resulta irrellevant per a la majoria.
  • Oblidar el mòbil: els overlays a pantalla completa sense tancament clar penalitzen el SEO i l’experiència.
  • Mesurar només la conversió del pop-up: captar molt però generar leads pobres és una falsa victòria.

En el mercat europeu, qualsevol pop-up que reculli dades personals ha de complir el RGPD i la LSSI: consentiment explícit, finalitat clara i enllaç a la política de privacitat. Un checkbox de consentiment ben plantejat no danya la conversió; al contrari, transmet serietat. La clau és demanar només la dada mínima necessària i no preseleccionar caselles, cosa que la normativa prohibeix expressament —així ho va confirmar el cas Planet49 davant el Tribunal de Justícia de la UE el 2019—.

Quines mètriques has de mirar per saber si funciona

La taxa de conversió del propi pop-up importa, però no n’hi ha prou. Convé seguir les visualitzacions, el tancament immediat, l’impacte en el rebot, els clics assistits i la qualitat posterior del lead. Un pop-up que converteix molt però empitjora l’experiència o genera leads pobres sol ser una falsa victòria. Connecta aquestes dades amb la teva estratègia d’email màrqueting i lead nurturing per mesurar el valor real de cada captació.

Fonts citades en aquest article

Preguntes freqüents

El que CMOs i directors ens pregunten.

8 dubtes concrets amb resposta accionable en ≤ 80 paraules · format òptim per a AI Overviews.

¿Qué son los Core Web Vitals y por qué son críticos en 2026?
Core Web Vitals son 3 métricas de Google que miden la experiencia real del usuario: LCP (velocidad de carga del contenido principal), INP (latencia de interacciones) y CLS (estabilidad visual del layout). Desde 2024 son factor de ranking directo en SEO y criterio de citación en motores IA.
¿Cómo mido LCP, INP y CLS con datos reales?
Usa Google Search Console → Core Web Vitals para field data agregado. Complementa con PageSpeed Insights (lab + field) y Chrome DevTools Performance panel para debug granular. GA4 también tiene el evento web-vitals desde 2024.
¿Qué valores son suficientes para rankear en Google?
Google marca como "Good" thresholds específicos: LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1. En cronuts apuntamos a LCP < 1,2 s, INP < 100 ms y CLS < 0,05 — rangos de clase premium que marcan diferencia competitiva.
¿Cuánto cuesta optimizar Core Web Vitals de una web WordPress?
Depende del punto de partida. Desde 2.400 € en un sprint de 4 semanas para optimización quirúrgica en WordPress con Gutenberg o custom theme. Si hay plugins pesados o theme builders tipo Elementor, puede requerir migración técnica (8-15 K€).
¿INP reemplazó definitivamente a FID?
Sí. Google sustituyó FID por INP en marzo de 2024. INP mide toda la interacción (desde click hasta paint), no solo el primer delay. Si tu web supera FID pero falla INP, aún así penaliza ranking y GEO citability.
¿Core Web Vitals afectan al ranking de AI Overviews?
Indirectamente, sí. Google AI Overviews y Perplexity priorizan páginas con buena autoridad técnica. Webs con CWV malos tienen menos probabilidad de ser citadas. Es parte del checklist GEO de cronuts junto con schema, autoridad y llms.txt.
¿Qué plugins de WordPress ayudan con CWV sin romper nada?
WP Rocket (cache + lazy load + critical CSS), Imagify o ShortPixel (AVIF/WebP), Perfmatters (control granular scripts). Evita plugins all-in-one tipo Jetpack — lentos y bloqueantes. Para tema custom, WP Rocket es suficiente.
¿Puedo auditar mi web gratis con cronuts?
Sí. En 7 días auditamos tus Core Web Vitals actuales, identificamos los 3-5 cuellos de botella críticos y te enviamos un documento ejecutivo con hoja de ruta. Si no hay palanca de mejora real > 30%, te lo decimos antes de firmar. Solicitar diagnóstico.

De l’article al pipeline

Vols aplicar això al teu web concret?

Diagnòstic gratuït de 7 dies amb mètriques reals del teu lloc. Si no hi ha palanca superior al 30%, t’ho diem abans de signar. Brutalment honest.