Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo crear un popup de WooCommerce para aumentar las ventas (6 métodos probados)

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.

Cómo crear un popup de WooCommerce para aumentar las ventas

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:

  1. 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.
  2. Recupera ventas de carritos abandonados ofreciendo un cupón o envío gratis.
  3. Vende más productos a través de encartes (promocionando productos relacionados) y ventas adicionales (promocionando un producto con mejores características).
  4. 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.

OptinMonster

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’.

Conecta 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.

Conecta OptinMonster a WordPress

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’.

Generar claves automáticamente y 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:

¿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’.

Crea tu primera campaña de OptinMonster

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’.

Selecciona la plantilla de popup de cupón

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’.

Ingresa un nombre para tu campaña

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.

Editar la plantilla de tu campaña

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.

Cambia la vista de éxito

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.

Regla de visualización de OptinMonster

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'.

Selecciona la plantilla de carrito abandonado

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'.

Ingresa un nombre para tu campaña

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.

Edita tu plantilla de campaña de carrito abandonado

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.

Reglas de visualización de intención de salida

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.

Selecciona la sensibilidad de la intención de salida

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.

Selecciona la plantilla de compra

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’.

Ingresa un nombre para tu campaña

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.

Edita tu plantilla de compra

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.

Agregar bloques a tu 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’.

Reglas de visualización de comercio electrónico

Después de agregar otra regla nueva, puedes seleccionar nuevamente la regla ‘Orientación de productos de WooCommerce’.

Luego, agrega tu producto como antes.

El carrito de WooCommerce de OptinMonster contiene reglas

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.

Elige un tipo de campaña y una plantilla

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'.

Ingresa un nombre para tu campaña

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.

Personaliza tu popup de venta adicional

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'.

Reglas de visualización de comercio electrónico

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.

Selecciona una plantilla de gamificación

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’.

Ingresa un nombre para tu campaña

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’.

Personaliza tu 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.

Edita las secciones de la rueda

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.

Selecciona la sensibilidad de la 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.

Selecciona plantilla y campaña de pantalla completa

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’.

Ingresa un nombre para tu campaña

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.

Edita tu plantilla de pantalla completa

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.

Integra el servicio de 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’.

Reglas de visualización de segmentación en el sitio

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.

Selecciona la regla de visualización para nuevos usuarios

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.

Publicar tu campaña

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.

Cambia el estado de tu campaña

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.

Vista previa de popup de venta adicional

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.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

Comentarios

  1. Felicidades, tienes la oportunidad de ser el primer comentarista de este artículo.
    ¿Tienes alguna pregunta o sugerencia? Por favor, deja un comentario para iniciar la discusión.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.