Ha llegado el momento de impulsar tu página web, luego tanto tiempo de trabajo invertido, y estás buscando estrategias que te generen esos leads o contactos de valor que necesitas para potencializar tu negocio, que emoción!. Bueno, ¿si has escuchado de los pop-ups? esos que son tan incómodos en algunas páginas? Los pop-ups que son utilizados de una manera no altere la experiencia de usuario sino al contrario vayan muy acorde a la etapa de consumo o investigación de quien navega la página, son una buena estrategia para comenzar a captar Leads donde no tienes que invertir más que tiempo y creatividad. En este artículo te compartiré:
¿Para que sirven los pop-ups en una estrategia digital?
Cuando pensamos integrar dentro de nuestra estrategia de marketing un llamado a la acción o CTA (call-to-action) que suba nuestra tasa de conversión para promocionar ese servicio o producto que ofreces, vendría bien aplicar el uso del pop-up’s y formularios.
Los pop-up’s y los formularios sirver como parte del embudo de conversión, buscando convertir al usuario de un simple visitante de nuestra página en un lead. Estos leads van a quedar reservados en tu base de datos por ejemplo de mailchimp (u otra herrramienta de email marketing). Lo que sigue de ahí en adelante ya son maravillas!. Con esa base de datos ya puedes comenzar a generar tus estrategias de email marketing para seguir cultivando esa relación con tu cliente.
En Resumen: los formularios y pop-up’s son la base para crear nuestro embudo de ventas, gracias a la esa base de datos que logramos adquirir, que es la mina de oro de nuestra empresa!
Con los pop-up’s podemos:
- Incrementar las suscripciones a un newsletter
- Ofrecer a nuestros clientes contenido premium o de valor (lead magnet)
- Ofrecer promociones y descuentos
- Anunciar la apertura de alguna actividad o evento nuevo que estemos realizando
Ejemplos y tipos de pop-ups
Las posibilidad de usar formularios y pop-ups en tu sitio web en WordPress son diversas, es mas existen numerosos plugins para lograr este objetivo, uno de los mas usados es ConvertPro, de los mas completos que vas a encontrar y que esta presente en WooWeb con ciertas mejoras, este plugin te permite crear diversos tipos de elementos de conversión, aplicar una combinación de reglas de visualización y generar el flujo de conversión que necesites.
Las opciones de este plugin que podrás encontrar en WooWeb son: Modal pop-up, Barra de información, Slide-in, Antes/Después, Formulario de contenido, Widget Box, Convert Mat, Pop-up de pantalla completa. En este tutorial te voy a explicar las opciones más utilizadas para generar conversión o leads que son:
- Modal Popup
- Formulario de contenido
- Widget Box
Tipo de pop-up: Modal Pop-up
Tal como nos dice la plataforma, este pop-up se muestra en forma de Light-box y lo podemos ubicar en cualquier página con un llamado a la acción o CTA especial.
Este tipo de pop-ups lo puedes usar para:
- Registro a tu Newsletter
- Descarga de ebook
- Adquirir cupones
- Acceder a un test
- Aplicar descuentos o bonos de compra
- Poner ofertas de tiempo limitado (con contador regresivo)
- Webinars
- Black Friday Deals
- Acceso a Tickets para eventos
- Entre otros 😀
El límite lo pone tu imaginación. Lo importante es poner de la manera más clara ese mensaje que quieres compartir acompañado de una imagen que conecte con tu mensaje.
Tipo de pop-up: Formulario de contenido
Para este pop-up, tal como lo dice, nos permite crear un formulario de captación que se puede insertar en cualquier parte dentro del contenido de tu página ó entrada de tu blog. Puedes extender los campos del formulario dependiendo de en que etapa del embudo se encuentre tu suscriptor.
Tipo de pop-up: Widget Box
Esta es una opción que nos permite crear un banner de suscripción o formulario para insertarlo en la sección de Widgets para que aparezca en la barra lateral del blog.
Cuando usar un formulario pop-up con herramientas de email marketing dentro del funnel de conversión
Cuando tienes un plan de generar una estrategia de email marketing a través de los datos capturados de las personas que se registran en un página, un pop-up es una buena táctica para aumentar esa conversión, aparte que puedes generar estrategias que clasifiquen más la clase de contenido que consumen tu usuario, para luego segmentar tu base de datos y poder comenzar con tu envío de correos para públicos específicos.
Partiendo de la filosofía de inbound marketing, es necesario tener claro nuestro funnel de conversión o el proceso de interacción con el cliente para identificar en qué etapa se encuentra y cómo podemos generarle contenido de valor que solvente sus dudas específicas.
Poner un pop-up en la etapa adecuada con el contenido de valor que más atrae (según la etapa), nos ayudará a aumentar nuestra tasa de conversión. He visto en casos de estudios de otras páginas que logran aumentar su tasa de conversión de a un 9% hasta un 50% (aunque este es último porcentaje es un ideal muy soñado, que puede lograrse luego de varios test a/b de pop-ups).
La conversión de un buen formulario pop-up o ventana emergente depende mucho del mensaje, del contenido de valor y sobre todo, cómo conecta este en la etapa en la que se encuentra tu público objetivo.
Para hacer un resumen de las etapas del embudo o funnel de conversión les comparto la siguiente imagen:
¡Manos a la obra! Vamos a crear nuestro primer formulario pop-up
Lo primero que debemos hacer es activar el plugin WooConvert que nos permitirá gestionar los distintos pop-ups dentro de tu cuenta de WooWeb. Miremos el siguiente video que muestra los pasos:
Una vez tengas instalado WooConvert verás que aparece en el menú lateral como lo muestra el siguiente pantallazo:
Creando mi primer pop-up
Dale clic en Crear Nuevo, y selecciona la opción Modal Pop-Up, vamos a hacer un ejemplo de un pop-up especial para descargar un ebook para nuestra campaña. Si ya tienes una maqueta de cómo quieres hacer tu pop-up, puedes optar por elegir una plantilla en blanco o puedes usar una plantilla ya construida y sobre ella modificar y adaptar el diseño del pop-up.
Para nuestro caso, vamos a elegir uno que represente mejor nuestra estrategia de descarga de ebook:
Al hacer clic en el botón azul Seleccionar, lo primero que te va a pedir es el nombre que le vas a asignar a tu pop-up. Este nombre es privado, es decir sólo tu lo vas a ver. Sugiero que dentro del nombre pongas palabras que te ayuden a identificarlo fácilmente, como por ejemplo tipo de campaña, mes, año.
Al hacer clic en Crear, te abrirá una nueva ventana donde verás las opciones de configuración. Si alguna vez has trabajado con editores visuales dentro de WordPress, se te facilitará reconocer las opciones que te ofrece. De igual forma la herramienta es muy intuitiva, explorándola te encontrarás con dos menús, uno vertical y otro horizontal, dentro de estos menús están organizados en 3 secciones, como te muestro en este corto video:
- Design (diseño del pop-up)
- Configure (configuración de la reglas de visualización, páginas objetivo y manejo de cookies del pop-up)
- Connect (conexión con la herramienta de e-mail marketing o automatización de marketing, donde deseas guardar los datos para posteriormente manejarlos)
Si te pones a explorar con detenimiento hay muchas opciones de configuración y personalización de la ventana emergente, inclusive hasta tiene para personalizar la versión móvil de forma distinta a la versión escritorio, cosa que recomiendo realizarlo.
Paso 1: diseñando el pop-up
Estando dentro de la pestaña «Design«, podemos personalizar el diseño de nuestra ventana emergente. Para este ejemplo modifiqué el contenido de la plantilla pop-up que estamos utilizando, logrando el siguiente resultado:
Fue muy sencillo, solo haz clic sobre el texto, botón o imagen que desees modificar y en el menú lateral izquierdo te aparecerán las opciones para personalizarlo o adaptarlo a tu medida, tal como te muestro el siguiente pantallazo donde edité por ejemplo el texto de encabezado.
Los ajustes que hice son:
- Textos: debes hacer doble clic sobre el texto para modificar el encabezado o el párrafo. Para el encabezado le cambié el color usando las opciones en la parte lateral izquierda
- Botón: cambié el texto en el campo Button Text, y en la pestaña llamada Color, puse las dos tonalidades para que me genere el efecto degradado de color del botón.
Aquí es importante identificar que acción va a generar el botón una vez el usuario hace clic. Para esto nos dirigimos a la pestaña «Action» del menú acordeón y en el campo Field Action eliges a donde llevar al usuario una vez haga clic sobre el botón:
Si desplegamos las opciones que nos ofrece este campo veremos las siguientes:
Para nuestro ejemplo, la estrategia es que una vez que se registre, le redirija al vínculo o URL donde se encuentra el ebook. Por esta razón elijo la opción Submit & Go to URL. Una vez haces clic te aparecen otras opciones de configuración donde pones el mensaje una vez hagan clic en el botón, la URL a donde debe redirigir, la opción que abra en una ventana nueva y activar el parámetro GET, tal como muestro en el siguiente pantallazo:
En esta parte es bueno que definas la URL que vas a poner. Para esta estrategia de ebook, tienes dos alternativas:
1. Dirigirlo a una landing page: una página de aterrizaje o landing page tiene el beneficio de que puedes detallar los beneficios del ebook (estilo carta de ventas) y puedes hacerle seguimiento a las descargas.
2. Dirigirlo directamente al pdf del ebook - Imagen: sólo cambié la imagen haciendo clic en el botón Change image, y puse una imagen de medidas 380 x 580. Esta imagen ya la había editado aparte agregándole una sombra detrás del ebook. Esto lo hice en un editor de imágenes aparte, en mi caso usé Adobe Fireworks, pero puedes elegir tu editor favorito.
- Figura (shape settings> color): para la flecha, sólo hice clic sobre ella en el menú lateral le cambié el color.
- Email settings: para cambiar el texto del formulario del correo, modifiqué el campo Nombre y personalicé el texto.
Cuando estas diseñando tu pop-up, es importante hacer un test A/B para identificar cual es la mezcla perfecta que convierte más a tu publico, en otro tutorial enseñaremos como hacerlo, sin embargo te invitamos a explorar por adelantado la opción desde WooConvert > Prueba A/B. Logrando hacer alternativas de título o encabezado, el párrafo o subtitulo, el texto del llamado a la acción (botón), la imagen, etc…, debes jugar con distintas opciones, al menos como mínimo 2 diseños de pop-ups distintos, para que puedas probar distintas posiciones, distintos colores, distintas redacciones y hasta cambios de imágenes. Todo hace parte de una mezcla que sólo podemos saber cuál es la que impacta más a tu usuario, testeando cuál es la que genera más clics dentro de tu público objetivo.
Paso 2: configurar los eventos del pop-up
Dentro de la pestaña «Configure» encontramos las opciones para configurar la forma en que va a aparecer nuestra ventana emergente acorde a la navegación de nuestro usuario, por ejemplo algunas de las opciones con las que contamos son:
- Cuando el usuario entra a la página
- Cuando el usuario intenta salir o irse de la página
- Cuando el usuario hace scroll
- Cuando hay inactividad por parte del usuario
- Cuando el usuario termina de leer la página o una entrada
- Cuando el usuario hace clic sobre un enlace, botón o elemento
La configuración es la parte más importante dentro de los pasos de creación de un pop-up, porque estos van a definir que tan incómodos o no van a ser acorde a la experiencia de tu usuario.
Para nuestro ejemplo, vamos a revisar dos opciones: el tiempo de espera que va a tener una vez que entren a la página y en qué paginas se va visualizar el pop-up.
Tiempo de espera una vez que el usuario entra a la página: dentro de Launch, en la sección «After Few Seconds on Page» podemos editar cuántos segundos de espera va a tener el pop-up antes que se muestre. Puedes cambiar el tiempo acorde a tu estrategia, yo lo puse a 10 segundos.
En qué paginas deseas que se visualice: puedes elegir si quieres que se vea en toda la navegación de tu página web, o en secciones especificas de tu página. El siguiente pantallazo tu muestra algunas de las opciones con las que cuentas:
Elige la que mas te conviene acorde a tu campaña y público objetivo. Puedes crear tantas reglas veas necesario usando los botones «Add Display Rule» y «Add Exclusion Rule»:
En nuestro ejemplo sólo dejé que se mostrara en la página principal: «Front Page«.
Listo ya tenemos configurado nuestro pop-up.
Quisiera hacer un paréntesis aquí para mostrarte un breve resumen de las opciones tan geniales con las que cuenta esta sección de WooConvert. Para la opción de target donde nos encontramos, puedes crear reglas para dar órdenes de:
- Geolocalización: puedes configurar en que países específicos deseas que se vea tu pop-up. Puede aprovecharse esta opción para hacer una promoción exclusiva para ciertos países.
- Ocultarlo para ciertos dispositivos: si deseas cambiar la experiencia de usuario en los distintos dispositivos, tienes la opción de ocultar el pop-up ya sea para escritorio, tablets o móviles.
Esto va genial para tu campaña y te puede generar muchas más ideas para generar promociones especiales o por ejemplo hacer una campaña especial sólo para el que navegue desde su dispositivo móvil, ¿te imaginas? 😮
Bueno ahora si viene lo bueno! vamos a conectar nuestro pop-up con una herramienta de Email Marketing.
Paso 3: Conectar el formulario con una herramienta de email marketing
En la pestaña de «Connect» nos vamos a encontrar con las opciones de conexión con las que cuenta el pop-up para sincronizarlo con la herramienta de email marketing de tu preferencia. Actualmente existen 35 opciones de conexión con herramientas de email marketing existentes en el mercado.
Para este ejemplo, el objetivo es que cuando el usuario llene su correo en el formulario de nuestro pop-up, ese registro quede almacenado en MailChimp, para luego tomar esos correos y hacer una campaña especial de correos.
Hacemos clic en el logo de MailChimp e integramos nuestra cuenta con las opciones que nos ofrece, tal como te muestro en el siguiente video. Es importante que tengas abierto tu MailChimp o crees tu cuenta antes, por si no la has creado.
Cuando estamos haciendo la integración con MailChimp, en el segundo paso, activamos la casilla «Enable Double Opt-in«, al activarlo le estamos indicando a MailChimp, que por favor le envíe un correo a la persona que se registró, en la cual se le invite a que se suscriba a tu newsletter, de esta forma quedaría registrado dentro de tu base de datos de la herramienta de email marketing.
Finalmente para terminar en la esquina superior derecha encuentras estas opciones:
- Guardas los cambios, haciendo clic en Save.
- Activas el pop-up
- Haces clic en al X para salir
- Seleccionas «Ir al administrador
Personalizando el mensaje de invitación a tu newsletter de MailChimp
Haciendo pruebas de acuse de recibo del pop-up, el correo que me llega como usuario es el siguiente:
Ya sabemos que el usuario por aparte se le redigirió a la página de descarga del ebook. Pero cuando abra su correo, y ve este mensaje va a quedar confundido. Por eso vamos a aprender a personalizarlo.
Lo primero, debes acceder a tu cuenta de MailChimp, busca la sección de Audiences y sigue los siguientes pasos:
Acorde al video:
- Asegúrate de tener activa la opción Double Opt-in, que la encuentras dentro de settings > Audience and name defaults. Guarda los cambios
- Dentro de los formularios (Signup forms) de MailChimp, busca el que se llama «Opt-in confirmation email»
- Personalízalo
- Asegúrate de cambiarle el idioma. Dentro de la pestaña «Translate it» puedes cambiarlo a español.
Con esto ya puedes estar seguro que el correo que le llegue a tu usuario esté acorde a tu mensaje y diseño de la marca.
Insertando un formulario dentro del contenido de la página
Ahora que ya hemos creado nuestro formulario pop-up y lo hemos conectado con MailChimp, buscamos crear lo mismo, un formulario descarga de nuestro ebook gratuito, pero ahora lo ubicaremos dentro del contenido de nuestra página.
Paso 1: Creando el formulario
Para ello volvemos a WooConvert y vamos a crear uno nuevo llamado «Widget Box»
Para nuestro ejemplo elegí la siguiente plantilla
y sobre ella modifiqué el diseño para adaptarlo a mi gusto de la siguiente forma:
Para editarlo realicé los siguientes pasos:
- Ampliar las dimensiones de mi banner: para esto haces clic en Panel y haciendo clic sobre size se te despliegan las opciones donde cambias el ancho y alto de tu banner. Para mi caso le aumenté a 560px
- Edité la imagen y los textos (de la misma forma como se editó el pop-up.
- Agregué un botón con degradado (quité el que estaba)
- Asigno la URL de descarga del ebook, continuo editando el botón (es decir, para ver esta opción debes hacer clic en el botón), y en la opción lateral «action», asigno que se dirija a una URL en específico «Go to URL«, y en el campo Enter URL here, puse de ejemplo un comodín (#) pero en lugar de este, aquí va la URL de tu PDF o ebook. Puedes optar por dirigirlos a una squeeze page o pagina de aterrizaje especial para el ebook ó sencillamente poner el link directo para visualizar el ebook.
- Lo conecté con MailChimp de la misma forma como hicimos con el pop-up.
Paso 2: Insertando el formulario promocional dentro de mi página
Para este ejemplo usaremos el plugin ELEMENTOR PRO, que nos permitirá insertar el formulario en cualquier zona de nuestro sitio web. Si alguna vez has trabajado con elementor, esta parte será sencilla. De igual forma si no has explorado Elementor, te enseñamos lo fácil que es.
Puedes colocar el formulario de captación en la página que desees que aparezca. En mi caso elegí el home o la página de inicio. Busca en la barra de administración superior donde diga «Construir»
Verás como te carga la pantalla de edición de elementor. Inserté una sección de dos columnas
Buscas el widget de WooConvert (dentro del buscador en la parte lateral izquierda superior) y una vez te salga la opción, lo arrastras con el mouse y lo sueltas en la columna o sección donde desees que aparezca. Verás que sólo hay una configuración que hacer: elegir el widget que deseas que aparezca. En nuestro ejemplo elegí el widget-whatsapp-business:
¡Listo eso es todo! Haces clic en Aplicar y luego abajo en el botón de Actualizar del constructor visual de elementor y ya te quedó tu formulario en la página que elegiste. Dirígete al front-end de tu página o a tu sitio web fuera del administrador y verás cómo funciona. Te comparto el ejemplo del que armamos:
Conclusión y mejores prácticas a la hora de crear pop-ups
Estos son algunos consejos que existen para que la implementación del pop-up dentro de tu estrategia de marketing ofrezca buenos resultados:
- Define tus objetivos de marketing
- Elige los pop-ups adecuados para tu audiencia
- Pop-ups de entrada
- Pop-ups basadas en el desplazamiento
- Pop-ups retrasadas
- Pop-ups basados en la interacción
- Brinda valor a tu audiencia
- Ten cuidado con tu experiencia móvil
- Optimiza tus ventas emergentes móviles
- Elige una imagen que este muy conectada con el titulo o llamado a la acción de tu pop-up
- Realiza varios diseños de pop-ups para luego hacer un test a/b y quedarte con la que genere mejores resultados
Compártenos ejemplos de las pop-ups que hayas generado con WooConvert, en que campaña la aplicaste y que resultados te generó. Tu aporte ayudará a otros a saber que hacer con su estrategia basada en pop-ups.
Si eres un buen explorador, verás muchas más opciones de configuración y personalización que ofrece WooConvert, es un plugin muy especial, creado especialmente para necesidades a nivel de agencia de marketing, no dudes en preguntar al equipo de soporte de WooWeb, quien con seguridad te guiará y solventará tus dudas.