Estás leyendo la publicación: Cómo crear una ventana emergente que se abre al hacer clic en un botón
Si está buscando un tutorial súper fácil sobre cómo abrir una ventana emergente al hacer clic en un botónEstás en el lugar correcto.
Las ventanas emergentes abiertas al hacer clic proporcionan una suscripción de dos pasos para los visitantes del sitio web. En términos más simples, los visitantes activan estas ventanas emergentes al hacer clic en el botón. Son herramientas poderosas para aumentar las tasas de conversión, pero este disparador puede ser difícil de configurar si no tiene habilidades profesionales de codificación.
Encontrar la herramienta adecuada para crear su formulario emergente con un clic es la guinda del pastel.
Afortunadamente, la solución es simple. Este tutorial le mostrará cómo crear una ventana emergente que se abre cuando los usuarios hacen clic en un botón. Puede seguir estos pasos y configurar su campaña emergente para cualquier sitio web, solo en unos minutos.
¿La mejor parte? Puede crear su ventana emergente con un clic con codificación cero requerido.
Permítanos despejar el aire y decirle por qué las ventanas emergentes abiertas con un clic son una valiosa adición de optimización de conversión para su sitio web.
Probablemente haya probado las ventanas emergentes tradicionales o las haya encontrado en varios sitios web. Las ventanas emergentes tradicionales aparecen repentinamente en la pantalla cuando está navegando. Cuando se usan correctamente, estas ventanas emergentes brindan una forma fantástica de hacer crecer las listas de correo electrónico, aumentar las ventas y aumentar las interacciones.
Miles de marcas usan ventanas emergentes en sus sitios web. Pero hay un disparador que la mayoría de los vendedores y dueños de negocios necesitan usar con más frecuencia: las ventanas emergentes abiertas con un clic.
-
Botones emergentes en los que se puede hacer clic son un enfoque poderoso para lograr que más visitantes se registren en su lista de correo electrónico, completen un formulario, se registren en su sitio web y más. Con una suscripción de dos pasos, los visitantes hacen clic en un botón con un CTA para abrir la ventana emergente.
-
Y lo que es más, suscripciones de dos pasos tienen una gran ventaja sobre las ventanas emergentes tradicionales. Esta ventaja está relacionada con un efecto psicológico llamado efecto Zeigarnik.
Ya sabes cómo aparecen las ventanas emergentes tradicionales en la pantalla y cómo llaman la atención. Pero solo porque captan la atención de los visitantes, los navegadores no necesariamente completan la acción deseada.
- Por otro lado, las ventanas emergentes en las que se puede hacer clic motivan a los visitantes a realizar la acción creando el efecto Zeigarnik.
Debes estar preguntándote cómo.
Dejame explicar. En psicología, el Efecto Zeigranik Se refiere a una fuerte tendencia a recordar mejor las tareas inconclusas que las completadas y motivarse para completarlas.
¿Por qué? Porque al cerebro humano no le gustan las tareas incompletas.
Piénsalo. Si los visitantes hacen clic en el botón del formulario emergente, significa que han mostrado interés en lo que ofreces.
Y dado que han comenzado el proceso de conversión, es más probable que terminen lo que comenzaron. Sorprendentemente eficaz, ¿no?
Ahora, vamos a sumergirnos en la pregunta real. ¿Cómo mostrar una ventana emergente al hacer clic en el botón sin codificación y en menos de 5 minutos?
Con este tutorial paso a paso, puede agregar una ventana emergente con un clic a su sitio web en unos minutos, independientemente del creador de sitios web Tu estas usando.
Usaremos Popupsmart para crear nuestro formulario emergente con un clic. Puede crear formularios emergentes al hacer clic o mostrar cualquier ventana emergente al hacer clic en un botón en cualquier sitio web, como mostrar un formulario emergente de WordPress al hacer clic.
Popupsmart es un generador de ventanas emergentes que le permite crear ventanas emergentes modernas de una manera simple y generar clientes potenciales y ventas. Nos aseguramos de que logre sus objetivos comerciales con nuestros diseños emergentes fáciles de usar y nuestra tecnología inteligente de orientación de audiencia.
Y sí, con Popupsmart, puede crear un botón en el que se puede hacer clic que lanza su campaña emergente muy fácilmente. Así es cómo.
Lo primero es lo primero, comience iniciando sesión en su cuenta de Popupsmart. Si aún no tienes uno, haz clic para registrar Popupsmart.
Puede probar Popupsmart con el plan gratuito para siempre, no se requiere tarjeta.
En su panel de Popupsmart, haga clic en Su código de inserción para ver y copiar el código de inserción.
Debe agregar este código de inserción justo antes del cierre
etiqueta del archivo de plantilla de su sitio web para configurar Popupsmart.
Si necesita más instrucciones sobre la configuración de Popupsmart, consulte Cómo incrustar el código en su sitio.
Una vez que agregue el código de una línea a su sitio web, estará listo para crear su primera ventana emergente. Si ya tiene el código en su sitio, no necesita volver a hacerlo. Es solo una configuración única.
Vuelva a su panel de Popupsmart y haga clic en Crear una nueva ventana emergentey seleccione un objetivo empresarial.
Escribe el nombre de tu campaña en el campo indicado y selecciona un dominio.
Si aún tiene preguntas, consulte Creación de su primera ventana emergente para obtener instrucciones detalladas.
Ahora es el momento de seleccionar una plantilla para su campaña emergente. Seleccione una plantilla que le guste cuando se abra el generador de ventanas emergentes.
Popupsmart tiene una amplia gama de plantillas emergentes prediseñadas, que reducen el proceso de creación de campañas a minutos y ahorran su valioso tiempo.
¡Lo que es aún mejor es que estas plantillas son totalmente personalizables! Puede personalizar su ventana emergente como desee y agregar elementos como:
- Entrada de teléfono
- Entrada de correo electrónico
- Entrada de texto
- Caja
- Entrada de Dropbox
- Entrada de radio
- Contador regresivo
- Video
- Imagen
- GIF
Tenemos demasiadas opciones de diseño para cubrir todas en esta publicación, pero puede encontrar los detalles en Cómo personalizar mi ventana emergente.
Después de personalizar su ventana emergente, lo siguiente que debe hacer es configurar la orientación de la audiencia emergente. Las reglas de visualización incluyen;
- Horario de la campaña
- Segmentación de visitantes según la audiencia y el comportamiento de los visitantes
- Frecuencia de vista emergente
Configure estas configuraciones para mostrar su ventana emergente a los prospectos correctos en el momento correcto y obtenga más conversiones de sus campañas.
Obtenga más información sobre la segmentación de campañas emergentes.
Si planea que los visitantes se registren en su lista de correo con una suscripción de dos pasos y si tiene un proveedor de servicios de correo electrónico, puede integrar Popupsmart con él.
Cuando integra su formulario emergente con un clic con un proveedor de servicios de correo electrónico, los suscriptores se agregarán automáticamente a su lista de correo seleccionada.
Vaya al cuarto paso en el generador de ventanas emergentes y haga clic en integraciones.
Agregue su proveedor de servicios de correo electrónico. Si no puede ver su proveedor de servicios de correo electrónico allí, siempre puede usar Zapier.
Consulte nuestra guía de marketing por correo electrónico e integraciones de CRM para obtener más información.
¿Sabía que puede recibir una notificación cada vez que un cliente potencial se suscriba a su lista de correo a través de la ventana emergente de su correo electrónico?
Para recibir una notificación, haga clic en Notificación de cliente potencial por correo electrónico y Agregar un nuevo correo electrónico.
Agregue el correo electrónico en el que desea recibir sus notificaciones de clientes potenciales.
Ahora es el momento de mostrarle cómo abrir una ventana emergente al hacer clic en un botón. ¡No vas a creer lo fácil que es!
Una vez que esté satisfecho con la apariencia y la configuración de orientación de su ventana emergente, vaya al paso final, “Publicar”.
Aquí, haga clic en Obtener botón de inicio.
- Cambia el texto del botón para escribir una llamada a la acción convincente.
¿Qué es CTA?
Tu CTA debe animar a los visitantes a hacer clic en el botón. Siéntase libre de consultar nuestra clara receta emergente de CTA para inspirarse si lo necesita.
Configure el tamaño de fuente del texto del botón emergente al hacer clic simplemente arrastrando el punto en la barra hacia la derecha o izquierda o especificando el tamaño de fuente desde el cuadro desplegable.
Siempre puede dejar el tamaño de fuente como está o hacer una prueba A/B de su botón emergente.
- Personaliza el color del botón y el radio del borde.
Después de personalizar el botón emergente abierto, haga clic en Obtener el código. Luego, haga clic en Copie el código insertado.
Una vez que copie el código de incrustación del botón, puede pegarlo en el HTML que desea mostrar en la ventana emergente al hacer clic en el botón.
Puede agregar este código a:
- Publicaciones de blog
- Página
- Widget de texto
- Creador de páginas
- En cualquier parte de su sitio que acepte código HTML.
¡Eso es todo!
Esperamos que este tutorial aclare cómo abrir una ventana emergente al hacer clic en un botón. Ahora puede mostrar un formulario emergente de WordPress al hacer clic o para cualquier creador de sitios web sin complementos.
Si está tratando de aprovechar sus tasas de conversión con ventanas emergentes, aquí hay algunos artículos útiles que le pueden gustar:
¿Todo listo para unirse a los usuarios de Popupsmart? Empiece hoy.
