Editor de Wix Studio: usar ventanas interactivas

6 min de lectura
Una ventana interactiva es una ventana emergente que puedes personalizar según tus necesidades. Diseña la ventana emergente 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 interactiva. Esta es una excelente manera de aumentar la exposición de información sujeta a un plazo de tiempo, ofertas o promociones.
Un ejemplo de una ventana interactiva utilizada para ganar más suscriptores para el boletín informativo del cliente
En este artículo, aprende a hacer lo siguiente:

Agregar una ventana interactiva

Agrega una ventana interactiva a tu sitio para que puedas comenzar a configurar notificaciones interesantes para que los visitantes las vean.

Para agregar una ventana interactiva:

  1. Haz clic en Agregar elementos a la izquierda del Editor.
  2. Haz clic en Estilo.
  3. Haz clic en Ventanas interactivas.
  4. Selecciona la ventana interactiva que deseas agregar. 

Personalizar una ventana interactiva

Personaliza la ventana interactiva 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 interactiva:

  1. Haz clic en Páginas  a la izquierda del Editor.
  2. Selecciona la ventana interactiva correspondiente en Ventanas interactivas.
  3. Haz clic en la ventana interactiva en el Editor.
  4. Elige cómo personalizar la ventana interactiva:
    • Agrega elementos:  
      1. Haz clic en Agregar elementos a la izquierda del Editor.
      2. Arrastra y suelta el elemento correspondiente. 
    • Diseña el fondo: 
      1. Haz clic en la flecha Abrir Inspector profesional  en la parte superior derecha del Editor.
      2. Desplázate hacia abajo hasta Diseño.
      3. Elige un color y establece la opacidad del fondo en Fondo.
  5. Cuando lo tengas listo, haz clic en Listo en la parte inferior para salir del modo de edición. 
Captura de pantalla del modo de edición de la ventana interactiva, eligiendo un color de fondo en el Inspector profesional
¿Cuál es el siguiente paso?
Obtén una vista previa del sitio para ver la ventana interactiva en acción.

Configurar los disparadores para una ventana interactiva

Elige cómo y cuándo aparece la ventana interactiva. 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 interactiva los visitantes después de verla.
Nota:
La ventana interactiva se muestra una vez por visitante, en la primera página relevante que ven (en caso de que esté configurada para aparecer en varias páginas).

Para configurar los disparadores:

  1. Haz clic en Páginas  a la izquierda del Editor.
  2. Selecciona la ventana interactiva correspondiente en Ventanas interactivas
  3. Haz clic en la ventana interactiva en el lienzo.
  4. Haz clic en Definir cómo activar.
  5. Selecciona la opción correspondiente en Mostrar automáticamente en Ventana interactiva en páginas:
    • Sí: la ventana interactiva 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 (seg.) para establecer cuánto tiempo (en segundos) tarda en aparecer la ventana interactiva una vez que se carga la página.   
    • No: la ventana interactiva no aparece cuando los visitantes ingresan a una página. En cambio, se activa mediante un botón o un enlace que elijas. 
  6. Habilita la(s) palanca(s) correspondiente(s) en Cierre de la ventana.
    Nota: Si desactivas tanto el Icono "X" como el Botón para cerrar, los visitantes pueden hacer clic fuera de la ventana interactiva para cerrarla.
  7. Cuando lo tengas listo, haz clic en Listo para salir del modo de edición.  
El panel de disparadores se abre junto a una ventana interactiva, configurado para abrirse automáticamente en la página de inicio

Establecer una programación para una ventana interactiva

Elige cuándo ven la ventana interactiva los visitantes del sitio. Si estás promocionando una oferta por tiempo limitado, por ejemplo, esto garantiza que la ventana interactiva solo aparezca durante el periodo de tiempo correspondiente.

Para configurar la programación de la ventana interactiva:

  1. Haz clic en Páginas  a la izquierda del Editor.
  2. Selecciona la ventana interactiva correspondiente en Ventanas interactivas
  3. Haz clic en la ventana interactiva en el lienzo.
  4. Haz clic en Definir cómo activar.
  5. Desplázate hacia abajo hasta Programación y haz clic en + Configurar programación.
  6. Establece la fecha y hora de inicio y la fecha y hora de finalización.
    Consejo: Asegúrate de haber configurado la zona horaria correcta. Si no es así, puedes cambiarla. 
Configurar la programación de la ventana interactiva en el Editor de Wix Studio

Vincular elementos a una ventana interactiva

Enlaza elementos en el sitio para abrir una ventana interactiva, 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 interactiva:

  1. Haz clic en el elemento correspondiente en el Editor.
  2. Haz clic en el icono Enlace .
  3. Selecciona Ventanas a la izquierda.
  4. Haz clic en el menú desplegable ¿Qué ventana interactiva? y selecciona la ventana interactiva correspondiente.
  5. Haz clic en Hecho.
Enlazar un elemento de máscara de texto para abrir una ventana interactiva cuando los visitantes hacen clic en él

Administrar una ventana interactiva

Administra las ventanas interactivas del sitio para mantenerlas organizadas en el Editor. Puedes renombrarlas para que te resulten fáciles de encontrar, duplicarlas para ahorrar tiempo y eliminar las ventanas interactivas desactualizadas.

Para administrar una ventana interactiva:

  1. Haz clic en Páginas  a la izquierda del Editor.
  2. Haz clic en el icono Más acciones junto a la ventana interactiva correspondiente.
  3. Elige qué hacer a continuación:
Una ventana interactiva en el panel de páginas, que muestra las opciones de administración disponibles

¿Te ha sido útil?

|