Comment intégrer Cord à votre site en une seule commande
L’assistant de la CLI de Cord intègre votre site en quelques minutes : générateur de devis, webhooks, vos apps et agents d’IA, sans copier de clé, en mode test.
É
Équipe CordIngénierie produit
Mettre Cord sur votre site, c’est plusieurs choses à la fois : afficher le générateur de devis pour que vos clients composent leur proposition, recevoir une notification dans vos systèmes quand quelqu’un approuve ou paie, et tenir votre CRM et votre équipe informés sans que personne ne recopie de données à la main. Jusqu’ici, cela demandait un après-midi de documentation, des clés copiées depuis un tableau de bord et des tests à l’aveugle.
Dès aujourd’hui, la personne qui gère votre site lance une commande et l’assistant de Cord fait ce travail en quelques minutes.
À la main
01Ouvrir le tableau de bord, créer une clé et la copier02La coller dans un .env sans la pousser sur le dépôt03Installer le SDK et écrire la route des webhooks04Vérifier la signature de chaque webhook05Mettre en place le proxy de Cord Elements06Ouvrir un tunnel pour recevoir les webhooks en local07Connecter HubSpot, Shopify ou Slack dans un autre onglet08Configurer le MCP de Cord dans chaque agent
Avec la CLI$ npx @flouviahq/cli
✓Vous vous connectez depuis le navigateur, sans copier de clé✓SDK, route des webhooks et proxy d’Elements✓Une clé de test dans un .env que git ignore✓Des webhooks signés qui arrivent sur votre localhost✓Vos applications, connectées depuis le navigateur✓Le MCP de Cord dans vos agents d’IA
Ce qui demandait huit étapes à la main, l’assistant le règle en une seule session.
Qu’est-ce que la CLI de Cord ?
C’est l’outil en ligne de commande de Cord. La CLI s’installe depuis npm et, lancée sans argument, ouvre un assistant qui occupe le terminal et guide l’intégration du début à la fin. Avant de toucher à quoi que ce soit, elle lit le projet : elle reconnaît la technologie avec laquelle votre site est construit, voit quelles apps il utilise et vous explique ce qu’elle va faire.
ma-boutique — npx @flouviahq/cli
Assistant de Cord cli 2.2.0Aide : docs.cordhq.app/cli
Nous connectons votre compte, intégrons Cord à votre projet et mettons vos webhooks à l’écoute.Voyez ce qui est partagé dans « Confidentialité et données ». Les valeurs de vos .env* restent sur votre ordinateur.
Votre compte, votre projet et vos webhooks prêts en quelques minutes.
Dossier ✓ ~/ma-boutiqueFramework✓ Next.js (App Router) détectéPlan ✓ SDK · route des webhooks · proxy Elements · votre configurationApps ✓ HubSpot, Shopify, Slack nous vous proposons de les connecterCompte ○ non connecté votre navigateur va s’ouvrir
▸ Continuer Changer de framework Ce qu’il va faire Confidentialité et données Annuler
↑↓ naviguerenter choisiresc quitter
L’accueil de l’assistant : votre dossier, votre framework, vos apps et ce qu’il va intégrer.
Vous vous connectez avec votre compte, pas avec une clé
La première étape consiste à connecter votre compte. Au lieu de vous demander de chercher et de coller une clé API, l’assistant ouvre votre navigateur sur Cord. Vous y choisissez l’organisation et décidez de ce que peut faire la clé du projet : lire votre catalogue, créer des devis, gérer les webhooks. L’option suggérée est le minimum dont l’intégration a besoin.
Vous autorisez, Cord confirme que c’est bien vous et le terminal se connecte tout seul. Le tout en mode test : rien de ce que fait l’assistant ne touche à vos ventes réelles.
EnvironnementL’assistant n’utilise que des clés de test. Votre compte réel ne change pas sans que vous approuviez chaque modification.Test
DroitsSuggéréLecture seuleAucun
Connecter le terminalSimulateurs, événements, propositions de configuration et l’assistant IA, avec une clé de test qui expire dans 90 jours.Requis
Clé du projetL’assistant l’enregistre dans le fichier d’environnement de votre projet pour votre serveur et Cord Elements. Elle compte comme une des clés de votre offre.
ProduitsLe générateur de devis affiche votre catalogue.Aucun accèsLectureÉcriture
ClientsVotre serveur recherche des clients dans votre CRM.Aucun accèsLectureÉcriture
DevisLe générateur de devis crée des devis.Aucun accèsLectureÉcriture
WebhooksVotre code crée et gère des endpoints de webhooks.Aucun accèsLectureÉcriture
ElementsLa configuration du générateur de devis et le brouillon avec l’IA.Aucun accèsLectureÉcriture
En autorisant, vous revenez à votre terminal sur localhost:52814. Si vous n’avez pas ouvert l’assistant, annulez.AnnulerAutoriser l’assistant
ma-boutique — npx @flouviahq/cli
Assistant de Cord cli 2.2.0Aide : docs.cordhq.app/cli
Autorisez dans votre navigateurChoisissez l’organisation et les autorisations, puis cliquez sur Autoriser. Le terminal se connecte tout seul, sans code à copier.
https://cordhq.app/app/cli/autorizar?codigo=KXTW-4829&proyecto=1Appuyez sur o pour ouvrir le lien dans votre navigateur ou sur c pour le copier.
⠹En attente de votre autorisation dans le navigateur
o ouvrir dans le navigateurc copier le lienesc quitter
Pendant que le terminal attend, vous décidez dans le navigateur à quelle organisation il accède et avec quels droits.
Votre site, intégré
Une fois le compte connecté, l’assistant prépare votre projet :
Le SDK de Cord, installé avec le gestionnaire de paquets que votre projet utilise déjà.
La route qui reçoit les notifications de Cord (les webhooks), qui vérifie la signature de chacune pour que personne ne puisse se faire passer pour Cord.
La passerelle pour le générateur de devis (le proxy de Cord Elements), pour que vos clients établissent leurs devis sur votre site sans exposer votre clé.
Votre clé de test, enregistrée dans un fichier qui n’est pas envoyé dans le dépôt.
Votre configuration, si vous lui indiquez votre site et votre activité : Cord propose vos produits, taxes et modèles, et vous les validez avant qu’ils ne s’appliquent.
À la fin, il laisse un rapport avec chaque fichier créé. Et il n’écrase jamais un fichier qui existait déjà.
Transparent sur vos données
Avant de commencer, l’assistant vous dit ce qui quitte votre ordinateur et ce qui ne le quitte jamais. Les mots de passe et les clés de vos fichiers d’environnement restent sur votre ordinateur.
ma-boutique — npx @flouviahq/cli
Assistant de Cord cli 2.2.0Aide : docs.cordhq.app/cli
Confidentialité et données
Ce qui quitte votre ordinateur+ Votre site, la description et la liste de prix que vous fournissez, pour proposer la configuration de votre compte.+ Le nom de cette machine, pour nommer la clé créée. Si vous intégrez avec l’IA, les chemins de vos fichiers et ceux que l’IA ouvre.
Ce qui ne sort jamais− Les valeurs de vos .env* et tout secret.− Votre dossier .git, node_modules et tout ce qui est hors de ce projet.
Ce qu’il fait sans vous demanderInstaller les paquets Cord, créer ou ajuster les fichiers de l’intégration et enregistrer votre clé de test dans un .env ignoré par git.
Ce qu’il ne fait jamaisLancer une commande hors de sa liste : il installe seulement les paquets Cord et lance vos scripts de build, de lint et de tests.
Votre compte réel ne change pas : la configuration reste une proposition jusqu’à ce que vous la validiez sur cordhq.app.
▸ Retour Lire le guide complet docs.cordhq.app/cli
↑↓ naviguerenter choisiresc retour
L’écran Confidentialité et données, toujours à un pas du menu.
La version 2.1 apporte aussi une IA qui adapte l’intégration à la façon dont votre projet est construit, avec des outils qui ne sortent pas de son dossier et une liste fermée de commandes. Nous ne l’avons pas encore activée : nous le ferons quand notre déclaration sur l’intelligence artificielle couvrira la lecture, par l’IA, du code de la personne qui intègre. En attendant, l’assistant intègre avec des modèles éprouvés, sans que vous ayez quoi que ce soit à faire différemment.
Connectez les apps que vous utilisez déjà
Si votre projet travaille déjà avec HubSpot, Shopify ou Slack, l’assistant le repère dans ses dépendances et vous propose de les connecter à Cord. Chacune se connecte dans votre navigateur, avec sa propre autorisation, et l’écran la coche tout seul une fois terminé. Il reconnaît aussi QuickBooks Online, Xero, Google Sheets et Microsoft Teams.
ma-boutique — npx @flouviahq/cli
Assistant de Cord cli 2.2.0Matériaux Rhône · test
Connectez les apps que vous utilisez déjàVotre projet utilise ces apps. Connectez-les à Cord depuis votre navigateur, ou plus tard dans Paramètres › Intégrations.
HubSpot ✓ Connectée Clients et devis comme Transactions▸ Shopify ○ Non connectée Catalogue, clients et commandesSlack ○ Non connectée Alertes sur les devis et paiements
HubSpot est connectée.
↑↓ naviguero connecterc copier le lienenter continueresc passer
Les apps de votre projet, avec leur statut dans Cord et ce que fait chaque connexion.
Ce que vous gagnez avec chacune : avec HubSpot, vos clients et vos devis existent aussi en tant que Transactions ; avec Shopify, votre catalogue, vos clients et vos commandes ; avec Slack, une notification dans votre canal quand un client approuve ou paie.
Vos agents d’IA, connectés à Cord
À la fin, l’assistant propose d’installer Cord dans les agents d’IA de votre équipe : Claude Code, Cursor et VS Code. Votre agent peut alors consulter les devis, les clients et les paiements, et préparer des brouillons. Ce qui envoie, encaisse ou modifie un client, c’est vous qui le validez dans Cord, jamais l’agent.
ma-boutique — npx @flouviahq/cli
Assistant de Cord cli 2.2.0Matériaux Rhône · test
Mettez Cord dans vos agents d’IAAvec le serveur MCP de Cord, votre agent consulte les devis, les clients et les paiements et prépare des brouillons. Ce qui envoie, encaisse ou modifie un client, vous le validez dans Cord.
▸ [x] Claude Code .mcp.json[x] Cursor .cursor/mcp.json[ ] VS Code .vscode/mcp.json
Dans Claude ou ChatGPT, ajoutez un connecteur personnalisé avec https://cordhq.app/api/mcpSeule l’adresse est écrite : la première fois, l’agent vous demande d’autoriser l’accès dans Cord.
Vous cochez les agents de votre équipe et l’assistant installe Cord dans chacun, sans enregistrer aucune clé.
Si vous préférez Claude ou ChatGPT, Cord s’ajoute comme connecteur personnalisé. Nous expliquons pourquoi nous avons connecté Cord aux agents dans cet article sur MCP.
Tester sans attendre un client
Pour voir l’intégration fonctionner, inutile d’attendre qu’un client approuve un devis. L’assistant laisse votre serveur à l’écoute des notifications de test, et une commande suffit pour déclencher la même notification que Cord enverrait quand un client approuve ou paie.
ma-boutique — npx @flouviahq/cli
Assistant de Cord cli 2.2.0Matériaux Rhône · test · 2:18
✓ MCP de Cord dans Claude Code, Cursor+ .mcp.json+ .cursor/mcp.json
✓ Cord et HubSpot, connectés
✓ Cord et Slack, connectés
○ Shopify n’est pas encore connectée · cordhq.app/app/ajustes/integraciones/shopify
Étape suivante$npm run devdémarrez votre serveur$cord trigger quote.approveddéclenchez un événement de test
Tableau de bordcordhq.app/appRapportCORD-INTEGRACION.md
● Écoute des webhooks → http://localhost:3000/api/webhooks/cord12:04:31 quote.approved ✔ 200 38 ms12:04:52 quote.paid ✔ 200 41 ms
o ouvrir le rapportctrl+c quitter
Le résumé final : ce qui est prêt, ce qui manque et les notifications de test qui arrivent déjà sur votre serveur.
Commencez dès aujourd’hui
Transmettez ceci à la personne qui gère votre site :
npx @flouviahq/cli
Si vous voulez le détail technique, le fonctionnement de la connexion par le navigateur, ce que l’IA peut faire ou non, et toutes les commandes, tout est dans l’article du dev blog et dans le guide de la CLI.
Questions fréquentes
Qui lance l’assistant ?
La personne qui gère votre site, que ce soit votre équipe ou votre agence : elle le lance dans le dossier du projet avec Node 22 ou une version ultérieure. L’assistant installe ce qu’il faut, crée les fichiers et laisse un rapport de ce qui a changé.
Peut-il modifier mon compte réel ?
Non. Le terminal travaille avec des clés de test. Si vous lui indiquez votre site et votre activité, Cord propose votre configuration, et cette proposition ne s’applique qu’une fois que vous l’avez validée sur cordhq.app.
Avec quelles technologies fonctionne-t-il ?
Next.js (App Router et Pages Router), Astro, Express, Laravel, Django, Flask et FastAPI. S’il ne reconnaît pas le framework du dossier, il vous laisse le choisir.
Que deviennent mes mots de passe et mes clés ?
Les valeurs de vos fichiers .env ne quittent jamais votre ordinateur. L’assistant écrit seulement la clé de test du projet dans un fichier d’environnement ignoré par git, et ne touche pas aux autres lignes.
Est-ce payant ?
La CLI est gratuite et s’installe depuis npm. La clé du projet qu’elle crée compte comme une clé de votre offre.
Abonnez-vous au blog Cord
Stratégies financières, analyses de marché et nouveautés produit, directement dans votre boîte de réception.
Nous utilisons des cookies essentiels au fonctionnement de Cord. Uniquement si vous l’acceptez, nous mesurons l’utilisation du site avec PostHog, ainsi que l’audience et les performances avec Vercel. Vous pouvez modifier votre choix à tout moment. Politique de cookies