Nous sommes là pour vous aider

Vous pouvez désormais personnaliser le style de vos widgets sans effort grâce à notre nouvelle application Dashboard ! Pour commencer, procédez comme suit :

Accédez à la page des widgets : Connectez-vous à votre Tableau de bord nFusion et accédez à la page des widgets.

Modifier un widget : Dans la page des widgets, localisez le widget que vous souhaitez personnaliser et cliquez sur l'icône en forme de crayon « modifier » dans la colonne des actions. Cette action vous mènera à l'écran de l'éditeur du widget.

Sections de personnalisation : Sur l'écran de l'éditeur du widget, vous trouverez deux sections principales :

• Section de téléchargement de fichiers : Cette section vous permet de télécharger des fichiers, tels que CSS et (JS, disponible uniquement dans le package de widgets avancés), ainsi qu'un fichier image.
• Section Paramètres des widgets : Ici, vous pouvez configurer les paramètres spécifiques du widget. Dans ce guide, nous nous concentrerons sur la section de téléchargement de fichiers et explorerons comment télécharger un fichier CSS personnalisé.

Avant que tu commences:

Avant de télécharger votre CSS personnalisé, nous vous recommandons fortement de consulter notre Meilleures pratiques CSS documentation pour garantir que votre style est appliqué sans aucun conflit.

Téléchargement de CSS personnalisé :

Pour télécharger votre fichier CSS personnalisé, procédez comme suit :

1. Cliquez sur le bouton icône « Télécharger » sous la colonne « Télécharger CSS ». Cette action ouvrira un explorateur de fichiers, vous permettant de sélectionner le fichier CSS que vous souhaitez télécharger.
2. Une fois que vous avez sélectionné un fichier CSS, vous recevrez un message de confirmation confirmant que votre fichier CSS a été téléchargé avec succès.

Prévisualisez vos modifications :

Pour voir vos personnalisations en action, revenez à la page des widgets et cliquez sur le bouton « aperçu » du widget que vous venez de modifier. Cela ouvrira une page d'aperçu du widget où vous pourrez voir votre nouveau style CSS.

Dépannage de l'application CSS :

Si vous constatez que votre CSS personnalisé n'est pas appliqué, envisagez les solutions suivantes :

• Vider le cache et recharger matériellement :
  • Ouvrez la console de développement en utilisant Ctrl+Maj+I (Windows/Linux) ou Option+Command+I (Mac), ou via Outils > Développeur > Outils de développement, ou en cliquant avec le bouton droit et en choisissant Inspecter.
  • Appuyez longuement ou cliquez avec le bouton droit sur l'icône Actualiser.
  • Choisissez « Cache vide et rechargement matériel » dans la liste déroulante.
• Vérifiez la spécificité CSS :
  • Ouvrez la console du développeur et inspectez l'élément que vous souhaitez styliser. Dans le panneau « Styles » à droite, assurez-vous que votre règle CSS n'est pas barrée. Si c'est le cas, cela indique qu'une règle CSS différente peut avoir une spécificité plus élevée.
• Vérifiez les sélecteurs CSS et le fichier :
  • Vérifiez les fautes de frappe dans vos sélecteurs CSS et leur ordre.
  • Assurez-vous que le fichier CSS que vous avez téléchargé est le bon en utilisant l'onglet « Réseau » de la Developer Console et en recherchant la requête CSS correspondant à votre fichier CSS personnalisé.

Si aucune des solutions ci-dessus ne fonctionne, veuillez contacter notre équipe d'assistance à l'adresse support@nfusionsolutions.comLorsque vous signalez votre problème, assurez-vous d'inclure toutes les étapes que vous avez suivies pour résoudre le problème avant de nous contacter. Cela nous aidera à fournir la solution la plus rapide possible à vos besoins de personnalisation.

Pour ce faire, chaque widget doit avoir un identifiant unique afin que lors de leur chargement dans la page, il n'y ait pas d'erreurs javascript ni de conflits. Par conséquent, lorsque vous ajoutez plusieurs instances du même widget à une seule page, vous devez modifier l'ID de l'élément DIV afin qu'il soit unique dans cette page ; puis modifiez l'attribut src dans le script en ajoutant « /your-id » à la fin du domaine racine. En changeant l'ID et en modifiant le src, vous indiquez au script dans quel élément DIV charger le graphique. Par exemple, voici un script de widget graphique par défaut qui a été copié à partir de la page d'aperçu :

<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>

Supposons maintenant que vous souhaitiez ajouter un autre graphique sur la même page (peut-être pour modifier le symbole sélectionné par exemple). Voici à quoi cela ressemblerait si vous ajoutiez une deuxième instance du même widget à une seule page :

<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>

Remarquez que tout est pareil, à l'exception de l'ID de l'élément DIV et de la fin de l'attribut src.

Si vous êtes connecté et souhaitez modifier votre mot de passe :

Une fois connecté au catalogue de produits, accédez à l'élément de menu dans le coin supérieur droit de votre écran dans le menu de navigation et cliquez sur l'élément qui affiche votre nom d'utilisateur. Une fois que vous avez cliqué sur votre nom d'utilisateur, une liste déroulante apparaîtra avec quatre options. Cliquez sur la deuxième option, « mot de passe ». À partir de là, vous pouvez simplement créer un nouveau mot de passe. Saisissez l'ancien mot de passe de l'utilisateur spécifié, puis saisissez le nouveau mot de passe de l'utilisateur. Enfin, confirmez le nouveau mot de passe pour vous assurer qu'il est correct. Une fois que vous avez rempli tous les champs obligatoires afin de réinitialiser votre mot de passe, cliquez sur le bouton Soumettre au bas du formulaire et il soumettra vos modifications. Votre nouveau mot de passe prendra alors effet immédiatement.

Si vous n'êtes pas connecté et avez oublié/perdu votre mot de passe :

Essayez d'utiliser la fonctionnalité de réinitialisation du mot de passe. Sur l'écran de connexion, cliquez sur « Impossible d'accéder à votre compte », puis choisissez le compte « travail ou école », puis complétez les invites pour lancer une réinitialisation du mot de passe. Si vous ne parvenez toujours pas à vous connecter, contactez notre équipe d'assistance.

Pour implémenter vos widgets à l'aide de notre assistant de devises, il existe deux étapes simples.
1. Pour vous assurer que le script d'aide est disponible avant de tenter de l'utiliser, vous devez ajouter le script suivant dans votre en-tête :

2. Maintenant que le script est disponible, vous pouvez ajouter un widget à la page en utilisant un code similaire au suivant :

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

Remplacez simplement « YOUR-WIDGET-ID » dans le script ci-dessus par l'ID figurant dans le script de votre page d'aperçu de widgets. De la même manière, remplacez « YOUR-WIDGET-SCRIPT-SRC-URL » par l'URL attribuée à la variable s.src dans le script de votre page d'aperçu de widgets.
Ce script est très similaire à nos scripts de widget par défaut, à l'exception du fait que vous devez utiliser la fonction « nFSCurrencyHelper.init » et transmettre à la fonction la source du widget.

Ouvrez votre navigateur Web et visitez votre tableau de bord nFusion à l'adresse https://dashboard.nfusionsolutions.com/ ou votre catalogue nFusion à https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Si vous n'êtes pas déjà connecté, la page de connexion vous sera présentée.

En accédant aux solutions nFusion Cloud, vous pouvez exploiter la puissance de vos comptes Google, Microsoft, Apple ou Facebook existants. Par exemple, si l'e-mail sur lequel vous avez reçu votre invitation au tableau de bord est lié à un compte Google ou Gmail, un simple clic sur le bouton Google vous authentifie en un clin d'œil, ce qui facilite la connexion !

Si votre adresse e-mail n'est associée à aucun de ces quatre fournisseurs, il existe une option alternative. Cliquez simplement sur « S'inscrire maintenant » en haut et vous pourrez facilement créer un nouveau compte en utilisant votre adresse e-mail, ainsi qu'un mot de passe de votre préférence. Cela vous permet de créer facilement un nouveau compte.

Dans l'une de nos dernières versions du catalogue de tarification des produits, nous avons ajouté une fonctionnalité SSO (Single Sign On) qui vous permet de vous connecter à votre catalogue de tarification des produits et au tableau de bord en utilisant le même compte utilisateur ! Cela contribuera à rationaliser le processus et à minimiser le temps que vous passez à vous connecter à vos applications nFusion !

Pour passer à cette nouvelle méthode d'authentification, vous devez accéder à la page Utilisateurs de votre tableau de bord nFusion en visitant : https://dashboard.nfusionsolutions.com/en/pages/users

Ici, vous verrez un tableau des utilisateurs qui ont actuellement accès à votre catalogue de produits. Pour ajouter votre enregistrement d'utilisateur à ce tableau, cliquez sur « Ajouter un utilisateur » sous la section utilisateurs de la page. Saisissez ensuite votre nom et l'adresse e-mail à laquelle vous avez reçu votre invitation au tableau de bord nFusion. Sous « Rôle », sélectionnez le rôle que vous souhaitez attribuer à ce compte utilisateur. Le rôle « Administrateur » permet à la fois un accès en lecture et en écriture aux produits, familles de produits, etc. tandis que le rôle « Ventes » est essentiellement une vue en lecture seule du catalogue de produits pour les utilisateurs qui ont uniquement besoin d'un accès en visualisation aux produits du catalogue. . Une fois ces informations saisies, cliquez sur « Soumettre » dans le coin inférieur gauche de la page.

L'utilisateur que vous venez d'ajouter peut désormais se connecter au catalogue et vous devriez avoir reçu un e-mail pour vous aider à le faire. Pour accepter votre invitation à rejoindre le catalogue de produits, accédez à https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Voici où vous pouvez exploiter la puissance de vos comptes Google, Microsoft, Apple ou Facebook existants. Par exemple, si l'e-mail sur lequel vous avez reçu votre invitation au tableau de bord est lié à un compte Google ou Gmail, un simple clic sur le bouton Google vous authentifie en un clin d'œil, ce qui facilite la connexion !

Maintenant que vous êtes connecté à l'aide de votre nouveau compte utilisateur qui utilise votre méthode d'authentification sociale personnelle, vous n'avez plus besoin de vous connecter au tableau de bord en utilisant les anciens e-mails d'administrateur et/ou de vente qui vous étaient précédemment fournis.