Cómo crear una ventana emergente de WooCommerce para aumentar las ventas (6 métodos probados)

¿Le gustaría crear una ventana emergente de WooCommerce para aumentar las ventas? Lightbox Windows le permite atraer fácilmente la atención de los clientes y presionarlos para que realice una compra. Puede usar ventanas emergentes de WooCommerce para proporcionar cupones para promover las ventas, para atraer a los visitantes a su lista de correo electrónico y más. En este artículo, le mostraremos cómo crear fácilmente una ventana emergente de WoCommerce para aumentar las ventas. Le mostraremos diferentes tipos de ventanas emergentes y cómo aplicarlas en su tienda.

¿Por qué tienes que crear una ventana emergente de WooCommerce? ¿Alguna vez te has preguntado por qué todavía ve ventanas emergentes en todos los principales sitios de comercio electrónico?
Esto se debe al hecho de que las ventanas emergentes hacen un excelente trabajo al convertir los visitantes del sitio en clientes que pagan. Ayudan a las tiendas en línea a llamar rápidamente la atención de los clientes, mostrándoles mensajes dirigidos en el momento adecuado. Si ejecuta una tienda WooCommerce, puede usar ventanas emergentes para ayudarlo:
Aumente las ventas entregando mensajes de manera oportuna. Por ejemplo, puede hacer que la ventana emergente aparezca cuando los usuarios están a punto de salir de su tienda.
Recupere las ventas de carros abandonados proporcionando un cupón o envío gratis.
Vender varios productos a través de ventas cruzadas (promoción de productos relacionados) y ventas adicionales (promocionando un producto mejor presentado).
Cree su lista de correos electrónicos, seguimiento social o recuerde a los clientes ventas y promociones en progreso.
Dicho esto, echemos un vistazo a cómo usar ventanas emergentes de WooCommerce para mejorar las ventas y las conversiones en su tienda.
Usaremos OptinMonster para este tutorial. OptinMonster es una poderosa herramienta de optimización de conversión que le permite transformar a los visitantes del sitio en suscriptores y clientes. Se integra perfectamente con WooCommerce y tiene fuertes opciones de personalización especialmente construidas para las tiendas de WooCommerce. Consejo: Para crear cupones para sus ofertas, recomendamos usar cupones avanzados. Le permite crear muchos cupones inteligentes diferentes para su sitio web de WooCommerce. Nociones introductorias sobre OptinMonster Antes de comenzar a crear una ventana emergente de WooCommerce, necesita una cuenta OptInmonster conectada a su sitio de WordPress. Consejo: El plan OptinMonster Pro le permite usar la mayoría de las funciones que cubriremos. Si desea crear una campaña “Rotación para ganar”, necesita el plan de crecimiento. Una vez que se haya registrado en OptinMonster, debe conectar su cuenta OptinMonster a su sitio de WordPress. Para hacer esto, primero debe instalar y activar el complemento OptInmonster en su sitio web de WordPress. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress.
Tras la activación, debería ver la pantalla de bienvenida OptinMonster en su administrador de WordPress. Simplemente haga clic en el botón “Conecte su cuenta”.
Ahora siga las instrucciones en la pantalla para conectar su cuenta OptinMonster a su sitio de WordPress. Después de haber hecho esto, verá la página de la campaña. Aquí, debe hacer clic en el botón “Crear una nueva campaña”:

En el resto de este tutorial, cubriremos varios tipos diferentes de ventanas emergentes de WooCommerce. Puede usar estos enlaces rápidos para moverse directamente a cada uno. Cómo crear una ventana de cupón de WooCommerce

Cómo crear una ventana emergente para abandonar el carrito de WooCommerce
Cómo crear una ventana emergente de WooCommerce de venta cruzada para promover productos relacionados
Cómo crear una ventana emergente de ventana de venta de WooCommerce para hacer que los clientes gasten más
Cómo crear una ventana emergente de WooCommerce gamificada “Spin para ganar”
Cómo crear una ventana emergente en una pantalla completa para WooCommerce
Cómo crear un cupón de cupón de cupón de WooCommerce son una excelente manera de aumentar las ventas. Puede usar una ventana emergente para asegurarse de que sus clientes conozcan su cupón y alentarlos a usarlo.
Para crear una ventana emergente de cupón, simplemente seleccione el tipo de “ventana emergente” de campaña. Luego seleccione la plantilla llevando el mouse sobre él y haciendo clic en el botón “Usar plantilla”. Usaremos la plantilla de “cupón”:
OptinMonster le pedirá que nombre su campaña y elija qué sitio desea cobrar.
Ahora es el momento de diseñar su cupón. Simplemente haga clic en cualquier parte del cupón para editarlo. Puede cambiar el texto, la fuente, los colores y más. Aquí editamos el texto del encabezado de texto:

También puede eliminar partes del cupón. Por ejemplo, puede decidir que no desea tener un cuadro de registro de correo electrónico. Simplemente puede mostrar un código de cupón en la ventana emergente para alentar al cliente a usarlo al instante.

Consejo: El código de cupón predeterminado es guardar25. Esto se muestra en la pantalla después de que el cliente ingresa a su dirección de correo electrónico. Es fácil cambiar o eliminar esto en la visualización de “éxito” para su ventana emergente. Recuerde hacer clic en el botón “Guardar” después de haber terminado con los cambios en el diseño del cupón: para obtener más ayuda, eche un vistazo a nuestras instrucciones paso a paso sobre la creación de una ventana emergente de cupón. Este tutorial también explica cómo integrar OptInmonster con su lista de correos electrónicos. Una vez que haya creado la ventana emergente del cupón, debe establecer las reglas de pantalla. Haga clic en la pestaña “Reglas de visualización” en la barra superior. Por defecto, el cupón aparecerá después del vencimiento de 5 segundos, en todas las páginas de su sitio.

Es posible que desee cambiar esto durante una duración más larga o más corta o confiar en ella siempre que el visitante estuviera en su sitio en su conjunto. También recomendamos que muestre el cupón solo en ciertas páginas de su sitio. Esto significa que verán el cupón incluso si se mueven rápidamente entre varias páginas de diferentes productos:
El último paso es publicar la ventana emergente del cupón y hacerlo en vivo en su sitio. Siga nuestras instrucciones al final del artículo para obtener ayuda a este respecto.

Es posible crear una ventana emergente para abandonar la canasta de WooCommerce para perder una gran cantidad de dinero debido al abandono. Una ventana emergente es una excelente manera de hacer que los visitantes terminen el check-out. Puede crear una ventana emergente especial de WooCommerce que aparezca cuando un usuario está en la página del carrito de compras y se mueve para dejar su sitio primero, cree una nueva campaña en OptinMonster. Debe seleccionar “PopUp” para el tipo de campaña. Luego continúe y elija una plantilla para la ventana emergente. Usaremos la plantilla “Abandonar el pedido”: ahora, dará un nombre a su campaña emergente y haga clic en el botón “Iniciar el edificio”:

La plantilla elegida se abrirá en el generador de campaña. Puede cambiar el texto, los colores, las fuentes y más. Simplemente haga clic en el elemento que desea cambiar:

Después de haber terminado de hacer cambios, asegúrese de hacer clic en el botón Guardar en la parte superior derecha.
Ahora, es hora de configurar su ventana emergente para que se muestre en la página del carrito de compras de WooCommmerce. Primero, haga clic en la pestaña “Pantalla de reglas” en la parte superior de la pantalla. Haga clic en el menú “Hora en la página” Si no está seleccionado, luego haga clic en “Salir de la intención”. La tecnología de intención de salida de OptInmonster le permite mostrar su mensaje en el momento exacto en que el usuario muestra la intención de abandonar su sitio web.

Luego desplácese la página hacia abajo. Deje el primer menú de caída aquí como una “URL actual” y configure el segundo menú de caída en “exactamente ajuste”. En la caja que aparece, ingrese la URL de la página del carrito de compras.

No olvides guardar tus cambios. Luego vaya a la pestaña de publicación para poner el cupón en vivo en su tienda en línea. Puede encontrar instrucciones al respecto más adelante en nuestro tutorial. Cómo crear una ventana emergente de WooCommerce de venta cruzada para promover productos relacionados Otra excelente manera de aumentar las ventas es vender sus productos. Por ejemplo, si su cliente compra una camisa de verano, también podría estar interesado en comprar un sombrero de sol. O si compra saludos, entonces también es posible que desee empacar. Para crear una ventana emergente de venta cruzada en OptinMonster, primero debe crear una nueva campaña. Asegúrese de seleccionar “PopUp” para el tipo de campaña, luego elija cualquier plantilla que desee. Utilizaremos la plantilla de “compras” para nuestra ventana emergente. Luego, OptinMonster le pedirá que nombre la campaña y elija qué sitio web desea cargar. Después de haber hecho esto, haga clic en el botón “Iniciar el edificio”.

Serás presentado en el editor de campaña. Aquí puede cambiar cualquier aspecto de su plantilla haciendo clic en ella. Subimos otra imagen para nuestra campaña:

Es fácil cambiar el texto, los botones y más. Incluso puede incluir el cupón de inmediato, como lo hemos hecho, limpiando el campo de registro en el boletín informativo por correo electrónico. Hemos agregado bloques de texto adicionales a nuestra ventana emergente para dar el código de cupón:

Si mantiene el registro por correo electrónico, asegúrese de editar el “éxito” de la ventana emergente para mostrar el código de cupón elegido. Consejo: Si usa el registro de correo electrónico, debe conectar OptInmonster a su proveedor de correo electrónico en la pestaña “Integración”. Hay instrucciones a este respecto en nuestra guía de paso por paso sobre la creación de una ventana emergente de cupón. Después de haber terminado de crear la campaña, asegúrese de hacer clic en el botón “Guardar” a la derecha a la derecha. Para mostrarle la campaña del cliente con productos específicos en sus canastas, debe conectar OptinMonster a WooCommerce. Para hacer esto, haga clic en la pestaña OptInmonster en el tablero de WordPress y luego haga clic en la pestaña “WooCommerce”.

Debería ver un mensaje anunciando que WooCommerce está conectado a OptinMonster:

Ahora, regrese a la aplicación OptinMonster y cambie la campaña elegida. Haga clic en la pestaña “Reglas de visualización”, luego seleccione “Contiene el carrito de compras de WooCommerce” y el producto elegido para su regla:

Debe configurar una regla separada para cada producto que desee aplicar la venta cruzada. Simplemente haga clic para agregar una nueva regla “o”:

Luego agregue su regla como antes:

Recuerde hacer clic en el botón “Guardar” en la parte superior derecha de la pantalla. Ahora, solo tiene que seguir las instrucciones al final de este tutorial para mostrar su ventana emergente en su sitio. Cómo crear una ventana emergente de ventas de ventas de WooCommerce para determinar a los clientes que gastaran más de venta emergente que le permite alentar a los clientes comprar un producto más caro que el que estaban considerando. Por ejemplo, si vende un paquete de software, puede ofrecer una oferta especial por un precio más alto. Para crear su ventana emergente de ventas, primero debe crear una nueva campaña OptInmonster. Seleccione “PopUp” para el tipo de campaña y elija cualquier plantilla que desee usar. Usaremos la plantilla “Flash”: después de haber seleccionado la plantilla, OptinMonster le pedirá que nombre su campaña y seleccione el sitio que desea ejecutar. Después de haber hecho esto, haga clic en el botón Inicio de construcción:


Ahora puede cambiar lo que quiera sobre la campaña haciendo clic en el elemento. Cambiaremos el temporizador para convertirse en un temporizador dinámico (eternamente verde). Esto significa que será individual configurado para cada cliente:

Si desea dar a los clientes el cupón de inmediato, simplemente elimine el campo de correo electrónico. Es fácil usar la función “Agregar bloques” para agregar un campo de texto con un código de cupón aquí.

Después de estar satisfecho con el cupón, haga clic en el botón “Guardar” en la parte superior derecha. Luego haga clic en la pestaña “Reglas de visualización”. Simplemente siga las instrucciones anteriores para cupones de venta cruzada para OptinMonster y WoCommerce. Luego establezca una regla de visualización para mostrar la ventana emergente cuando el usuario mira un producto en particular: Consejo: ¿No desea pasar por los registros de OptinMonster y WoCommerce? En su lugar, puede usar la regla de dirección de la página OptInmonster para apuntar a la URL de su producto. Después de configurar las reglas de visualización, continúe y guarde la ventana emergente. Luego, simplemente ponlo en vivo en su sitio siguiendo las instrucciones al final de este tutorial. Cómo crear una ventana emergente de WooCommerce gamificada “Spin para ganar” la ventana de rotación emergente que analizaremos es un poco diferente. La ventana emergente “Rotated to Win” Gamitized le da al cliente una oferta o cupón especial. Es una alternativa divertida para mejorar las conversiones y la participación general. Primero, cree una nueva campaña en OptinMonster y seleccione el tipo de campaña gamificada. Hay 3 plantillas de las que puedes elegir. Usaremos la rueda azul:

OptinMonster le pedirá que le dé un nombre a su campaña y elija qué sitio web cargar. Después de haber hecho esto, haga clic en el botón “Iniciar el edificio”.

Ahora verá la plantilla de la rueda de cupón en el editor OptinMonster. Simplemente haga clic en cualquier elemento que desee cambiar. Para editar las diferentes opciones en la rueda, haga clic en ella, luego haga clic en el botón “Editar secciones de la rueda”:

Después de que esté satisfecho con la rueda de cupón, haga clic en el botón “Guardar” en la parte superior de la pantalla: siga nuestra guía de paso por paso para crear una “ventana de rotación para ganar” si desea más ayuda para configurar la rueda de cupón. También debe conectar OptInmonster a su sistema de correo electrónico. Para hacer esto, simplemente haga clic en la pestaña “Integración”, luego haga clic en el botón “Agregar una nueva integración”:

Luego debe seleccionar su proveedor de correo electrónico desde una lista desplegable:

Siga las instrucciones en la pantalla para conectar OptinMonster a su proveedor de correo electrónico. Recuerde hacer clic en el botón “Guardar” nuevamente en la parte superior de la pantalla después de hacerlo. Ahora puede poner la ventana emergente en vivo en su sitio siguiendo las instrucciones al final de este tutorial. Cómo crear una ventana emergente de pantalla completa para WooCommerce Otra ventana emergente muy efectiva que puede crear para su tienda en línea es una ventana emergente de pantalla completa. Esto le permite recibir nuevos visitantes y alentarlos a unirse a su lista de correo electrónico. Podrías darles un descuento especial. Para crear una ventana emergente de pantalla completa en OptinMonster, cree una nueva campaña y elija el tipo de campaña de pantalla completa. Luego seleccione una plantilla. Usaremos la plantilla de patrimonio para nuestra ventana emergente:

Luego debe ingresar un nombre para su campaña y elegir qué sitio se mostrará. Después de que esté listo, haga clic en el botón “Iniciar el edificio”.

Ahora verá la alfombra de bienvenida en una pantalla completa en el fabricante OptinMonster. Puede editar el texto y la imagen para adaptarse a su tienda. Simplemente haga clic en lo que quiera cambiar. Cambiaremos el texto haciendo clic en él y editándolo en el panel izquierdo: continúe y realice cualquier otro cambio que desee. Luego debe integrar OptInmonster con su lista de correo electrónico, haciendo clic en la pestaña “Integración”. Para obtener instrucciones a este respecto, eche un vistazo a nuestra guía para rotar las ventanas emergentes anteriores. Después de estar satisfecho con la alfombra de bienvenida, no olvide hacer clic en el botón “Guardar”. Luego puede pasar a la pestaña “Reglas de visualización”:

Para las reglas de visualización, desea establecer la alfombra de bienvenida para mostrar solo a los visitantes por primera vez. Para hacer esto, haga clic en el menú “Hora en la página” y seleccione la opción “Nuevo visitante”:

Si desea que se muestre la alfombra de bienvenida en todas las páginas de su sitio, simplemente deje el menú “URL Cale” actual establecido en “es cualquier página”. Recuerde hacer clic en el botón “Guardar” en la parte superior de la pantalla:

Ahora puede ir más allá y mostrar su ventana emergente en vivo en su sitio siguiendo las instrucciones a continuación. Para obtener más consejos, consulte nuestra guía de bienvenida para una alfombra de bienvenida para su sitio de WordPress. Encontrará algunos ejemplos útiles allí. Mostrando la ventana emergente en vivo de WooCommerce en su sitio después de crear cualquier ventana emergente, debe activarla antes de que aparezca en su sitio web. Primero, debe hacer clic en la pestaña “Publicar” en la aplicación OptinMonster. Luego, haga clic en el interruptor “Estado” para configurarlo en vivo. Nota: su ventana emergente no estará en vivo de inmediato. Todavía tienes que ir a vivir con él en WordPress. Ahora vuelva a su administrador de WordPress y haga clic en el elemento del menú OptInmonster.

Entonces deberías ver tu ventana emergente aquí:

Debe hacer clic en el botón “Pase Live” para activar su campaña:

Siempre es una buena idea consultar su sitio para asegurarse de que su ventana emergente se muestre según la intención. Aquí está nuestra campaña de venta cruzada en acción, que promueve los sombreros solares cuando hay una camisa de verano en la canasta del cliente:

Esperamos que este artículo lo ayude a descubrir cómo crear una ventana emergente de WoCommerce para aumentar las ventas. También puede gustarle nuestra mejor lista de complementos de WooCommerce para su tienda y nuestra comparación con los mejores proveedores de alojamiento de WooCommerce para acelerar su tienda. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.