--- title: "Connecter noCRM à votre Système d’Information" description: "Comment afficher des informations d’un autre service dans vos opportunités noCRM" url: https://help.nocrm.io/fr/articles/33-connecter-nocrm-a-votre-systeme-d-information collection: "Intégrations" updated: 2026-09-21 language: fr alternates: [en, es, pt-br, de] --- # Connecter noCRM à votre Système d’Information Comment afficher des informations d’un autre service dans vos opportunités noCRM noCRM n’est certainement pas le seul outil que vous utilisez pour stocker et gérer les informations de vos clients. En vous concentrant sur la gestion des opportunités, il peut être utile de le connecter à votre propre système d’information Vous pourriez avoir un ERP pour gérer les stocks, la comptabilité ou la facturation et une personne commerciale doit pouvoir vérifier rapidement si une opportunité existe déjà dans celui-ci - Combien de factures ont-ils ? - Ont-ils payé leur dernière facture ? - Ont-ils obtenu une remise ? - Ont-ils reçu leur dernière commande ? - ... Il est possible pour vos commerciaux d’obtenir des réponses à ces questions sans avoir à passer d’un service à un autre toute la journée noCRM fournit un outil pratique pour cela : le [**widget d’opportunité**](https://help.nocrm.io/fr/articles/39-widgets-personnalises-de-nocrm.md#:~:text=2.-,Le%20widget%20d%27opportunit%C3%A9,-Il%20peut%20%C3%AAtre) Chez noCRM, nous utilisons évidemment notre application pour conclure des ventes, mais nous avons aussi notre propre système d’information qui contient d’autres informations telles que des statistiques d’usage ou des factures, mais aussi des fonctionnalités dont notre équipe Customer Success a besoin pour répondre aux demandes des utilisateurs. Nous utilisons le widget d’opportunité pour connecter les deux outils Sans trop entrer dans les détails techniques, vous pouvez comparer le widget d’opportunité à une fenêtre vers votre système d’information, il vous permet d’obtenir plus d’informations sur votre opportunité, mais aussi d’effectuer des actions sans quitter noCRM permettant d’optimiser encore davantage votre [processus commercial](https://www.nocrm.io/fr/academy/processus-commercial-efficace) même plus loin ![](https://ydncrm-www.s3.amazonaws.com/academy/how-to-connect-nocrm-si/si-lead-widget.png) ## Comment ça fonctionne ? Le widget d’opportunité utilise le système d’iframe HTML. Une iframe permet d’afficher dans une page web n’importe quel contenu (\*) accessible via un navigateur internet Pour créer votre widget, rendez-vous dans votre admin noCRM, vous trouverez _Lead widget_ dans la section _Connect_ ![](https://ydncrm-www.s3.amazonaws.com/academy/how-to-connect-nocrm-si/admin-lead-widget.png) Dans cet exemple, nous utiliserons le type de contenu **Adresse URL**, car nous voulons afficher des informations hébergées sur notre système back-end Imaginons que le système soit hébergé sur _yourprivatesystem.admin.com_ et que nous puissions accéder à un client spécifique en saisissant son adresse e-mail dans un champ de recherche. Le résultat de cette recherche nous enverrait vers cette URL https://yourprivatesystem.admin.com/clients?email=john.doe@acmecorp.com Nous pouvons simplement créer un widget pour notre opportunité, qui remplacerait l’adresse e-mail par celle de l’opportunité, affichant ainsi les informations liées issues de notre système ![](https://ydncrm-www.s3.amazonaws.com/academy/how-to-connect-nocrm-si/lead-widget-fields.png) Si votre système utilise un identifiant unique pour chaque client tel qu’un _client\_id_, il possède certainement une page pour chaque client ressemblant à ceci https://yourprivatesystem.admin.com/clients/29384 ou https://yourprivatesystem.admin.com/clients.php?id=29384 C’est là que la magie de vos champs d’opportunité opère. Si vous créez un champ (Admin → Champs par défaut) nommé « Client ID » et que vous définissez le client\_id sur chaque opportunité, vous pourrez créer un widget affichant des informations selon cet identifiant unique ![](https://ydncrm-www.s3.amazonaws.com/academy/how-to-connect-nocrm-si/lead-widget-client-id.png) La configuration du widget d’opportunité vous permet d’utiliser n’importe quel champ par défaut que vous avez créé sur votre compte noCRM Le résultat ressemblerait à ceci ![](https://ydncrm-www.s3.amazonaws.com/academy/how-to-connect-nocrm-si/lead-widget-preview-1.png) Il est recommandé de créer une page personnalisée dans votre système d’information, spécialement conçue pour le widget de noCRM. Cela demande un peu d’effort, mais **vous voudrez n’avoir que les informations et contrôles utiles pour garder le widget facile à lire et à utiliser** En créant une page spécifique, vous pourrez également gérer les opportunités qui n’ont pas encore de client\_id. Vous pourriez ajouter un bouton ou un formulaire prérempli pour créer un client dans votre système d’information Ajoutez simplement tous les champs nécessaires dans l’URL et faites afficher par votre système un formulaire prérempli si le client\_id est vide ![](https://ydncrm-www.s3.amazonaws.com/academy/how-to-connect-nocrm-si/lead-widget-create-by-fields.png) Le widget afficherait alors un formulaire lorsqu’il n’y a pas encore de client dans votre système ![](https://ydncrm-www.s3.amazonaws.com/academy/how-to-connect-nocrm-si/lead-widget-create-new-client.png) C’est tout ! Ceci était un exemple très basique de ce que vous pouvez réaliser avec le widget d’opportunité, mais cela devrait suffire pour créer le vôtre. Cependant, vous savez où nous trouver si vous [avez besoin d’aide](mailto:support@youdontneedacrm.com) ## Notes supplémentaires : Vous vous demandez peut-être si vos données sont en sécurité. Et **vous avez raison**. Mais si votre système interne nécessite un login/mot de passe pour afficher toute information, toute personne devra être connectée à votre système interne avant de pouvoir consulter des informations via le widget d’opportunité. Vos données sont en sécurité * * * (\*) Certaines pages web interdisent d’être affichées via une iframe, pour en savoir plus, lisez [https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options)