header-logo
Crea tu sitio web y haz crecer tu negocio con Wix
Crea y gestiona tu sitio con las funciones intuitivas de Wix
Gestiona suscripciones, planes y facturas
Gestiona tu negocio y conecta con los miembros
Aprende a comprar, conectar o transferir un dominio
Herramientas para ampliar tu negocio y tu presencia online
Herramientas de marketing y SEO para impulsar tu negocio
Funciones avanzadas para trabajar de forma eficaz
Soluciones, problemas conocidos y contacto
placeholder-preview-image
Mejora tus habilidades con nuestros cursos y tutoriales.
Obtén consejos para diseño web, marketing y mucho más.
Mejora el tráfico orgánico en buscadores.
Crea un sitio con nuestra plataforma full-stack.
Vincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
En este artículo
  • Agregar una ventana emergente
  • Personalizar una ventana emergente
  • Configurar disparadores para una ventana emergente
  • Establecer una programación para una ventana emergente
  • Enlazar elementos a una ventana emergente
  • Administrar una ventana emergente
  1. Inicio
  2. Wix Studio, Partners y Enterprise
  3. Wix Studio
  4. Usar el Editor de Wix Studio
  5. Agregar elementos en el Editor de Wix Studio
  6. Editor de Wix Studio: usar ventanas emergentes

Editor de Wix Studio: usar ventanas emergentes

8 min
En este artículo
  • Agregar una ventana emergente
  • Personalizar una ventana emergente
  • Configurar disparadores para una ventana emergente
  • Establecer una programación para una ventana emergente
  • Enlazar elementos a una ventana emergente
  • Administrar una ventana emergente
Las ventanas emergentes son ventanas que aparecen en el sitio online y que puedes personalizar según tus necesidades. Diseña la ventana y agrega los elementos que desees. Luego, elige cuándo se muestra a los visitantes del sitio.
También puedes enlazar elementos, como texto, botones o imágenes, de modo que, al hacer clic en ellos, se abra la ventana emergente. Esta es una excelente manera de aumentar la visibilidad de información urgente, ofertas o promociones.
Un ejemplo de una ventana interactiva utilizada para ganar más suscriptores para el boletín informativo del cliente

Agregar una ventana emergente

Agrega una ventana emergente al sitio de tu cliente para comenzar a configurar anuncios para sus visitantes y clientes.

Para agregar una ventana emergente:

  1. Ve al editor.
  2. Haz clic en Agregar elementos a la izquierda del editor.
  3. Haz clic en Estilo.
  4. Haz clic en Ventanas emergentes.
  5. Selecciona la ventana emergente que deseas agregar. 
La pestaña Ventanas emergentes se ha abierto en el panel Agregar elementos. El cursor está seleccionando una ventana emergente.

Personalizar una ventana emergente

Personaliza la ventana emergente para que coincida con el resto del sitio. Agrega los elementos que necesites, luego cambia el color del fondo y establece su opacidad.

Para personalizar una ventana emergente:

  1. Ve al editor.
  2. Haz clic en Páginas  a la izquierda del editor.
  3. Selecciona la ventana emergente correspondiente en Ventanas emergentes.
  4. Haz clic en la ventana emergente sobre el lienzo.
  5. Elige cómo personalizar la ventana emergente:
5. Cuando lo tengas listo, haz clic en Listo en la parte inferior para salir del modo de edición. 
El panel Inspector profesional está abierto para una ventana emergente. El cursor hace clic en el cuadro de color del fondo.
¿Cuál es el siguiente paso?
Obtén una vista previa del sitio para ver la ventana emergente en acción.

Configurar disparadores para una ventana emergente

Elige cómo y cuándo aparece la ventana emergente. Puedes configurarla para que aparezca automáticamente en páginas específicas del sitio o enlazarla a un elemento (por ejemplo, texto, imagen). También puedes decidir cómo cierran la ventana emergente los visitantes después de verla.
Nota:
La ventana emergente se muestra una vez por visitante, en la primera página correspondiente que ven (en caso de que esté configurada para aparecer en varias páginas).

Para configurar los disparadores:

  1. Ve al editor.
  2. Haz clic en Páginas  a la izquierda del editor.
  3. Selecciona la ventana emergente correspondiente en Ventanas emergentes.
  4. Haz clic en la ventana emergente sobre el lienzo.
  5. Haz clic en Definir cómo activar.
  6. Selecciona la opción correspondiente en Mostrar la ventana emergente automáticamente en las páginas:
    • Sí: la ventana emergente aparece automáticamente cuando los visitantes ingresan a las páginas correspondientes.
      1. Haz clic en ¿En qué páginas está? para seleccionar las páginas correspondientes.
      2. Arrastra el control deslizante Retraso para establecer cuánto tiempo (en segundos) tarda en aparecer la ventana emergente una vez que se carga la página.   
    • No: la ventana emergente no aparece cuando los visitantes ingresan a una página. En cambio, se activa mediante un botón o un enlace que elijas. 
  7. Activa las palancas correspondientes en Cierre de la ventana emergente.
    Nota: Si desactivas tanto el icono 'X' como el botón 'Cerrar', los visitantes pueden hacer clic fuera de la ventana emergente para cerrarla.
  8. Cuando lo tengas listo, haz clic en Listo para salir del modo de edición.  
El panel de ajustes de la ventana emergente está abierto. El cursor está desactivando la opción de visualización automática.
Nota:
En la actualidad, no es posible mostrar más de 1 ventana emergente por página. Si intentas seleccionar una página que ya tiene una ventana emergente, la opción se desactivará. Vota por varias ventanas emergentes por página.

Establecer una programación para una ventana emergente

Elige cuándo ven la ventana emergente los visitantes del sitio. Si estás promocionando una oferta por tiempo limitado, por ejemplo, esto garantiza que la ventana emergente solo aparezca en el periodo correspondiente.
Importante:
Esta opción solo está disponible si configuraste la ventana emergente para que se muestre automáticamente en las páginas.

Para configurar la programación de la ventana emergente:

  1. Ve al editor.
  2. Haz clic en Páginas  a la izquierda del editor.
  3. Selecciona la ventana emergente correspondiente en Ventanas emergentes.
  4. Haz clic en la ventana emergente sobre el lienzo.
  5. Haz clic en Definir cómo activar.
  6. Desplázate hacia abajo hasta Programación y haz clic en + Configurar programación.
  7. Establece la fecha y la hora de inicio y la fecha y la hora de finalización.
    Consejo: Asegúrate de haber configurado la zona horaria correcta. Si no es así, puedes cambiarla. 
El panel de ajustes de la ventana emergente está abierto. El cursor hace clic en el menú desplegable de la zona horaria.

Enlazar elementos a una ventana emergente

Enlaza elementos en el sitio para abrir una ventana emergente, de modo que los visitantes nunca se pierdan un anuncio. Puedes enlazar elementos como texto, imágenes, videos y botones. 

Para enlazar un elemento a una ventana emergente:

  1. Haz clic en el elemento correspondiente en el editor.
  2. Haz clic en el icono Enlace .
  3. Selecciona Ventana emergente a la izquierda.
  4. Haz clic en el menú desplegable ¿Qué ventana emergente? y selecciona la ventana emergente correspondiente.
  5. Haz clic en Hecho.
El panel Enlace está abierto para un botón. La ventana emergente de notificaciones de ventas se ha seleccionado como destino del enlace.

Administrar una ventana emergente

Administra las ventanas emergentes del sitio para mantenerlas organizadas en el editor. Puedes renombrarlas para que sean fáciles de encontrar, duplicarlas para ahorrar tiempo y eliminar las ventanas emergentes desactualizadas.

Para administrar una ventana emergente:

  1. Haz clic en Páginas  a la izquierda del editor.
  2. Haz clic en el icono Más acciones junto a la ventana emergente correspondiente.
  3. Elige qué hacer a continuación:
El cursor ha hecho clic en una ventana emergente en el panel de páginas del sitio, que muestra las opciones para administrarla.

¿Te ha sido útil?

|

Helpmate

Hola

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