Cómo crear ventanas emergentes efectivas para tu tienda en línea

Las ventanas emergentes pueden ser lo más odiado en los sitios web de hoy, pero son inmensamente efectivas cuando se trata de conduciendo tráfico y obteniendo sub-escisiones a su sitio Este es otro problema: como los popups son tan populares, los propietarios de sitios web y los vendedores en línea los usan en exceso, pero desafortunadamente están raramente configurado correctamente.

En este artículo, veremos cómo crear ventanas emergentes de conversión para sitios WooCommerce utilizando Popups - WordPress Popup, uno de los complementos de ventanas emergentes más populares de WordPress que le permite Apunta tus modales para la máxima eficiencia.

Lo que hace un popup eficaz?

Si desea crear ventanas emergentes efectivas, lo mejor que puede hacer es despedirlos en el momento adecuado, para que no solo evites molestar a tu audiencia, sino que también puedas hacer que la revisen y consideren tu mensaje.

Esto solo es posible si configuras tus ventanas emergentes basado en la actividad de sus visitantes en el sitio. Entonces, cuando elija un complemento emergente para su sitio de WordPress, asegúrese de encontrar uno que le permita modales de fuego en las páginas seleccionadas, y después de un período de tiempo predefinido ha pasado.

Por qué tu ventana emergente no funciona

Cuando una ventana emergente no se convierte, generalmente ocurre porque los visitantes se molestan con ella. Esto hace que no solo eviten realizar la acción que las ventanas emergentes los llaman a realizar, a veces abandonan completamente el sitio..

Un popup es generalmente considerado molesto cuando:

1. El espectador no puede encontrar ninguna conexión Entre su contenido y su mentalidad momentánea.
2. Sus difícil de cerrar
3. Eso dispara a la vez, antes de que cualquier otro contenido se haga visible

No tienes que ser un lector de la mente basado en la web para adivinar qué piensan tus usuarios. Simplemente haga un seguimiento de sus acciones y entienda lo que están haciendo o qué páginas están viendo en realidad.

Instalación de ventanas emergentes - WordPress Popup

Para comenzar a crear sus ventanas emergentes, primero vaya a Plugins> Añadir nuevo Menú de administración en su panel de WordPress. Buscar Popups - WordPress Popup, haz clic en instalar, y luego activa el plugin.

El plugin se registra y crea un nuevo tipo de publicación, y coloca un elemento de menú completamente nuevo en la barra de administración llamada Popups. Al igual que con las publicaciones y las páginas, al hacer clic en el elemento del menú de nivel superior se mostrará una lista de las ventanas emergentes creadas actualmente, activas o inactivas..

Ahora puede agregar fácilmente nuevas ventanas emergentes a su sitio seleccionando Popups> Añadir nuevo submenú en el menú de administración o seleccionando Nuevo> Popups en tu barra de administrador.

Opciones de configuración

Cuando agregas una nueva ventana emergente, se te mostrará una pantalla similar a la que ves cuando escribes nuevas publicaciones. Además de esto, Popups - WordPress Popup también proporciona opciones de configuración en profundidad. Echemos un vistazo a algunas de las características básicas que tiene.

1. Hacer ediciones con un editor WYSIWYG

Este es su editor WYSIWYG habitual para cualquier contenido de WordPress, por lo que probablemente ya esté familiarizado con él. El editor de ventanas emergentes también añade su Apariencia emergente opciones (ver a continuación), para que realmente puedas ver cómo se verá tu ventana emergente final.

2. Visualizar cuentas sociales usando códigos cortos

Si desea mostrar un cuadro de página de Facebook o cualquier otra cuenta social vinculada en su ventana emergente, este complemento le permite hacerlo al proporcionarle algunos códigos cortos.

Al hacer clic en el Ver opciones enlace debajo de cada código abreviado, verá cómo puede personalizar estos modales. La mejor manera de aprender usando estos códigos cortos es experimentar con ellos.

Si quisiera incluir una ilustración de la página de Facebook de Hongkiat en mi ventana emergente por defecto, elegiría el primer código abreviado en la lista y, siguiendo las pautas, completaría los datos necesarios. Aquí está el código corto que terminaré con:

 [spu-facebook-page href = "https://www.facebook.com/hongkiatcom/" name = "hongkiat.com" show_faces = "false" hide_cover = "true" action = "like"] 

Al agregar este código abreviado en la parte inferior de mi ventana emergente, el resultado se vería así:

3. Personalizar la apariencia de la caja

En el Apariencia emergente En el cuadro de opciones, puede personalizar fácilmente la apariencia de su ventana emergente final configurando los valores apropiados.

Por ejemplo, si quisiera tener una ventana emergente de borde rojo con fondo blanco liso, configuraría Color de fondo y Color del borde en consecuencia.

4. Personalizar reglas de visualización de ventanas emergentes

Este es probablemente el cuadro de opciones más importante, donde puede configurar llamada a la acción exitosa. En esta casilla, puedes establece las condiciones cuando el plugin mostrará tu ventana emergente. Cuanto más precisos sean los popups y, por lo tanto, más relevantes, mejor se convertirán!

La forma más fácil de entender las Reglas de visualización de ventanas emergentes es tratar los tres componentes (cada uno marcado con su barra de entrada separada, vea la captura de pantalla a continuación) de las configuraciones como partes de una oración compuesta.

Usted puede agrega tantas reglas como quieras haciendo clic en el y botón al final de su regla, o por añadiendo un conjunto de reglas completamente nuevo haciendo clic en el Agregar grupo de reglas botón en la parte inferior de la caja.

Reglas que agregas con el y botón permitirá que su ventana emergente aparezca cuando Se cumplen todas las condiciones dentro del grupo de reglas dado.. Los nuevos grupos de reglas se agregan como una instrucción OR, por lo tanto, cuando tenga más de un grupo de reglas, su ventana emergente se activará siempre que cualquiera de los grupos de reglas es válida.

Digamos que quiero mostrar una ventana emergente solo en mi página de inicio para usuarios que no son teléfonos inteligentes, y también quiero mostrarla a cualquiera que esté viendo mis productos. Así que para esta ventana emergente usaré las siguientes condiciones:

Primer grupo de reglas:

• Si Tipo de página (Opción 1) es igual a (opcion 2) Portada (opción 3) Y
• Si Teléfono móvil (Opción 1) no es igual a (opcion 2) Cierto (opción 3) O

Segundo grupo de reglas:

• Si Tipo de mensaje (Opción 1) es igual a (opcion 2) producto (opción 3)

5. Personalizar las opciones de visualización emergente

Cuando el complemento ve que las condiciones establecidas en Reglas de visualización de ventanas emergentes se cumplen, se ve en el Opciones de pantalla configuración para ver como mostrar tu modal.

La mayoría de las ventanas emergentes aparecen en el centro de la pantalla del usuario, pero si desea cambiar eso, simplemente seleccione otra opción dentro de Posición de la caja la lista desplegable. Su ventana emergente puede aparecer o deslizarse, dependiendo de su elección en el Animación opción.

Si necesita alguna acción de sus visitantes en la ventana emergente, debe configurar Cierre de conversión? a si.

Para evitar los errores emergentes mencionados anteriormente, preste atención a su Accion de gatillo opción. Usted puede establecer un retraso de tiempo, entonces tu popup lo hará mostrar una vez transcurridos unos segundos después de la carga de la página, o puede activar su ventana emergente si su visitante ha desplazado un porcentaje de su contenido.

Si quisiera que mi ventana emergente anterior se mostrara después de que hayan pasado 10 segundos en cualquier página de producto, seleccionaría segundos después de cargar la página acción, y ponlo a 10.

Y ahora que conoce sus opciones y posibilidades de las ventanas emergentes - Complemento de WordPress Popup, veamos algunas ideas para crear ventanas emergentes de llamada a la acción realmente asombrosas y bien dirigidas.!

Cómo crear llamadas a acciones exitosas

1. Producto Promo

Al utilizar un poco de marketing de contenido, creando contenido relevante y valioso que se relaciona con uno o algunos de sus productos, puede dirigirse específicamente a audiencias de nicho sin que parezca que realmente se están vendiendo..

La idea detrás de este tipo de ventana emergente es que cuando sus usuarios ya están leyendo una publicación en la que demuestra el uso o la eficacia de un producto, Se puede asumir que ya están interesados..

Entonces por qué no Inicializar un producto emergente de promoción que se dispara cuando su lector está casi a través de su artículo sobre ese mismo producto? Es muy fácil de configurar.

• Conjunto Reglas de visualización de ventanas emergentes para mostrar la ventana emergente cuando Página o Publicación es igual a lo que sea su página o título de publicación, de esta manera el modal se carga solo en el contenido seleccionado
• Conjunto Accion de gatillo en Opciones de pantalla a % de altura de página con un valor aproximado de 70-80%, por lo que la ventana emergente solo se mostrará cuando los espectadores ya se hayan familiarizado con los beneficios.

Además, ¿por qué no hacer posible que los visitantes Inmediatamente agregue su producto promocionado a su carrito.?

Para hacer esto, necesita averiguar el ID de producto específico de su lista de productos e insertarlo en el siguiente código abreviado: [producto]. Si tiene el código abreviado, simplemente insértelo en el contenido de su ventana emergente utilizando el editor de publicaciones WYSIWYG.

Si ni siquiera le agregas nada especial, todavía terminarás con algo como esto (con un poco de ayuda de The Marketing Gibberish Generator):

También puedes utilizar este método. para ventas adicionales, p.ej. proporcionar accesorios a ciertos productos en una ventana emergente después de que el visitante haya pasado algún tiempo en la página de su producto (ya que generalmente indica que están leyendo la descripción de su producto).

2. Registro para un regalo

En muchos casos, desea asegurarse de que puede llegar a sus clientes anteriores más tarde cuando tienes una venta, algunos productos nuevos, o similares. Una buena manera de hacer esto (sin un boletín informativo) es conseguir que se registren a su sitio.

Probablemente el mejor lugar para hacer esto sea el carrito o la pantalla de pago que miran justo antes de terminar con su compra.

Conjunto Reglas de visualización de ventanas emergentes para que tu modal muestre:

• si Page es igual a Checkout (o como se llame) Y
• si el usuario no esta conectado

Como instalar: Usuario se registra | no es igual a | Cierto

Conjunto Accion de gatillo en Opciones de pantalla a unos pocos segundos, para que tu ventana emergente no se haga visible inmediatamente.

Como instalar: segundos después de cargar la página | 3

La forma más fácil de crear una ventana emergente de registro es presentar a los usuarios un enlace o botón que apunte a la pantalla de registro. Puede encontrar su enlace de registro en la parte inferior de su página de inicio de sesión de WordPress.

Si no puede ver el enlace de registro en su pantalla de inicio de sesión, probablemente no permita el registro de visitantes. Necesitas entrar en tu Ajustes> General menú de administración, y compruebe el Cualquiera puede registrarse opción.

Cuando hayas terminado con la ventana emergente de tu motivador de registro, probablemente terminarás con algo como esto:

Probablemente conozca mejor los hábitos de compra de sus clientes, pero en la mayoría de los casos un cupón por una pequeña cantidad o envío gratis Hace mucho más fácil persuadir a los visitantes a registrarse.

Configúralos a través de WooCommerce's Gerente de cupones (encontrado bajo el WooCommerce> Cupones menú), y enviar los cupones en el correo electrónico de confirmación.

3. Cupones para clientes que regresan

Siempre es bueno ver una tienda en línea que realmente valora sus clientes que regresan Ofreciéndoles un descuento menor o regalos gratis para sus negocios que regresan..

Por defecto, sus clientes registrados obtienen el Cliente rol del usuario después de su primera compra. Dado que este es un rol de usuario diferente al de otros roles editoriales de WordPress, es muy fácil dirigirse a estas personas con una ventana emergente en la que puede proporcionar ese código de cupón especial u ofrecerles un producto gratuito, de lo contrario no listado, como regalo.

También podría ser bueno específicamente a sus clientes habituales, por ejemplo, personas que han comprado artículos más de 3 veces, con una oferta de este tipo. Para esto, necesitas configurar un rol de usuario personalizado solo para ellos, lo que se hace mejor a través de códigos y funciones personalizados, o utilizando un complemento.

Por ahora, configura tu Reglas de visualización de ventanas emergentes para mostrar la ventana emergente cuando la función de usuario es igual a su conjunto de funciones personalizado para sus clientes más fieles. Lo mejor es dejar las condiciones solo en función del rol del usuario, y Haz que tu popup aparezca después de un tiempo en cualquier parte de tu sitio.

Estoy seguro de que sus clientes lo adorarán por este pequeño aviso de atención, especialmente si tiene la opción para mostrar su nombre en la ventana emergente para hacerlo realmente personalizado (posiblemente utilizando algún complemento impresionante de shortcode).

Ultimas palabras

Hay una gran cantidad de complementos emergentes de WordPress, gratuitos y de primera calidad, y algunos son más eficientes que otros cuando se trata de apuntar a tus modales. Si bien usamos Popups - WordPress Popup en esta publicación, hay muchos otros competidores fuertes, incluso entre los complementos gratuitos..

Le sugiero que primero configure algunas ventanas emergentes utilizando nuestros ejemplos anteriores y vea cómo funcionan. Luego, después de un tiempo, busque otras posibilidades en el repositorio de complementos de WP y vea qué pueden ofrecer. Después de una cuidadosa experimentación, podrás configurar perfectamente tus ventanas emergentes para tu sitio WooCommerce

En lo que a mí respecta, siempre utilizo al menos estos 2 complementos (y, a veces, agrego un complemento de opciones al tercero) para orientar mejor a mi audiencia..

Si bien es crucial configurar y dirigir adecuadamente las ventanas emergentes, también recuerde siempre medir el exito de cada uno de tus popups. Utilizar analítica, mapas de calor de sitios web, o cualquier otra herramienta para ver si sus visitantes incluso los leen en absoluto..

Si ve que un menú emergente bien orientado funciona mal, intente reformularlo o rediseñarlo. Conoces a tus clientes lo mejor, pronto tendrás la idea de crear las ventanas emergentes perfectas para ellos.!