Cómo crear y añadir popups en WordPress

Los widgets están entre las 10 mejores tácticas y tecnologías que aumentan la efectividad del marketing por correo electrónico, así que no es de extrañar que estés interesado en cómo crear un pop-up en WordPress. Alerta de spoiler: es muy simple.

En esta guía, te llevaremos paso a paso por el proceso de crear widgets personalizados en nuestro creador de pop-ups para WordPress y te mostraremos exactamente cómo añadir un pop-up en sitios de WordPress. También compartiremos consejos que te ayudarán a aumentar las conversiones (suscripciones al boletín, registros, ventas, etc.) en un 110%, como lo demuestran los resultados de nuestro cliente. Así que, ¡manos a la obra!

Beneficios de Usar el Plugin de Mensajes Pop-Up para WordPress

Crear formularios de suscripción en el sitio web, notificaciones o alertas de ventas con un plugin de formulario pop-up para WordPress ofrece varios beneficios que pueden mejorar la experiencia del usuario, el compromiso y las tasas de conversión de tu sitio web. Aquí hay un desglose de las ventajas clave.

Enfoque nativo. Un plugin de formulario de contacto está diseñado específicamente para WP, garantizando que se integre perfectamente con la estructura de tu sitio web WordPress existente, tema y otros plugins. Además, se puede usar de manera efectiva junto con un formulario pop-up de WP para mejorar la funcionalidad y el compromiso. Esta compatibilidad nativa reduce el riesgo de conflictos o problemas que podrían ocurrir al usar herramientas de terceros para agregar pop-ups.

Gestión centralizada. Al usar un plugin de pop-up, todas las funcionalidades de tu sitio web, incluidos los pop-ups, se gestionan desde el panel de control de WordPress. 

Tiempos de carga de página reducidos. Un plugin de formulario pop-up optimizado para WordPress es menos probable que impacte negativamente en el rendimiento de tu sitio. 

Soporte dedicado. Los plugins de WordPress generalmente vienen con un equipo de soporte de los desarrolladores, y también puedes encontrar ayuda en la comunidad de WP. Este soporte puede ser más receptivo y conocedor sobre problemas específicos de WordPress.

Por cierto, tenemos una revisión detallada de los mejores plugins pop-up para WordPress de 2024. El artículo te ayudará a navegar por los pros y los contras de los plugins de formularios pop-up populares para WordPress.

Actualizaciones regulares. Los plugins creadores de pop-ups se actualizan frecuentemente para asegurar la compatibilidad con la última versión de WordPress, ofreciéndote mejoras técnicas continuas y parches de seguridad.

Cómo Crear y Agregar un Formulario Pop-Up en WordPress (6 Pasos Simples con Claspo)

Si te preguntas cómo crear una página de pop-up en WordPress sin dolores de cabeza y a bajo costo, ¡has llegado al lugar correcto! Con Claspo, es muy fácil e incluso divertido crear un formulario pop-up en WordPress y añadirlo a tu sitio en solo unos clics. 

Con nuestras plantillas prediseñadas y un editor de arrastrar y soltar fácil de usar, puedes crear un formulario emergente para WordPress en solo unos clics — sin necesidad de desarrolladores o diseñadores. Ya sea que quieras construir un formulario de captura de leads, mostrar una promoción o hacer crecer tu lista de boletines, Claspo lo hace rápido e intuitivo. De hecho, puedes tener tus formularios emergentes de WordPress funcionando en menos de cinco minutos.

¿Quieres pruebas? Vamos a crear un formulario emergente de WordPress en pocos pasos. 

Paso 1: Selecciona una Plantilla — Ahorra Tiempo y Presupuesto

Nuestra biblioteca contiene más de 1000 plantillas de widgets listas para usar para diversas tareas — desde herramientas simples hasta diseños avanzados de formularios emergentes de WordPress con botones llamativos, incluyendo casos de uso activados por acciones de clics en botones de WordPress. Para tu conveniencia, las hemos dividido en 36 casos de uso. Además, puedes filtrar diseños por disposición, industria y tema. Esto te permite encontrar rápidamente el mejor popup para WordPress basado en tus objetivos específicos y personalizar la plantilla usando nuestro creador de popups para WordPress.

Personalizar una plantilla prediseñada te ahorra dinero en trabajo de diseño al crear un popup de boletín para WordPress. La ubicación de los campos y elementos del formulario, su número, tamaño, y tipografías — todo está preconfigurado para obtener los mejores resultados de tus mensajes. ¿Necesitas inspiración o ideas para tus popups de WordPress? Mira estos ejemplos de redacción atractiva.

Paso 2: Personaliza Cualquier Detalle del Widget

A continuación, exploremos cómo crear una página popup en WordPress cambiando varios elementos de la plantilla del widget. Con herramientas avanzadas, diseñar un impresionante formulario de contacto emergente personalizado es muy fácil — incluso si estás usando una solución gratuita de popup para WordPress como Claspo.

Selecciona Colores y Estilo

Según un estudio, los usuarios tienen una percepción más positiva de los popups que siguen visualmente el diseño general del sitio. Algunos de los esquemas de color principales de nuestras plantillas pueden personalizarse desde el inicio, incluso antes de que vayas al editor para crear un popup. 

Sin embargo, en el editor de Claspo, puedes personalizar fácilmente el color y estilo de:

• botones CTA,
• títulos,
• texto principal,
• icono de cierre,
• fondo, entre otros.

También ten en cuenta los botones de opción, que te permiten realizar la segmentación primaria de suscriptores directamente en una ventana emergente en WordPress. En nuestro ejemplo, se ofrecen a los usuarios dos opciones para recibir contenido de correo electrónico personalizado. También puedes utilizar el checkbox y la lista desplegable para este propósito.

Nuestras plantillas de suscripción a boletines también tienen pantallas adicionales que muestran el estado del registro: Éxito, Ya suscrito y Error. Este es el primer punto de comunicación directa con tu suscriptor, lo que elimina cualquier duda sobre el éxito de la acción. Nuestro constructor de popups para WordPress te permite personalizarlas rápidamente también.

Agrega Imágenes a un Popup para WordPress

¿Te preguntas cómo crear una ventana emergente en WordPress que capture la atención de los visitantes? Agrega una imagen. El 40% de los consumidores aprecian más las imágenes en un diseño web. En el constructor de Claspo, puedes agregar archivos de medios en estos formatos:

• PNG 
• JPEG 
• SVG 
• GIF
• WebP
• AVIF

¿No tienes una imagen? No hay problema. Tenemos un catálogo de imágenes e iconos integrado en el editor. Encontrar la adecuada es fácil ingresando una palabra clave en el campo de búsqueda.

Otro elemento de diseño de popup intrigante que puedes encontrar en nuestro editor son las imágenes flotantes. Con esta función, puedes colocar una imagen en cualquier lugar del widget, como en el lado izquierdo, el borde inferior, la esquina superior derecha, etc. De esta manera, puedes crear un popup personalizado en WordPress con formas únicas y una apariencia más tridimensional.

Disfruta del Reproductor de Video Popup en WordPress

¿Quieres saber cómo crear una página emergente en WordPress que reproduzca videos? Con Claspo, puedes hacerlo en un par de clics. Solo agrega un enlace a un video de YouTube, y aparecerá en el popup.

Para la reproducción de video, puedes elegir entre reproducción iniciada por el usuario (clics del usuario) o reproducción automática.

Nota importante: La reproducción automática silenciará el video por defecto debido a las restricciones del navegador para la reproducción automática de sonido. Los usuarios pueden activar el sonido del video en cualquier momento.

Activa el Multilingüismo: Habla el Idioma de tus Clientes

¿Operas en un mercado global o en un país con varios idiomas importantes, y te preguntas cómo agregar un formulario emergente en WordPress que soporte el multilingüismo? Claspo tiene una solución para ti. Con nuestra función multilingüe, el idioma del widget se adapta automáticamente a los navegadores de tus visitantes o al idioma preseleccionado del sitio web, asegurando una experiencia de usuario fluida en todas las regiones. 

No es necesario crear un popup en WordPress con múltiples versiones; solo agrega otro idioma directamente en el editor. Nuestro creador de popups traduce automáticamente tu texto al idioma de la versión agregada, por lo que solo tienes que hacer algunos ajustes.

Usa Elementos de Alta Conversión

¿Quieres aumentar tu tasa de conversión? Un plugin modal de WordPress te permite crear popups con elementos de alto impacto y campos inteligentes que impulsan a los usuarios a tomar acción. Aquí están algunos de los componentes más efectivos para incluir.

Temporizador de Cuenta Regresiva Relativa

Aumenta las conversiones de ventanas emergentes de WordPress con FOMO: crea una sensación de urgencia con nuestros temporizadores de cuenta regresiva personalizados que comienzan individualmente para cada visitante. Esto asegura que todos tengan una oportunidad justa con tu oferta, maximizando el alcance y las conversiones. Una vez que el temporizador de cuenta regresiva relativa de un usuario expira, la oferta desaparece solo para ellos, pero otros visitantes del sitio web aún pueden ver el mensaje del widget popup de WordPress en tu sitio.

Código Promocional Embebido

Agrega un código promocional a un pop-up de correo electrónico de WordPress para convertir visitantes del sitio web en suscriptores y compradores. Los clientes pueden copiar el código promocional directamente del widget y aplicarlo durante el pago. Por ejemplo, puedes ofrecer a los visitantes un código promocional de un solo uso e invitarlos a suscribirse para recibir ofertas y descuentos personalizados posteriormente. Atrae a los usuarios con un código promocional para un descuento o envío gratis. Por cierto, según una investigación, el 81% de los consumidores considera el envío gratuito como la promoción más atractiva.

Widget Deslizable

Un deslizador es un tipo de pop-up con varias pantallas desplazables. Presenta todo lo que necesitas en una sola ventana en lugar de molestar a tus usuarios con múltiples pop-ups. Usa el deslizador para:

• Agregar imágenes o videos ilimitados en un solo pop-up.
• Promocionar múltiples ofertas o productos.
• Mostrar diversos usos de un solo artículo.
• Demostrar nuevas funciones y más.

Encuesta de Intención de Salida 

Una de las formas más comunes de recopilar suscripciones es a través de un pop-up de salida de WordPress, donde al visitante que está por irse se le ofrecen descuentos, regalos u otros incentivos para motivarlo a realizar la acción deseada, en este caso, suscribirse. 

También ofrecemos una encuesta de intención de salida. Utilizando un plugin de WordPress para mensajes emergentes, puedes identificar por qué los usuarios se van y recopilar información valiosa para mejorar tu sitio web y tus ofertas.

Puedes añadir tanto preguntas cerradas como abiertas. Usa campos como botones de opción, casillas de verificación y listas desplegables para las preguntas cerradas. Para las preguntas abiertas, añade un campo de entrada de texto.

Lanzador para Iniciar el Pop-up 

Existe un mito de que las ventanas emergentes son muy molestas, pero lo mismo ocurre con cualquier canal de marketing utilizado sin cuidado. Al configurar un popup en un sitio de WordPress, considera agregar un lanzador a tu plantilla elegida. Este es un ícono o botón que el usuario puede hacer clic para abrir el widget. Dado que el lanzador es pequeño, ocupa un espacio mínimo en la pantalla sin bloquear el contenido o molestar al usuario. Sin embargo, puede presentar una oferta corta y llamativa para intrigar a los visitantes y motivarlos a abrir el formulario de contacto de WordPress en tamaño completo u otro widget.

Puedes elegir un lanzador de nuestras plantillas y personalizar su contenido y diseño para que coincida con tu widget. Luego, conéctalo al popup deseado.

Al editar cualquier widget, puedes alternar rápidamente entre modos de escritorio y móvil y ajustar cómo aparecerá el contenido en diferentes pantallas. En la etapa final de edición del popup, haz clic en el botón de vista previa en vivo para asegurarte de que todo luzca perfecto.

Paso 3: Configurar Reglas de Visualización y Targeting

Otro paso importante al crear tu popup de WordPress es establecer reglas de visualización del widget amigables para el usuario (o disparadores). Puedes configurarlas para el lanzador o, si no lo utilizas, directamente para tu pop-up.

Los widgets de Claspo tienen reglas de visualización predefinidas, como el tiempo y la frecuencia de aparición del widget, para que puedas estar seguro de que no son intrusivos. Sin embargo, puedes personalizar los disparadores según el comportamiento de tus visitantes y configurar el widget para que se active solo cuando se cumplan todas las condiciones establecidas.

Por ejemplo, puedes configurar el pop-up para que solo se muestre a nuevos usuarios que no se hayan suscrito aún. Esto asegura que las personas de tu lista de correo no vean la oferta. Además, para mejorar la experiencia del usuario para aquellos que aún no se han suscrito, puedes configurar el widget para que deje de mostrarse si el usuario lo cierra una o más veces.

Características Únicas de Claspo para una Visualización No Intrusiva

No quieres distraer a tus visitantes con demasiadas ventanas emergentes en WordPress. Para este propósito, tenemos reglas predefinidas para mostrar widgets.

Intervalo de silencio.

Establece un tiempo de espera entre las visualizaciones de widgets para evitar abrumar a los visitantes. El intervalo predeterminado de 3 minutos garantiza una experiencia de navegación fluida, pero es fácilmente personalizable. Sin embargo, en la configuración del popup, puedes ajustar esta condición según el tiempo promedio que los visitantes pasan en tu sitio o en páginas específicas.

Protección contra superposiciones. Enfócate en crear contenido excelente, no en gestionar reglas de visualización de widgets. Claspo previene automáticamente que los popups choquen en las pantallas de los visitantes, incluso con reglas de visualización duplicadas.

Opciones de segmentación

Puedes personalizar las experiencias de los visitantes dirigiéndote a segmentos específicos. Claspo ofrece varias formas de hacerlo.

Identificación de nuevos usuarios. Claspo permite agregar un popup a WordPress y mostrarlo exclusivamente a los visitantes por primera vez.

Geosegmentación. Personaliza los widgets para audiencias específicas, desde países enteros hasta regiones y ciudades. 

Segmentación por UTM. Si usas etiquetas UTM en diferentes campañas y mensajes publicitarios, agrégalas al configurar el widget. Entonces, aparecerá solo para aquellos visitantes que hayan llegado al sitio web desde una fuente de tráfico específica.

Tipo de dispositivo. Especifica en qué dispositivos se debe mostrar el popup: escritorio, móvil o ambos. La última opción está configurada por defecto.

Paso 4: Integra el Pluggin de Claspo con tu Software de Marketing

Los datos recopilados por un formulario de contacto en un popup en WordPress deben transferirse a la base de datos de contactos para su posterior uso en fines de marketing, como segmentación, envío de notificaciones por correo electrónico automáticas o mensajes, etc. Claspo se integra sin problemas con muchos ESPs, CDPs y CRMs populares; solo elige el servicio que necesitas de la lista desplegable e intégralos rápidamente.

Integrar Claspo con cualquier sistema de marketing que uses a través de Zapier es igual de fácil.

Paso 5: Integra Claspo fácilmente con WordPress

Entonces, has creado un hermoso widget. Ahora, es momento de aprender cómo agregar un formulario emergente en WordPress, y es más fácil de lo que piensas.

La forma más simple es usar el plugin de Claspo para WordPress, que instala automáticamente el script en todas las páginas de tu sitio. Solo sigue estos pasos rápidos:

1. Durante el onboarding, cuando estés listo para publicar el widget, elige Instalar vía WordPress en la ventana de Antes de publicar el widget.

¿Saltaste ese paso? No hay problema. Simplemente ve a Script → Instalar Script en tu cuenta Claspo, desplázate hasta WordPress y haz clic en Instalar.

2. En la ventanilla deslizante, haz clic en Copiar ID para guardar tu ID de script único; lo necesitarás en un minuto. Después, haz clic en Ir a WordPress para llegar a la página del plugin.

3. Ahora, necesitas descargar el archivo del plugin de Claspo.

4. En el panel de control de WordPress, ve a Plugins → Subir Plugin, luego sube el archivo que acabas de descargar.

Puedes arrastrarlo y soltarlo en el área resaltada, o seleccionarlo manualmente y hacer clic en Abrir.

5. Una vez que la instalación esté completa, verás Claspo aparecer en el menú del lado izquierdo.

6. Haz clic en Claspo, pega el ID del script que copiaste anteriormente en el campo Ingresar ID del Script, y pulsa Conectar.

7. ¡Eso es todo! El script de Claspo ya está activo en todas las páginas de tu sitio web.

¿Quieres verificarlo? Vuelve a la ventana de Instalación del script usando WordPress en tu cuenta de Claspo y haz clic en Comprobar para confirmar que todo funciona.

El script se añadirá automáticamente a todas las páginas de tu sitio. ¡Así de fácil!

Paso 6: Probar y Publicar el Formulario

Una vez que hayas instalado exitosamente el script que agrega un popup a WordPress, puedes usar el modo de prueba para ver cómo funciona el widget en tu sitio. En este caso, solo tú lo verás. Si estás completamente satisfecho con el resultado y has asegurado que se muestra correctamente en diferentes dispositivos y navegadores, adelante y publica el formulario de registro emergente. Luego, disfruta del aumento en las conversiones que traerá una campaña de popup. 

Superando los Desafíos de Popups en WP con Facilidad

Crear e integrar diferentes ventanas emergentes a menudo es un desafío para los propietarios de sitios basados en WordPress y los especialistas en correo electrónico. Estos desafíos incluyen mantener el atractivo visual, involucrar a los usuarios sin ser intrusivos, ejecutar ventanas modales de WordPress para registros sin distraer de la conversión principal, tratar con audiencias multilingües, y más. Ofrecemos las mejores soluciones para todos estos problemas. Además, todos nuestros usuarios tienen acceso a funciones avanzadas, como pruebas A/B integradas. Con ellas, se puede experimentar con parámetros como: ubicación (en todo el sitio o en una página específica), CTA, redacción, diseño de elementos, activadores (retraso en tiempo, intención de salida, activación por clic, etc.), y mucho más.

Crear impresionantes ventanas emergentes que coincidan con la identidad visual de tu sitio web toma solo seis pasos y unos pocos minutos. Así que prueba Claspo hoy y descubre cómo crear y gestionar ventanas emergentes en WordPress nunca ha sido más fácil y eficiente. Especialmente porque nuestra versión gratuita de por vida no limita tu creatividad, sino que más bien estimula el éxito rápido. Todas las plantillas y capacidades avanzadas, como pruebas A/B o gamificación, que solo están disponibles en la versión premium en otros servicios, están abiertas a los usuarios de nuestro plan gratuito. Así que siéntete libre de seleccionar una plantilla de ventana emergente y fácilmente crea tu ventana emergente.