El componente de página web incrusta una página web alojada en una página de secuencia de comandos. En tiempo de ejecución, la página especificada se carga con la página del script.

Importante:

  • El sitio web al que se hace referencia debe permitir la incrustación de páginas en páginas de otros dominios. En otras palabras, debe configurar opciones de x-frame en el servidor web para permitir que otros dominios muestren sus páginas dentro de etiquetas iframe. De lo contrario, el componente de la página web no puede mostrar la URL.

  • Debes usar HTTP seguro al especificar la URL (https: // en lugar de http: //).

  1. En la barra de herramientas Componente, haga clic en Página web .

  2. Ampliar la Común grupo en el panel de propiedades. Luego escriba la URL completa de una página web en el Fuente de la página web caja. Opcionalmente, elija una variable de cadena cuyo valor contenga una URL.

    Por ejemplo:

    https://www.usps.com/

    La página se carga inmediatamente para que pueda verificar que la URL es válida. No es necesario seleccionar el modo Vista previa.

  3. Establezca cualquier otra propiedad del componente.

    Común

    El origen de la página web establece la URL de una página web para que se incruste dentro de un componente de la página web. Puede escribir la URL de una página web o pasar una URL al componente mediante una variable. Por ejemplo:

    https://help.mypurecloud.com

    Cuando se ingresa una URL válida, el componente de la página web muestra la página inmediatamente.

    La URL debe comenzar con https: //. Si el servidor remoto no admite el protocolo http seguro, el componente de página web no puede mostrar páginas de ese servidor.

    Diseño

    Configura el ancho a un tamaño fijo, para que crezca según sea necesario para mostrar contenido o para consumir tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

    Configuración Descripción
    Script Layout Auto Sizing El tamaño automático configura el componente para que se reduzca o crezca de acuerdo con su contenido. Por ejemplo, el ancho de una etiqueta puede crecer dependiendo de la cantidad de texto que contenga.
    ajustes-dimensionamiento-estiramiento

    El estiramiento permite que un componente consuma tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

    Si dos componentes están configurados para estirarse, a ambos se les asigna el 50% del espacio restante de forma predeterminada. Esta proporción se puede ajustar cambiando el valor de peso.

    Por ejemplo, si configura un componente con un peso de 200 y el otro con un peso de 100, el primer componente ocupará dos tercios del espacio restante, mientras que el otro solo ocupará un tercio. El primer componente aparece dos veces el tamaño del otro componente, ya que su peso era dos veces el peso del segundo componente.
    Píxeles del diseño del guión Establece un tamaño fijo en píxeles. Puede escribir un valor entero en el cuadro o usar flechas hacia arriba o hacia abajo para incrementar o disminuir el tamaño. Estas flechas son visibles cuando el componente tiene el foco.

    Configura la altura a un tamaño fijo, para que crezca según sea necesario para mostrar contenido o para consumir tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

    Configuración Descripción
    Script Layout Auto Sizing height El tamaño automático configura el componente para que se reduzca o crezca de acuerdo con su contenido.
    Script Layout Píxeles altura Establece un tamaño fijo en píxeles. Puede escribir un valor entero en el cuadro o usar flechas hacia arriba o hacia abajo para incrementar o disminuir el tamaño. Estas flechas son visibles cuando el componente tiene el foco.
    ajustes-dimensionamiento-estiramiento

    El estiramiento permite que un componente consuma tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

    Si dos componentes están configurados para estirarse, a ambos se les asigna el 50% del espacio restante de forma predeterminada. Esta proporción se puede ajustar cambiando el valor de peso.

    Por ejemplo, si configura un componente con un peso de 200 y el otro con un peso de 100, el primer componente ocupará dos tercios del espacio restante, mientras que el otro solo ocupará un tercio. El primer componente aparece dos veces el tamaño del otro componente, ya que su peso era dos veces el peso del segundo componente.

    Alinea un componente a la izquierda, a la derecha o al centro, en relación con su contenedor principal.

    Propina: Un componente no se puede alinear verticalmente al centro si la configuración de Altura de su contenedor principal es Tamaño automático. Para corregir esto, establezca la Altura del contenedor principal en Estirarse oa una altura fija en Pixeles.
    Configuración Ejemplo
    align-left2 alinear-izquierda-ejemplo2
    align-center2 alinear-centro-ejemplo2
    align-right2 alinear-derecha-ejemplo2
    alinear-iniciar alinear-inicio-ejemplo
    alinear-centro-vertical alinear-centro-vertical-ejemplo
    alinear-extremo-vertical alinear-vertical-final-ejemplo

    Los márgenes establecen el espaciado izquierdo, derecho, superior e inferior alrededor de un borde.

    La imagen muestra la relación entre los ajustes de margen, borde y relleno.

    1. Para actualizar opcionalmente todos los valores de los márgenes a la vez, presione el Establecer todos botón de Margen en el panel de propiedades.

      imagen del botón configurar todo

    2. Haga clic en el campo de valor para obtener un margen. Aparece un control de giro en ese campo.

    3. Utilice el control de giro para aumentar o disminuir el margen. Si Establecer todos se seleccionó, el cambio se aplica a todos los márgenes.

      settings-margin-spinner

      El componente se reposiciona inmediatamente utilizando su nueva configuración de margen.

    Establece la visibilidad de un componente según el valor de una variable booleana (verdadera o falsa).

    1. Haga clic en el Diseño grupo de propiedad. Debajo de Visible, haga clic en Seleccionar variable.
    2. Seleccione una variable u, opcionalmente, cree una nueva variable Sí / No y luego asigne esa nueva variable a la Visible propiedad.
    3. En tiempo de ejecución, el componente es visible cuando el valor de la variable es Verdadero. Por el contrario, está oculto cuando el valor de la variable es Falso.

    Avanzado

    El origen de la página web establece la URL de una página web para que se incruste dentro de un componente de la página web. Puede escribir la URL de una página web o pasar una URL al componente mediante una variable. Por ejemplo:

    https://help.mypurecloud.com

    Cuando se ingresa una URL válida, el componente de la página web muestra la página inmediatamente.

    La URL debe comenzar con https: //. Si el servidor remoto no admite el protocolo http seguro, el componente de página web no puede mostrar páginas de ese servidor.