Asistente web

El Asistente web de Sonat es una potente herramienta diseñada para ofrecer un acceso rápido y sencillo a la información, asistencia personalizada y una experiencia de usuario mejorada.

Para acceder a la configuración del asistente web:

• En su página de inicio, haga clic en tres líneas verticales en la parte superior.

• Haga clic en Configuración de organizaciones .
• En la pestaña del asistente web, puede personalizar su configuración.

Activar asistente web

Para comenzar con el Asistente web de Sonat, actívelo desde la configuración de su organización. Aquí es donde puede habilitar la función Asistente web y personalizar su configuración según sus necesidades.

Después de habilitarlo, puede copiar el código proporcionado y colocarlo en la página raíz de su aplicación.

Botón de texto

La función Asistente web incluye un texto de botón personalizable que aparece en su sitio web de documentación. Puedes elegir el texto que prefieras.

Tenga en cuenta que tenemos dos tipos de asistentes web disponibles. El primer tipo es el asistente emergente, que está actualmente en uso. Con este tipo, el texto del botón no se muestra.
El segundo tipo es el asistente deslizante, que aparece como un panel. Debido a que este panel es más ancho, podemos usar tanto un ícono como un texto de botón.

Página base del asistente

También puede configurar uno de sus documentos como página de inicio de su Asistente web.

Activar con JavaScript

El Asistente web de Sonat le permite abrir y cerrar dinámicamente su panel utilizando el atributo "data-swa-paneljstrigger" junto con JavaScript. Esta característica proporciona una manera perfecta de integrar la funcionalidad del Asistente web en su aplicación web. A continuación se muestra una explicación más detallada de cómo utilizar estos activadores:

Uso de atributos:

Aplique el atributo "data-swa-paneljstrigger" al elemento HTML que debería activar el panel del Asistente web.

Al hacer clic en el elemento designado, se abrirá el panel del Asistente web. Esta funcionalidad está diseñada para funcionar en todos los tipos de paneles, brindando flexibilidad en su interfaz de usuario.

Ejemplo:

Considere el siguiente código HTML, donde a un botón se le asigna el atributo "data-swa-paneljstrigger":

<button data-swa-paneljstrigger>¡Haz clic en mí para abrir el Panel del asistente web!</button>

Selector de elemento objetivo

Al seleccionar "Incrustar" como tipo de asistente web, tiene la posibilidad de definir el elemento de destino en su página web donde se insertará el asistente. Para lograr esto, puede especificar el elemento de destino escribiendo su selector en el campo designado. Esto le permite controlar la ubicación del asistente web, asegurándose de que aparezca exactamente donde lo desea en su página.
 

Estilo

• Para darle a su Asistente web una apariencia única, puede personalizar su configuración de estilo. Esto incluye cambiar los colores de fondo, botones y fuente para que coincidan con la marca de su sitio web.
• Por opción de tipo de panel, puede tener un botón deslizante o emergente.
• También puede cambiar la posición de su botón hacia la izquierda y hacia la derecha usando la opción de posición.
• Para cambiar el ícono de su asistente web, simplemente elimine el ícono actual haciendo clic en el botón de la papelera. Y luego, elija el icono que desee.
• Puede consultar una vista previa de su estilo personalizado en la parte inferior de esta página.