Los popups ofrecen una forma poderosa de captar la atención de tus clientes e impulsar más ventas en tu tienda WooCommerce. Te permiten compartir descuentos exclusivos, promocionar ofertas por tiempo limitado o hacer crecer fácilmente tu lista de correo electrónico.
Sin embargo, crear popups que realmente conviertan puede ser complicado. Los popups mal diseñados pueden frustrar a los visitantes, lo que lleva a tasas de rebote más altas en lugar de aumentar las ventas.
Todo se trata de usar la estrategia y las herramientas adecuadas para crear popups efectivos sin molestar a tus clientes.
Después de investigar a fondo este tema, hemos llegado a la conclusión de que OptinMonster, una de nuestras herramientas favoritas, es perfecta para diseñar popups de WooCommerce de alta conversión adaptados a tus objetivos.
En esta guía, te mostraremos seis métodos probados para crear popups de WooCommerce que aumenten las ventas y mantengan a tus clientes comprometidos.

Por qué necesitas crear un popup de WooCommerce
¿Alguna vez te has preguntado por qué sigues viendo popups en todos los sitios web importantes de comercio electrónico?
Es porque los popups hacen un gran trabajo al convertir a los visitantes del sitio web en clientes que pagan. Ayudan a las tiendas en línea a captar rápidamente la atención del cliente mostrándoles mensajes dirigidos en el momento justo.
Si tienes una tienda WooCommerce, puedes usar popups para ayudarte a:
- Aumentar las ventas entregando mensajes oportunos a tus clientes. Por ejemplo, podrías hacer que el popup aparezca cuando los usuarios estén a punto de abandonar tu tienda.
- Recupera ventas de carritos abandonados ofreciendo un cupón o envío gratis.
- Vende más productos a través de encartes (promocionando productos relacionados) y ventas adicionales (promocionando un producto con mejores características).
- Crea tu lista de correo o seguidores en redes sociales, o recuerda a tus clientes las ventas y promociones en curso.
Usaremos OptinMonster para este tutorial. Es el mejor plugin de pop-ups de WordPress y una potente herramienta de optimización de conversiones que te permite convertir visitantes que abandonan en suscriptores y clientes.
Se integra perfectamente con WooCommerce y tiene potentes opciones de personalización diseñadas específicamente para tiendas WooCommerce.
Consejo: Para crear cupones para tus ofertas, recomendamos usar Advanced Coupons. Te permite crear muchos cupones inteligentes para tu sitio de WooCommerce.
Primeros pasos con OptinMonster
Antes de empezar a crear un pop-up de WooCommerce, necesitas una cuenta de OptinMonster conectada a tu sitio de WordPress.
Primero, puedes ir al sitio web de OptinMonster y registrarte para obtener una cuenta. Simplemente haz clic en el botón 'Obtener OptinMonster Ahora' para empezar.

El plan Pro de OptinMonster te permite usar la mayoría de las funciones que cubriremos, incluida la regla de segmentación por intención de salida. Si deseas crear una campaña de girar para ganar o configurar la segmentación geográfica, necesitarás un plan Growth.
Una vez que te hayas registrado en OptinMonster, deberás conectar tu cuenta de OptinMonster a tu sitio de WordPress.
Para hacer esto, primero debes instalar y activar el plugin de OptinMonster en tu sitio de WordPress. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Al activarlo, deberías ver la pantalla de bienvenida de OptinMonster. Haz clic en el botón ‘Conectar tu cuenta existente’.

Ahora se abrirá una nueva ventana.
Simplemente haz clic en el botón ‘Conectar a WordPress’ para vincular tu cuenta de OptinMonster con tu sitio web.

A continuación, también deberás conectar tu cuenta de OptinMonster con la cuenta de WooCommerce.
Primero, vamos a OptinMonster » Configuración desde tu panel de WordPress.
Luego, en la pestaña ‘General’, simplemente haz clic en el botón ‘Generar Claves Automáticamente + Conectar WooCommerce’.

WooCommerce generará las claves automáticamente y se conectará a tu cuenta de OptinMonster.
En el resto de este tutorial, cubriremos varios tipos diferentes de popups de WooCommerce. Puedes usar estos enlaces rápidos para saltar directamente a las instrucciones de cada uno:
- Cómo Crear un Popup de Cupones para WooCommerce
- Cómo Crear un Popup de Abandono de Carrito para WooCommerce
- Cómo Crear un Popup de Venta Cruzada para WooCommerce
- Cómo Crear un Popup de Venta Adicional para WooCommerce
- Cómo Crear un Popup de WooCommerce con Juego de 'Gira para Ganar'
- Cómo Crear un Popup de Pantalla Completa para WooCommerce
- Poner tu Popup de WooCommerce en Vivo en tu Sitio
- Preguntas Frecuentes Sobre los Popups de WooCommerce
¿Listo? ¡Empecemos de inmediato!
Cómo Crear un Popup de Cupones para WooCommerce
Los cupones son una excelente manera de aumentar las ventas. Puedes usar un popup para asegurarte de que los clientes conozcan tu cupón y animarlos a usarlo.
Primero, puedes ir a OptinMonster » Campañas desde tu panel de administración de WordPress y hacer clic en el botón ‘Crear tu Primera Campaña’.

Después de eso, simplemente selecciona el tipo de campaña ‘Popup’.
Luego, selecciona tu plantilla colocando el mouse sobre ella y haciendo clic en el botón ‘Usar Plantilla’.

Cuando selecciones la plantilla, se abrirá una ventana emergente.
OptinMonster te pedirá que nombres tu campaña. Continúa y agrega un nombre y haz clic en el botón ‘Empezar a Construir’.

Ahora, es hora de diseñar tu cupón.
El constructor de campañas de arrastrar y soltar es muy fácil de usar y te permite personalizar tu popup como quieras. OptinMonster ofrece diferentes bloques para agregar a tu plantilla.
Además, puedes hacer clic en cualquier parte de la plantilla del popup de cupón para editarla. Puedes cambiar el texto, la fuente, los colores y más.

También puedes eliminar partes del cupón. Por ejemplo, podrías decidir que no quieres tener un cuadro para registrarte por correo electrónico. Simplemente podrías mostrar un código de cupón dentro del popup para animar al cliente a usarlo al instante.
El código de cupón predeterminado es ‘AHORRA25’. Este se muestra en la pantalla después de que el cliente ingresa su dirección de correo electrónico. Es fácil cambiarlo o eliminarlo en la vista de ‘Éxito’ de tu popup.

No olvides guardar tu popup una vez que hayas terminado de hacer cambios en el diseño del cupón.
Para obtener más ayuda, por favor, consulta nuestras instrucciones paso a paso sobre cómo crear un popup de cupón. Ese tutorial también explica cómo integrar OptinMonster con tu lista de correo electrónico.
Una vez que hayas creado tu popup de cupón, necesitas configurar las reglas de visualización.
Simplemente haz clic en la pestaña ‘Reglas de visualización’ en la barra superior. Por defecto, el cupón aparecerá después de que hayan transcurrido 5 segundos en todas las páginas de tu sitio.

Es posible que desees cambiar esto a una duración más larga o más corta, o basarlo en cuánto tiempo ha estado el visitante en tu sitio. También podrías querer mostrar el cupón solo en ciertas páginas de tu sitio.
El paso final es publicar tu popup de cupón y hacerlo visible en tu sitio. Te mostraremos cómo hacerlo al final del artículo.
También te puede interesar nuestra guía sobre cómo usar la psicología de los popups para aumentar las suscripciones en un 250%.
Cómo Crear un Popup de Abandono de Carrito para WooCommerce
Es posible que estés perdiendo una gran cantidad de dinero por abandono de carrito.
Un popup es una excelente manera de animar a los visitantes a finalizar su compra. Puedes crear un popup especial de WooCommerce que aparezca cuando un usuario esté en la página del carrito de compras y se mueva para salir de tu sitio.
Primero, crea una nueva campaña en OptinMonster. Necesitas seleccionar 'Popup' como tipo de campaña. Luego, procede a elegir una plantilla para tu popup. Vamos a usar la plantilla 'Abandono de Carrito'.

A continuación, OptinMonster abrirá una ventana emergente.
Ahora puedes darle un nombre a tu campaña de popup y hacer clic en el botón 'Empezar a Construir'.

Tu plantilla elegida se abrirá en el constructor de campañas.
Para personalizar tu plantilla de campaña, puedes arrastrar y soltar diferentes bloques o cambiar el texto, colores, fuentes y más.

A continuación, es hora de configurar tu popup para que se muestre en tu página del carrito de compras de WooCommerce.
Primero, haz clic en la pestaña 'Reglas de Visualización' en la parte superior de la pantalla y luego selecciona la opción 'Intención de Salida'. También puedes seleccionar la sensibilidad de la intención de salida.
La tecnología de intención de salida de OptinMonster te permite mostrar tu mensaje en el momento preciso en que el usuario muestra la intención de abandonar tu sitio web.

A continuación, desplázate hacia abajo en la página y deja el primer menú desplegable como la ‘ruta de URL actual’ y configura el segundo menú desplegable en la opción ‘coincide exactamente’.
En el cuadro que aparece, introduce la URL de tu página del carrito de compras.

No olvides guardar tus cambios. Luego, ve a la pestaña Publicar para activar tu cupón en tu tienda en línea.
Cómo Crear un Popup de Venta Cruzada para WooCommerce
Otra excelente manera de aumentar las ventas es vender tus productos populares como venta cruzada. La venta cruzada consiste en promocionar un producto que complementa algo que el cliente ya está comprando.
Por ejemplo, si tu cliente compra una camisa de verano, entonces también podría estar interesado en comprar un sombrero para el sol. O si compra tarjetas de felicitación, entonces también podría querer papel de regalo.
Para crear una ventana emergente de venta cruzada en OptinMonster, primero necesitas crear una nueva campaña. Asegúrate de seleccionar ‘Popup’ para el tipo de campaña, luego elige la plantilla que desees.
Vamos a usar la plantilla ‘Shopping’ para nuestra ventana emergente.

A continuación, OptinMonster te pedirá que nombres la campaña.
Una vez que hayas hecho esto, simplemente haz clic en el botón ‘Empezar a construir’.

Serás llevado al editor de campañas. Aquí, puedes cambiar cualquier aspecto de tu plantilla haciendo clic en él.
Hemos subido una imagen diferente para nuestra campaña.

Luego puedes añadir diferentes bloques a la plantilla desde el menú de tu izquierda.
Simplemente arrastra y suelta bloques como imágenes, botones, textos, videos y más en la plantilla.

Si mantienes el registro de correo electrónico, asegúrate de editar la vista ‘Éxito’ de la ventana emergente para mostrar tu código de cupón elegido.
Consejo: Si utilizas el registro por correo electrónico, también necesitas vincular OptinMonster a tu proveedor de correo electrónico en la pestaña ‘Integraciones’. Hay instrucciones sobre esto en nuestra guía paso a paso sobre cómo crear un popup de cupón.
Una vez que hayas terminado de crear tu campaña, no olvides hacer clic en el botón ‘Guardar’ en la parte superior derecha.
A continuación, puedes hacer clic en la pestaña ‘Reglas de visualización’ y seleccionar la regla ‘Orientación de productos de WooCommerce’.

Después de agregar otra regla nueva, puedes seleccionar nuevamente la regla ‘Orientación de productos de WooCommerce’.
Luego, agrega tu producto como antes.

No olvides guardar tu configuración. Ahora, solo necesitas seguir las instrucciones al final de este tutorial para publicar tu popup en tu sitio.
Cómo Crear un Popup de Venta Adicional para WooCommerce
Un popup de venta adicional de WooCommerce te permite animar a los clientes a comprar un producto más caro que el que estaban considerando.
Por ejemplo, si vendes un paquete de software, podrías ofrecer un trato especial en un plan de mayor precio o animar a los usuarios a comprar complementos.
Para crear tu popup de venta adicional, primero necesitas crear una nueva campaña de OptinMonster. Selecciona 'Popup' como tipo de campaña y elige la plantilla que desees.

Una vez que hayas seleccionado tu plantilla, OptinMonster te pedirá que nombres tu campaña.
Cuando hayas terminado, simplemente haz clic en el botón 'Empezar a construir'.

Puedes cambiar lo que quieras de la campaña haciendo clic en el elemento.
Si quieres darle el cupón al cliente de inmediato, simplemente elimina el campo de correo electrónico. Es fácil agregar bloques en el constructor de campañas usando la función de arrastrar y soltar.

Una vez que estés satisfecho con tu cupón, haz clic en el botón 'Guardar' en la parte superior derecha. Luego, haz clic en la pestaña 'Reglas de visualización'.
A continuación, establece una regla de visualización para mostrar el popup cuando el usuario vea un producto específico. Para hacerlo, simplemente selecciona la regla 'Segmentación de productos de WooCommerce'.

Después de eso, solo necesitas especificar el producto en el que se ejecutará la campaña.
Consejo: ¿No quieres pasar por los pasos de conectar OptinMonster y WooCommerce? En su lugar, podrías usar la regla de segmentación de páginas de OptinMonster para segmentar la URL de tu página de producto.
Una vez que hayas establecido tus reglas de visualización, procede a guardar tu popup. Luego, simplemente publícalo en tu sitio siguiendo las instrucciones al final de este tutorial.
Cómo crear un popup de 'Gira para ganar' gamificado en WooCommerce
El popup gamificado de ‘gira para ganar’ ofrece a los clientes una oferta especial o un cupón. Es una alternativa divertida para aumentar las conversiones y la participación general.
Primero, crea una nueva campaña en OptinMonster y selecciona el tipo de campaña ‘Gamificada’. Luego, puedes elegir cualquier plantilla que desees usar.

OptinMonster te pedirá que le des un nombre a tu campaña.
Una vez que hayas hecho esto, simplemente haz clic en el botón ‘Empezar a construir’.

Ahora verás la plantilla de la ruleta de cupones en el editor de campañas de OptinMonster.
Simplemente haz clic en cualquier elemento que desees cambiar. Además, puedes agregar más bloques a tus plantillas, como una imagen, video, botón y más.
Para editar las diferentes opciones de la ruleta, haz clic en ella y luego en el botón ‘Personalizar secciones de la ruleta’.

Esto abrirá una nueva ventana emergente donde podrás ver todas las secciones de tu ruleta de ‘gira para ganar’.
Simplemente ajusta o edita los códigos de cupón, porcentajes y ofertas especiales en la ruleta.

Una vez que estés satisfecho con tu ruleta de cupones, procede a guardar tu configuración.
Simplemente sigue nuestra guía paso a paso para crear un popup de ‘gira para ganar’ si deseas más ayuda para configurar tu ruleta de cupones.
Después de eso, puedes ir a la pestaña ‘Reglas de visualización’ y elegir cuándo mostrar tu campaña. Por ejemplo, puedes mostrar la ruleta de gamificación cuando el usuario está a punto de salir del sitio web utilizando la función de Intención de Salida.

Ahora, puedes publicar el popup en tu sitio siguiendo las instrucciones al final de este tutorial.
Cómo Crear un Popup de Pantalla Completa para WooCommerce
Otro popup muy efectivo que puedes crear para tu tienda en línea es un popup de pantalla completa de WooCommerce. Esto te permite dar la bienvenida a nuevos visitantes y animarlos a unirse a tu lista de correo electrónico. Podrías ofrecerles un descuento especial o envío gratis a cambio.
Para crear un popup de pantalla completa en OptinMonster, querrás crear una nueva campaña, elegir el tipo de campaña 'Pantalla completa' y seleccionar una plantilla.

A continuación, deberás ingresar un nombre para tu campaña.
Una vez que estés listo, simplemente haz clic en el botón ‘Iniciar construcción’.

Ahora verás tu alfombra de bienvenida a pantalla completa en el constructor de OptinMonster. Puedes agregar, eliminar y reorganizar bloques en tu plantilla.
Además, hay más opciones para editar bloques existentes, como el texto y la imagen, para que se adapten a tu tienda. Simplemente haz clic en lo que quieras cambiar.

A continuación, deberás integrar OptinMonster con tu lista de correo electrónico haciendo clic en la pestaña ‘Integraciones’.
Desde aquí, puedes hacer clic en el botón ‘+ Agregar nueva integración’ y seleccionar tu herramienta de marketing por correo electrónico. Luego, puedes seguir las instrucciones en pantalla para conectarte al servicio de marketing por correo electrónico.

A continuación, puedes pasar a la pestaña ‘Reglas de visualización’. Para las reglas de visualización, querrás configurar tu alfombra de bienvenida para que solo se muestre a los visitantes recurrentes.
Para hacer esto, simplemente selecciona la opción ‘Visitante nuevo’.

Si deseas que la alfombra de bienvenida se muestre en todas las páginas de tu sitio, simplemente deja el menú desplegable ‘ruta de URL actual’ configurado en ‘es cualquier página’.
No olvides hacer clic en el botón ‘Guardar’ en la parte superior de la pantalla.

Ahora puedes proceder a poner tu popup en vivo en tu sitio siguiendo las instrucciones a continuación.
Para más consejos, consulta nuestra guía sobre cómo crear una alfombra de bienvenida para tu sitio de WordPress. También encontrarás algunos ejemplos útiles allí.
Poner tu Popup de WooCommerce en Vivo en tu Sitio
Después de crear cualquier popup, debes ponerlo en vivo antes de que aparezca en tu sitio web.
Primero, deberás hacer clic en la pestaña ‘Publicar’ en la aplicación OptinMonster. Luego, cambia el ‘Estado de publicación’ para configurarlo como Publicar.

Nota: Es importante tener en cuenta que tu popup no estará en vivo de inmediato. Aún necesitas publicarlo en WordPress.
Ahora, regresa a tu administrador de WordPress y ve a OptinMonster » Campañas. Desde aquí, puedes hacer clic en la opción ‘Cambiar estado’ para cualquier campaña y luego seleccionar ‘Publicar’ en el menú desplegable.

Siempre es una buena idea revisar tu sitio para asegurarte de que tu ventana emergente se muestre como esperas.
Aquí está nuestra campaña de venta adicional en acción, promocionando zapatos a los clientes.

Preguntas Frecuentes Sobre los Popups de WooCommerce
Aquí hay algunas preguntas frecuentes de nuestros lectores sobre las ventanas emergentes de WooCommerce:
¿Cómo puedo asegurar que los clientes reciban el correo electrónico del cupón sin problemas?
A veces, los correos electrónicos de WooCommerce no se entregan debido a la configuración del servidor o a filtros de correo electrónico estrictos.
Para asegurar una entrega exitosa, recomendamos usar un plugin SMTP como WP Mail SMTP.
Esta herramienta te ayuda a configurar tus ajustes de correo electrónico para una entrega óptima, mejorando las posibilidades de que tu correo llegue a la bandeja de entrada. Para empezar, consulta nuestro tutorial sobre cómo solucionar el problema de que WordPress no envía correos electrónicos.
¿Puedo personalizar la apariencia o el mensaje del cupón para diferentes productos?
Sí, puedes adaptar los detalles del cupón, como su descripción, tipo de descuento y mensaje, para productos específicos.
Esta personalización te permite crear cupones personalizados que se ajusten a las necesidades y preferencias de tus segmentos de clientes, haciéndolos sentir valorados y más propensos a regresar.
¿Qué sucede si un cliente envía varias reseñas?
Si deseas limitar la cantidad de cupones que recibe un solo cliente, puedes establecer límites de uso dentro de Uncanny Automator.
Esta opción ayuda a administrar tus promociones de manera efectiva y asegura que el incentivo siga siendo justo para todos tus clientes, al tiempo que previene el uso indebido.
Esperamos que este artículo te haya ayudado a aprender cómo crear un popup de WooCommerce para aumentar las ventas. También te podría interesar nuestra lista de los mejores plugins de WooCommerce para tu tienda y nuestra comparación de los mejores proveedores de hosting de WooCommerce para acelerar tu tienda.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.


¿Tienes alguna pregunta o sugerencia? Por favor, deja un comentario para iniciar la discusión.