Componentes
¿Qué son los Componentes?
En Kosmos, contamos con una variedad de componentes para guiar a tu usuario final a través de los flujos. Estos componentes están organizados en tres categorías: Acciones, Componentes y Widgets.
Acciones
Las Acciones son componentes que realizan una tarea específica en un flujo. Aquí te presentamos los distintos tipos de Acciones que tenemos en Kosmos:
Formularios: Este componente permite al usuario ingresar información y datos relevantes para el flujo.
Carga de documentos: Con este componente, el usuario puede cargar documentos requeridos para el flujo.
Video de Aceptación de Términos y Condiciones: Permite al usuario final grabar un video de sí mismo declarando que acepta los términos y condiciones.
Validación Documental: Permite a un usuario de la empresa validar manualmente que los documentos cargados por el usuario final sean legítimos y válidos.
Atender documentos: Con este componente, los trabajadores pueden atender los documentos cargados por el usuario.
Código QR: Este componente muestra un código QR que el usuario puede escanear para acceder a información relevante.
Biométricos: Este componente permite la autenticación biométrica del usuario.
Cotizador: Está diseñado para que el usuario final pueda calcular plazos, montos y pagos en flujos que involucren solicitudes de crédito. Es una herramienta efectiva para que el usuario final pueda tomar una decisión informada sobre la solicitud de crédito.
Componentes
Los Componentes son elementos visuales que se utilizan para construir las páginas en Kosmos. Aquí te presentamos los distintos tipos de Componentes que tenemos en Kosmos:
Botón: Permite crear configuraciones que permiten avanzar en el flujo cuando se hace clic. Es importante utilizar los botones de manera efectiva para guiar al usuario final a través del flujo de manera clara y sencilla.
Imagen: Con este componente, se pueden insertar imágenes en la página.
Video: Este componente permite mostrar videos en la página.
Forma: Con este componente, se pueden agregar formas en la página.
Texto: Este componente se utiliza para agregar texto en la página.
Widgets
Los Widgets son componentes que muestran información relevante al usuario en el flujo. Aquí te presentamos los distintos tipos de Widgets que tenemos en Kosmos:
Comentario: Este componente permite al usuario agregar comentarios en el flujo.
Visualizar Datos: Permite a los usuarios ver los datos o variables que se capturaron o crearon en el flujo.
Visualizar documentos: Este componente permite al usuario visualizar los documentos cargados en el flujo.
Bitácora: Este componente muestra un registro de las acciones realizadas en el flujo.
Confirmación: Con este componente, se puede mostrar al usuario una confirmación de que su solicitud ha sido recibida.
Tabla: Este componente muestra información organizada en forma de tabla.
Agregar componentes en Kosmos
Para agregar un componente en Kosmos, puedes hacer clic en una sección vacía en la página o directamente desde la barra lateral haciendo clic en "Agregar componente". En un lienzo en blanco, puedes agregar componentes directamente desde la barra lateral.
Es importante elegir los componentes adecuados para cada tipo de página y asegurarse de que se utilizan de manera efectiva para guiar al usuario a través del flujo. En caso de tener dudas sobre cómo agregar o utilizar un componente específico, puedes consultar nuestra documentación detallada o contactar al equipo de soporte de Kosmos.
Pasos para agregar un componente en Kosmos
Iniciar sesión en Kosmos: Abre tu navegador web e inicia sesión en tu cuenta de Kosmos.
Selecciona el flujo: Selecciona el "flujo" donde deseas agregar los componentes.
Abrir la edición de la página: Haz click en el botón "Ver" del flujo que hayas seleccionado.
Agregar una sección: Si necesitas agregar una sección, haz clic en el botón "Agregar sección" en la barra de herramientas de la izquierda y selecciona el tipo de sección que deseas agregar.
Agregar un componente: Para agregar un componente, haz clic en la sección donde deseas agregar el componente y luego haz clic en el botón "Agregar componente". También puedes agregar un componente desde la Sidebar, haciendo clic en "+Añadir componente".
Seleccionar el componente adecuado: En la barra de herramientas izquierda, se muestran los componentes disponibles. Selecciona el componente que deseas agregar y arrástralo hasta la sección que acabas de crear.
Personalizar el componente: Personaliza el componente para que se ajuste a tus necesidades entrando a la configuración del componente.
Guardar los cambios: Cuando hayas terminado de agregar y personalizar tus componentes, haz clic en el botón "Listo" para guardar los cambios.
Con estos pasos, podrás agregar fácilmente cualquier componente que necesites en tu formulario o detalle en Kosmos. Recuerda elegir los componentes adecuados para cada tipo de página y asegurarte de que se utilizan de manera efectiva para guiar al usuario a través del flujo.
¿Por qué es importante cambiar el nombre a un componente?
En el proceso de creación de una página web, es común tener varios componentes que se utilizan en distintas secciones y flujos. Para evitar confusiones, es importante asignar nombres descriptivos a cada componente. De esta manera, podrás identificarlos fácilmente cuando los necesites usar.
Paso a paso para cambiar el nombre de un componente
Selecciona el componente que deseas renombrar.
Haz click en los tres puntos que aparecen en la esquina superior derecha del componente seleccionado.
Selecciona la opción "Cambiar nombre" del menú desplegable.
Escribe el nuevo nombre que deseas asignar al componente en el campo de texto que aparece.
Haz click en el símbolo “✓” para confirmar el cambio de nombre.
Ejemplo de cambio de nombre de un componente
Imaginemos que tienes tres formularios en tu página web. En vez de tener "Formulario 1", "Formulario 2" y "Formulario 3", puedes renombrarlos como "Formulario de datos personales", "Formulario de datos laborales" y "Formulario de domicilio". De esta manera, cuando necesites utilizar alguno de ellos, podrás identificarlos de manera más clara y rápida.
Otro ejemplo de la importancia de cambiar el nombre de los componentes puede ser cuando estás diseñando una página web con múltiples secciones y componentes, y necesitas identificar de manera rápida y clara cada uno de ellos para poder hacer modificaciones o ajustes. Si todos los componentes tienen nombres similares, como "Imagen 1", "Imagen 2", "Imagen 3", etc., puede ser difícil recordar qué imagen se refiere a qué parte de la página. En cambio, si les das nombres descriptivos, como "Imagen de banner principal", "Imagen de producto A", "Imagen de testimonio B", etc., será mucho más fácil identificar cada componente y hacer los cambios necesarios.
Preguntas Frecuentes
¿Cómo agrego un componente en Kosmos?
Para agregar componentes en Kosmos, simplemente haz clic en una sección vacía de la página de formulario o página de detalle y selecciona "Agregar componente" desde la barra lateral. En un lienzo en blanco, puedes agregar componentes directamente desde la barra lateral.
¿Cómo puedo saber qué componente utilizar en mi flujo?
Es importante elegir los componentes adecuados para cada tipo de página y asegurarse de que se utilizan de manera efectiva para guiar al usuario a través del flujo.
¿Puedo cambiar el nombre de un componente en cualquier momento?
Sí, puedes cambiar el nombre de un componente en cualquier momento mientras estés trabajando en el lienzo en blanco.