---
title: "Cómo crear pop-ups de alta conversión con Scratcher"
description: "Crea pop-ups de alta conversión con Scratcher: configura, diseña e inserta un pop-up gamificado en minutos, con activadores inteligentes y sin programar."
url: https://scratcher.io/es/blog/how-to-create-high-converting-pop-ups-with-scratcher
language: es
---

# Cómo crear pop-ups de alta conversión con Scratcher

Una guía paso a paso para crear, diseñar e insertar en minutos un pop-up gamificado de alta conversión con Scratcher.

Henrik Lund 5 min de lectura 23 de junio de 2025

![Cómo crear pop-ups de alta conversión con Scratcher](https://scratcher.io/img/containers/assets/blog/covers/how-to-create-high-converting-pop-ups-with-scratcher.webp/519c351ed31282cb4d56bf0194e3356e/how-to-create-high-converting-pop-ups-with-scratcher.webp)

Bien utilizados, los pop-ups son una herramienta potente. Aumentan el engagement, recogen leads y mejoran las conversiones. Con Scratcher, crear un [pop-up](https://scratcher.io/es/platform/pop-ups) gamificado con el que la gente quiera interactuar lleva solo unos minutos.

En esta guía te explicamos cómo configurar, diseñar e insertar tu primer pop-up en la plataforma de Scratcher.

## Paso 1: crea tu pop-up

Una vez que hayas iniciado sesión en Scratcher:

1. Haz clic en el botón «Crear» de la barra lateral izquierda.
2. En el menú superior, elige «Pop-ups» (junto a la barra de búsqueda).
3. Selecciona el formato que prefieras. En este ejemplo usaremos la [caja sorpresa](https://scratcher.io/es/platform/formats/mystery-box).
4. Dale un nombre a tu pop-up y haz clic en «Crear pop-up».

**Ya está. Estás listo para empezar a personalizarlo.**

*Vídeo: grabación de pantalla de la creación de un nuevo pop-up de caja sorpresa en la plataforma de Scratcher.*

## Paso 2: personaliza el diseño

Scratcher te da control creativo total sobre el aspecto y la sensación de tu pop-up. Esto es lo que puedes ajustar.

### Ubicación

En los ajustes, elige dónde aparece el pop-up:

- Barra superior
- Pop-up lateral
- Pop-up central
- Pop-up a pantalla completa

Cada tipo ofrece un equilibrio distinto entre visibilidad e intrusión. Un pop-up lateral es discreto, mientras que uno a pantalla completa es difícil de pasar por alto.

*Vídeo: grabación de pantalla de la elección de la ubicación del pop-up y el ajuste de su diseño en Scratcher.*

### Tamaño

En contenido, define el alto y el ancho del pop-up.

*Consejo profesional:* usa los iconos de dispositivo de la parte inferior para previsualizar y ajustar tu diseño para [ordenador, tableta y móvil](https://scratcher.io/es/blog/mobile-popup-best-practices).

### Fondo

También en contenido, controlas el aspecto del fondo mientras se muestra el pop-up. Puedes:

- Establecer un color sólido
- Ajustarlo a los colores de tu marca mediante códigos hexadecimales

*Vídeo: grabación de pantalla del ajuste del color de fondo del pop-up en Scratcher.*

### Teaser del pop-up

Los teasers son elementos en los que se puede hacer clic en tu web y que abren tu pop-up. Son una forma sutil de animar a los visitantes a jugar. Puedes usar un teaser con tu pop-up o colocarlo directamente en la página de una campaña.

![Web de un comercio con un botón de teaser de pop-up en la esquina inferior izquierda](https://scratcher.io/img/containers/assets/blog/retail-website-popup-teaser-button.webp/6b10270ac268806e6d833cf23099928b/retail-website-popup-teaser-button.webp)

## Paso 3: crea el flujo del pop-up

Un pop-up típico de Scratcher tiene varios pasos:

- **Página de introducción:** una breve bienvenida y un elemento visual
- **Página de formulario:** recoge datos como el correo electrónico y el nombre
- **Página de juego:** deja que la gente juegue e intente ganar
- **Página final:** muestra el resultado o un mensaje de agradecimiento

Usa el panel de la derecha para moverte entre páginas y editar textos, imágenes y funcionalidades.

![Panel del flujo del pop-up en Scratcher con las páginas de introducción, formulario, juego y final](https://scratcher.io/img/containers/assets/blog/scratcher-popup-flow-panel.webp/770cc414d1c2e8aad30fc3cb8b0f057a/scratcher-popup-flow-panel.webp)

## Paso 4: define los activadores y la visibilidad

Scratcher te da un control preciso sobre **cuándo**, **dónde** y **con qué frecuencia** aparece tu pop-up.

### Opciones de activación

- **Activador por tiempo:** muestra el pop-up tras un número determinado de segundos.
- **Activador por scroll:** muéstralo cuando el visitante haya bajado un X % de la página.
- **[Activador por intención de salida](https://scratcher.io/es/blog/exit-intent-popup):** detecta cuándo alguien está a punto de irse y muestra el pop-up justo a tiempo.
- **Activador por clic:** muestra el pop-up solo cuando se hace clic en un botón o enlace concreto.
- **Lista de permitidos:** segmenta visitantes concretos por ruta de URL, fuente de referencia y tipo de dispositivo.
- **Lista de excluidos:** evita que el pop-up se muestre en determinadas condiciones, como en páginas concretas o para ciertas IP o dispositivos.
- **Activador por dispositivo:** oculta tu pop-up en determinados dispositivos.
- **Opciones de visualización:** controla la frecuencia para no molestar a la gente. Define cuántas veces aparece y cuántos días pasan entre cada aparición.

![Menú de activadores de pop-ups en Scratcher con los activadores por tiempo, por scroll, por intención de salida y otros](https://scratcher.io/img/containers/assets/blog/scratcher-popup-triggers-menu.webp/ef0eb60b12f0a8aa31b36974dbbc272c/scratcher-popup-triggers-menu.webp)

## Paso 5: aplica tu kit de diseño

Usa **«Mis kits de diseño»** para actualizar:

- Los colores de fondo
- Las fuentes y los estilos de botón
- El tema general, para que todo siga la línea de tu marca

Previsualiza los cambios en tiempo real con el selector de móvil, tableta y ordenador de la parte inferior de la pantalla.

*Vídeo: grabación de pantalla de la aplicación de un kit de diseño guardado a un pop-up en Scratcher.*

## Paso 6: añade el pop-up a tu web

Cuando tu pop-up esté listo, es hora de publicarlo.

### 1. Consigue tu script

Después de crear tu primer pop-up, ve a la sección **Gestión de pop-ups**. Allí encontrarás un **script único** vinculado a tu cuenta. El script es el mismo sin importar cuántos pop-ups crees.

### 2. Elige dónde mostrarlo

Abre el editor de tu web o tu CMS y ve a la página en la que quieres que aparezca el pop-up.

### 3. Pega el script

Pega el script completo dentro de la etiqueta `<head>` de tu web.

### 4. Guarda y prueba

Pulsa guardar y luego visita tu web para comprobar que el pop-up funciona como esperas.

## Consejos para pop-ups que convierten

- **[Empieza por el juego, no por el formulario](https://scratcher.io/es/blog/gamified-popup-vs-email-popup).** Un formato lúdico da a la gente un motivo para participar antes de que pidas sus datos.
- **[Mantén el formulario corto](https://scratcher.io/es/blog/signup-form-fields).** El correo electrónico y el consentimiento suelen bastar para un primer registro.
- **[Elige bien el momento](https://scratcher.io/es/blog/popup-timing-triggers).** Los activadores por intención de salida y por scroll suelen resultar menos intrusivos que un pop-up instantáneo.
- **Adapta la oferta a la página.** Un premio específico de producto en la página de ese producto resulta más relevante que un descuento genérico.

## ¿Listo para crear tu primer pop-up?

Cada uno de los más de 40 formatos de Scratcher puede funcionar como pop-up, así que puedes elegir el [pop-up de juego](https://scratcher.io/es/platform/formats/game-pop-ups) que mejor encaje con tu público. Explora nuestras [plantillas](https://scratcher.io/es/templates) para inspirarte o [empieza tu prueba gratuita de 14 días](https://scratcher.io/es/get-started) y publica hoy mismo tu primer pop-up.

Henrik Lund

Cofundador, Scratcher

Henrik Lund cofundó Scratcher en Copenhague en 2017 y desde entonces ayuda a las marcas a crear campañas interactivas.

Crea tu primera campaña hoy mismo

Crea tu propia campaña en minutos. Gratis durante 14 días, sin tarjeta de crédito.

[Empieza tu prueba gratuita](https://platform.scratcher.io/es/register)

## Sigue leyendo

[Tendencias de gamificación en marketing 2027: 8 predicciones para marcas](https://scratcher.io/es/blog/gamification-marketing-trends-2027)

- Estrategia
- 4 de noviembre de 2026

[Tendencias de gamificación en marketing 2027: 8 predicciones para marcas](https://scratcher.io/es/blog/gamification-marketing-trends-2027)Hacia dónde va el marketing gamificado en 2027: juegos cortos en el móvil, calendarios always-on, campañas creadas con IA y nueva…

[Tendencias de fidelización de clientes 2027: acceso, justicia y motivos para volver](https://scratcher.io/es/blog/customer-loyalty-trends-2027)

- Estrategia
- 3 de noviembre de 2026

[Tendencias de fidelización de clientes 2027: acceso, justicia y motivos para volver](https://scratcher.io/es/blog/customer-loyalty-trends-2027)Los socios pertenecen a más programas que nunca, pero se sienten menos especiales en cada uno. Las tendencias de fidelización y r…

[Tendencias de datos first-party y privacidad 2027: qué cambia para el marketing](https://scratcher.io/es/blog/first-party-data-trends-2027)

- Estrategia
- 3 de noviembre de 2026

[Tendencias de datos first-party y privacidad 2027: qué cambia para el marketing](https://scratcher.io/es/blog/first-party-data-trends-2027)Chrome mantiene sus cookies, pero el consentimiento y la confianza son cada vez más difíciles de ganar. Las tendencias de privaci…

![Campaña de ruleta de premios de Starbucks en un móvil](https://scratcher.io/assets/campaigns/starbucks-spin-the-wheel.webp)

## Crea tu primera campaña hoy mismo

Únete a las marcas que han conseguido más de 35 millones de registros con Scratcher. Pruébalo gratis durante 14 días, sin tarjeta de crédito.

[Empieza tu prueba gratuita](https://platform.scratcher.io/es/register) [Reservar una reunión](https://scratcher.io/es/book-a-meeting)
