Je vais créer des cartes CRM HubSpot personnalisées avec des extensions React UI
Expert certifié HubSpot
Niveau 1
Répond à certains critères de performance et présente un fort potentiel sur la place de marché.
À propos de ce service
Vous avez besoin d'données externes à l’intérieur d’un enregistrement HubSpot pour que vos représentants n’aient plus à ouvrir un second onglet ?
Je crée des extensions d’interface utilisateur HubSpot (cartes d’application) avec React, TypeScript et le CLI HubSpot sur la plateforme de développement actuelle — pas l’endpoint de la carte CRM legacy obsolète.
À lire avant de commander : les cartes d’application privées nécessitent un abonnement Enterprise sur n’importe quel hub. Sur Starter ou Pro, la solution est une application publique. Indiquez-moi votre niveau et je vous confirmerai ce qui s’applique avant que vous ne dépensiez quoi que ce soit.
Ce que je réalise :
- Cartes d’application sur contacts, entreprises, transactions, tickets et objets personnalisés (crm.record.tab, crm.record.sidebar, crm.preview)
- Pages d’application et pages de paramètres pour des tableaux de bord en plein écran
- Fonctions d’application appelant votre API, ERP ou base de données SQL
- Migration des anciennes cartes CRM vers des extensions d’interface utilisateur
- Mises à jour de version de la plateforme (2025.1 / 2025.2 vers 2026.03)
Votre projet sera d’abord déployé sur un compte de test développeur, puis sur votre portail, avec le code source du projet et un README pour que votre équipe puisse le redéployer sans moi.
Plus de 5 ans d’expérience avec les API HubSpot et les applications privées. Node.js, Python, React.
Contactez-moi en précisant votre niveau de hub, l’objet sur lequel la carte est placée et le système dont elle extrait les données.
Logiciel:
HubSpot
Industrie:
Construction
•
Énergie
•
Télécommunications
Mon portfolio
FAQ
Traduction automatique
Ai-je besoin de HubSpot Enterprise pour créer une fiche CRM personnalisée ?
Pour une fiche d'application privée, oui. Depuis novembre 2024, les fiches d'application privée fonctionnent sur n'importe quel hub, mais le portail doit être sur un niveau Enterprise. Sur Starter ou Pro, la solution consiste à utiliser une application publique ou une page d'application, qui n'ont pas de restriction de niveau. Envoyez-moi votre hub et votre niveau, je vous confirmerai avant que vous passiez commande.
Qu'est-ce qu'une extension UI HubSpot par rapport à une ancienne fiche CRM ?
Une extension UI est un composant React qui fonctionne dans HubSpot, créé avec le HubSpot CLI et la plateforme de développement. Une ancienne fiche CRM est l'ancien point de terminaison qui renvoie des champs fixes. Les extensions UI offrent des tableaux, des boutons, des formulaires et des actions personnalisées. Les anciennes fiches ne le font pas.
Pouvez-vous migrer ma fiche CRM HubSpot legacy vers une extension UI ?
Oui. Je reconstruis la fiche legacy en tant qu’extension UI React sur la plateforme de développement actuelle, en conservant la même source de données et le même comportement. HubSpot publie un convertisseur de fiche CRM legacy en tant qu’implémentation de référence ; je m’en sers comme modèle et le complète avec de vrais composants et actions.
Sur quels objets HubSpot une fiche d’application personnalisée peut-elle apparaître ?
Contacts, entreprises, transactions, tickets et objets personnalisés. Les options de placement sont crm.record.tab dans la colonne du milieu, crm.record.sidebar dans la barre latérale droite, et crm.preview dans les panneaux de prévisualisation. Les objets personnalisés peuvent être ciblés individuellement ou avec le wildcard p_* à travers un portail.
L'application card peut-elle écrire des données dans mon système, pas seulement les afficher ?
Oui. La communication bidirectionnelle est la norme : les boutons, formulaires et actions personnalisées dans la card appellent votre API via App Functions ou hubspot.fetch(). Une limite importante à connaître dès le départ — les applications utilisant des scopes de données sensibles peuvent afficher des cards mais ne peuvent pas utiliser hubspot.fetch() ou des functions.
Quelle version de la plateforme HubSpot developer utilisez-vous ?
Plateforme 2026.03, qui a rétabli la logique serverless sous forme de App Functions dans src/app/functions/. Je travaille également sur les projets 2025.1 et 2025.2, y compris la mise à niveau entre eux. Si votre application reste bloquée en cours de migration après la suppression de la fonction 2025.2, c’est un travail que je peux prendre en charge séparément.
L'extension UI peut-elle extraire des données de ma propre API, ERP ou base de données ?
Oui. La carte peut lire depuis n'importe quelle API REST, base de données SQL, ERP ou service interne que vous pouvez lui exposer. L'authentification, les limites de taux, les états d'erreur et les états vides sont gérés dans l'extension afin que vos représentants voient une carte utilisable au lieu d'un spinner lorsque le système source est lent ou en panne.
Puis-je obtenir le code source de l'application privée HubSpot ?
Oui. Vous recevez le code source complet du projet développeur, le fichier de configuration -hsmeta.json, les composants React et un README couvrant la configuration, le déploiement et les variables d'environnement. Votre propre équipe peut le redéployer avec le CLI HubSpot sans moi. Aucun verrouillage et aucune boîte noire hébergée.
Comment testez-vous avant de déployer sur mon portail HubSpot en production ?
Je crée et déploie d'abord dans un compte de test développeur ou un sandbox, puis je vous montre le processus lors d'une démo enregistrée ou d’un partage d’écran. Ce n’est qu’après votre validation que l’application est envoyée sur votre portail de production. Cela permet de garder vos données en direct intactes pendant que la carte est encore en cours de modification.
Combien de temps faut-il pour créer une carte d'application HubSpot personnalisée ?
Une seule carte en lecture seule sur un objet prend généralement 2 à 4 jours. Les cartes avec écriture, actions personnalisées ou plusieurs objets prennent entre 1 et 2 semaines. La migration des anciennes cartes dépend du nombre de cartes et de points de terminaison existants. Envoyez-moi le nom de l'objet, la source de données et votre niveau pour un délai fixe.
