Estamos aquí para ayudar

¡Ahora puedes personalizar el estilo de tus widgets sin esfuerzo a través de nuestra nueva aplicación Dashboard! Para comenzar, siga estos pasos:

Acceda a la página de widgets: Inicie sesión en su Panel de control de nFusion y navegue hasta la página de widgets.

Editar un widget: En la página de widgets, ubique el widget que desea personalizar y haga clic en el ícono de lápiz "editar" en la columna de acciones. Esta acción lo llevará a la pantalla del editor del widget.

Secciones de personalización: En la pantalla del editor del widget, encontrarás dos secciones principales:

• Sección de carga de archivos: Esta sección le permite cargar archivos, como CSS y (JS, disponible solo en el paquete de widgets avanzado), así como un archivo de imagen.
• Sección de configuración de widgets: Aquí puede configurar ajustes específicos del widget. En esta guía, nos centraremos en la sección de carga de archivos y exploraremos cómo cargar un archivo CSS personalizado.

Antes de que empieces:

Antes de cargar su CSS personalizado, le recomendamos encarecidamente que revise nuestro Mejores prácticas CSS documentación para garantizar que su estilo se aplique sin ningún conflicto.

Cargando CSS personalizado:

Para cargar su archivo CSS personalizado, siga estos pasos:

1. Haga clic en el botón del icono "cargar" debajo de la columna "Cargar CSS". Esta acción abrirá un explorador de archivos, permitiéndole seleccionar el archivo CSS que desea cargar.
2. Una vez que haya seleccionado un archivo CSS, recibirá un mensaje de confirmación confirmando que su archivo CSS se ha cargado correctamente.

Vista previa de sus cambios:

Para ver sus personalizaciones en acción, regrese a la página de widgets y haga clic en el botón "vista previa" del widget que acaba de editar. Esto abrirá una página de vista previa del widget donde podrá ver su nuevo estilo CSS.

Solución de problemas de la aplicación CSS:

Si descubre que su CSS personalizado no se está aplicando, considere las siguientes soluciones:

• Borrar caché y recarga completa:
  • Abra la Consola de desarrollador usando Control+Mayús+I (Windows/Linux) u Opción+Comando+I (Mac), o mediante Herramientas > Desarrollador > Herramientas de desarrollador, o haciendo clic derecho y eligiendo Inspeccionar.
  • Mantenga presionado o haga clic derecho en el ícono Actualizar.
  • Elija "Vaciar caché y recarga completa" en el menú desplegable.
• Verifique la especificidad de CSS:
  • Abra la Consola de desarrollador e inspeccione el elemento al que desea aplicar estilo. En el panel "Estilos" en el lado derecho, asegúrese de que su regla CSS no esté tachada. Si es así, esto indica que una regla CSS diferente puede tener una mayor especificidad.
• Verifique los selectores y el archivo CSS:
  • Compruebe si hay errores tipográficos en sus selectores de CSS y su orden.
  • Asegúrese de que el archivo CSS que cargó sea el correcto utilizando la pestaña "Red" de Developer Console y buscando la solicitud CSS correspondiente a su archivo CSS personalizado.

Si ninguna de las soluciones anteriores funciona, comuníquese con nuestro equipo de soporte al soporte@nfusionsolutions.com. Al informar su problema, asegúrese de incluir todos los pasos que ha seguido para resolver el problema antes de comunicarse con nosotros. Esto nos ayudará a proporcionar la solución más rápida posible a sus necesidades de personalización.

Para hacer esto, cada widget debe tener una identificación única para que cuando se carguen en la página, no haya errores ni conflictos de JavaScript. Por lo tanto, cuando agrega varias instancias del mismo widget a una sola página, necesita cambiar el ID del elemento DIV para que sea único dentro de esa página; luego, modifique el atributo src dentro del script agregando “/your-id” al final del dominio raíz. Al cambiar el ID y modificar el src, le está indicando al script en qué elemento DIV cargar el gráfico. Por ejemplo, aquí hay un script de widget de gráfico predeterminado que se copió de la página de vista previa:

<div id='c528ee05-722d-4762-a635-213197f7b8b4' style='width:100%;height:100%;'></div>
<script>
    (function () {
        var t = document.getElementsByTagName('script')[0];
        var s = document.createElement('script');
        s.async = true;
        s.src =
            'https://widget.nfusionsolutions.com/widget /script/chart/1/32796899-2cc3-4454-ac51-2c95c78799af/c528ee05-722d-4762-a635-213197f7b8b4';
        t.parentNode.insertBefore(s, t);
    })();
</script>

Ahora digamos que desea agregar otro gráfico en la misma página (tal vez para cambiar el símbolo seleccionado, por ejemplo). Así es como se vería agregar una segunda instancia del mismo widget a una sola página:

<div id='my-custom-id' style='width:100%;height:100%;'></div>
<script>
    (function(){
        var t = document.getElementsByTagName('script')[0];
        var s = document.createElement('script'); s.async = true;
        s.src = 'https://widget.nfusionsolutions.com/widget/script/chart/1/32796899-2cc3-4454-ac51-2c95c78799af/c528ee05-722d-4762-a635-213197f7b8b4/my-custom-id';
        t.parentNode.insertBefore(s, t);
    })();
</script>

Observe cómo todo es igual excepto el ID del elemento DIV y el final del atributo src.

Si ha iniciado sesión y desea cambiar su contraseña:

Una vez que haya iniciado sesión en el catálogo de productos, navegue hasta el elemento del menú en la esquina superior derecha de su pantalla dentro del menú de navegación y haga clic en el elemento que muestra su nombre de usuario. Una vez que haya hecho clic en su nombre de usuario, aparecerá un menú desplegable con cuatro opciones. Haga clic en la segunda opción, “contraseña”. Desde aquí, simplemente puede crear una nueva contraseña. Ingrese la contraseña anterior para el usuario especificado y luego ingrese la nueva contraseña del usuario. Por último, confirme la nueva contraseña para asegurarse de que sea correcta. Una vez que haya completado todos los campos obligatorios para restablecer su contraseña, haga clic en el botón Enviar en la parte inferior del formulario y se enviarán sus cambios. Su nueva contraseña entrará en vigor inmediatamente.

Si no ha iniciado sesión y ha olvidado/perdido su contraseña:

Intente utilizar la función de restablecimiento de contraseña. En la pantalla de inicio de sesión, haga clic en "no puedo acceder a su cuenta", luego elija la cuenta "trabajo o escuela", luego complete las indicaciones para iniciar un restablecimiento de contraseña. Si aún no puedes iniciar sesión contacta nuestro equipo de soporte.

Para implementar sus widgets utilizando nuestro ayudante de moneda hay dos pasos simples.
1. Para garantizar que el script auxiliar esté disponible antes de intentar usarlo, debe agregar el siguiente script dentro de su encabezado:

2. Ahora que el script está disponible para su uso, puede agregar un widget a la página usando un código similar al siguiente:

<div id='YOUR-WIDGET-ID' style='width:100%;height:100%;'></div>
<script>
    (function(){
         nFSCurrencyHelper.init('YOUR-WIDGET-SCRIPT-SRC-URL');
     })();
</script>

Simplemente reemplaza "YOUR-WIDGET-ID" en el script anterior por el ID que aparece en el script de la página de vista previa de widgets. De igual forma, reemplaza "YOUR-WIDGET-SCRIPT-SRC-URL" por la URL asignada a la variable s.src del script de la página de vista previa de widgets.
Este script es muy similar a nuestros scripts de widget predeterminados, con la excepción de que necesita usar la función “nFSCurrencyHelper.init” y pasarle a la función el origen del widget.

Abra su navegador web y visite su Panel de nFusion en https://dashboard.nfusionsolutions.com/ o su catálogo nFusion en https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Si aún no ha iniciado sesión, se le presentará la página de inicio de sesión.

Al ingresar a la nube de soluciones nFusion, puede aprovechar el poder de sus cuentas existentes de Google, Microsoft, Apple o Facebook. Por ejemplo, si el correo electrónico en el que recibió su invitación al Panel de control está vinculado a una cuenta de Google o Gmail, un simple clic en el botón de Google le permitirá autenticarse en un instante, ¡lo que hará que iniciar sesión sea muy sencillo!

Si su dirección de correo electrónico no está asociada con alguno de estos cuatro proveedores, existe una opción alternativa. Simplemente haga clic en "registrarse ahora" en la parte superior y podrá crear fácilmente una nueva cuenta utilizando su dirección de correo electrónico, junto con la contraseña de su preferencia. Esto le brinda la posibilidad de establecer una nueva cuenta con facilidad.

En uno de nuestros últimos lanzamientos del Catálogo de precios de productos, agregamos una función SSO (inicio de sesión único) que le permite iniciar sesión en su Catálogo de precios de productos y en el Panel usando la misma cuenta de usuario. ¡Esto ayudará a agilizar el proceso y minimizar el tiempo que dedica a iniciar sesión en sus aplicaciones nFusion!

Para cambiar a esta nueva forma de autenticación, debe navegar a la página Usuarios de su Panel de nFusion visitando: https://dashboard.nfusionsolutions.com/en/pages/users

Aquí verá una tabla de usuarios que actualmente tienen acceso a su Catálogo de productos. Para agregar su registro de usuario a esta tabla, haga clic en "Agregar usuario" en la sección de usuarios de la página. Luego ingrese su nombre y la dirección de correo electrónico en la que recibió su invitación a nFusion Dashboard. En "Rol", seleccione el rol que desea proporcionar a esta cuenta de usuario. La función "Administrador" permite acceso de lectura y escritura a productos, familias de productos, etc., mientras que la función "Ventas" es esencialmente una vista de solo lectura del catálogo de productos para aquellos usuarios que solo necesitan acceso de visualización a los productos dentro del Catálogo. . Una vez que se haya ingresado esta información, haga clic en "Enviar" hacia la esquina inferior izquierda de la página.

El usuario que acaba de agregar ahora puede iniciar sesión en el catálogo y debería haber recibido un correo electrónico para ayudarlo a hacerlo. Para aceptar su invitación para unirse al catálogo de productos, navegue hasta https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Aquí es donde puede aprovechar el poder de sus cuentas existentes de Google, Microsoft, Apple o Facebook. Por ejemplo, si el correo electrónico en el que recibió su invitación al Panel de control está vinculado a una cuenta de Google o Gmail, un simple clic en el botón de Google le permitirá autenticarse en un instante, ¡lo que hará que iniciar sesión sea muy sencillo!

Ahora que ha iniciado sesión con su nueva cuenta de usuario que utiliza su método de autenticación social personal, ya no necesita iniciar sesión en el Panel utilizando los correos electrónicos de administración o ventas anteriores que se le proporcionaron anteriormente.