header-logo
Primeros pasosCrea tu sitio web y haz crecer tu negocio con Wix
Crear tu sitioCrea y gestiona tu sitio con las funciones intuitivas de Wix
Cuenta y facturaciónGestiona suscripciones, planes y facturas
Usar las apps móviles de WixGestiona tu negocio y conecta con los miembros
Conectar un dominioAprende a comprar, conectar o transferir un dominio
Administrar tu negocioHerramientas para ampliar tu negocio y tu presencia online
Promocionar tu sitioHerramientas de marketing y SEO para impulsar tu negocio
Wix Studio, Partners y EnterpriseFunciones avanzadas para trabajar de forma eficaz
Obtener ayudaSoluciones, problemas conocidos y contacto
placeholder-preview-image
Wix LearnMejora tus habilidades con nuestros cursos y tutoriales.
Blog de WixObtén consejos para diseño web, marketing y mucho más.
Guía de SEOMejora el tráfico orgánico en buscadores.
Website developmentCrea un sitio con nuestra plataforma full-stack.
Contrata a un profesionalVincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
En este artículo
  • Paso 1 | Agrega una ventana emergente
  • Paso 2 | Personaliza la ventana emergente
  • Paso 3 | Ajusta la configuración de la ventana emergente
  • Preguntas frecuentes

Editor de Wix: agregar y configurar una ventana emergente

6 min
En este artículo
  • Paso 1 | Agrega una ventana emergente
  • Paso 2 | Personaliza la ventana emergente
  • Paso 3 | Ajusta la configuración de la ventana emergente
  • Preguntas frecuentes
Agrega una ventana emergente para captar la atención de los visitantes y mostrar anuncios e información importantes. Puedes agregar elementos al mensaje emergente, decidir cuándo se activa e incluso elegir cómo la cierran los visitantes.
Un GIF que muestra una ventana emergente en un sitio en vivo de Wix.

Paso 1 | Agrega una ventana emergente

Agrega una ventana emergente para comenzar a crear un efecto interactivo e informativo para los visitantes de tu sitio. Hay diversas plantillas y tipos para elegir, como "Bienvenida" y "Contacto".

Para agregar una ventana emergente:

  1. Haz clic en Agregar elementos  a la izquierda del editor.
  2. Haz clic en Interactivo.
  3. Selecciona una categoría en Ventanas.
  4. Haz clic en la ventana emergente que elijas o arrástrala para agregarla a tu sitio.
Panel Agregar elementos que muestra ventanas emergentes.

Paso 2 | Personaliza la ventana emergente

A continuación, comienza a crear la ventana emergente y a diseñar su aspecto. Puedes personalizar los elementos existentes y agregar elementos como texto, botones, formularios, imágenes y mucho más. Asegúrate de que los elementos que agregues sean más pequeños que la ventana emergente para que quepan dentro de ella.

Para agregar elementos a una ventana emergente:

  1. Haz clic en Páginas y menú a la izquierda del editor. 
  2. Haz clic en Ventanas emergentes.
  3. Selecciona la ventana emergente correspondiente para verla.
  4. Haz clic en la ventana emergente en el lienzo.
  5. Comienza a personalizar la ventana emergente:
    • Agrega más elementos.
      Consejo: Al arrastrar el elemento desde el panel Agregar elementos, suéltalo cuando veas el mensaje "Adjuntar a ventana emergente".
    • Haz clic en los elementos existentes para editarlos. 
    • Cambia el fondo del elemento emergente y la superposición que lo rodea. 
Nota:
Cuando agregas una ventana emergente, ingresas al modo emergente. Esto te permite configurar y editar la ventana emergente. Para volver al editor normal, haz clic en Salir del modo en la barra superior.
Captura de pantalla del modo emergente en el editor.

Paso 3 | Ajusta la configuración de la ventana emergente

Después de diseñar el mensaje emergente, decide cuándo, dónde y cómo se muestra a los visitantes. Puedes configurar la ventana emergente para que se muestre automáticamente una vez que se carga la página o enlazarla a un elemento en el que los visitantes deban hacer clic.  
También puedes programar la ventana emergente para que aparezca en un momento determinado (por ejemplo, una temporada festiva específica) y decidir cómo salen los visitantes de la ventana emergente. 

Para ajustar la configuración de la ventana emergente:

  1. Haz clic en Páginas y menú a la izquierda del editor. 
  2. Haz clic en Ventanas.
  3. Selecciona la ventana emergente correspondiente para verla.
  4. Haz clic en la ventana emergente en el lienzo.
  5. Haz clic en Definir cómo activar.
  6. Configura los ajustes de la ventana emergente:
Captura de pantalla del panel de ajustes de la ventana emergente.
¿Cuál es el próximo paso?
Diseña y ubica la ventana emergente a tu gusto para personalizar aún más los anuncios de tu sitio. Aprende cómo personalizar una ventana emergente

Preguntas frecuentes

Haz clic a continuación para leer las respuestas a nuestras preguntas más frecuentes sobre las ventanas emergentes:

Helpmate

Hola

¿Necesitas más ayuda?
Resumen del artículo
Unlock personalized helpLog in to get the most out of Helpmate.