Kategorien durchsuchen
Entdecken
Fiverr Pro
Deutsch
$
USD
Ich erstelle eigene Hubspot CRM-Karten mit React UI Extensions
Zertifizierter HubSpot-Experte
Hallo, ich bin Ali Fawad Hassan – ein HubSpot-zertifizierter Experte und Full-Stack-Entwickler mit über 5 Jahren praktischer Erfahrung in CRM-Automatisierung, API-Integrationen und skalierbaren Backen...
Level 1
Hat bestimmte Leistungskriterien erfüllt und zeigt großes Potenzial auf dem Marktplatz.
Über diesen Service
Brauchst du externe Daten in einem HubSpot-Datensatz, damit deine Mitarbeiter nicht mehr einen zweiten Tab öffnen müssen?
Ich erstelle HubSpot UI-Erweiterungen (App-Karten) mit React, TypeScript und dem HubSpot CLI auf der aktuellen Entwicklerplattform – nicht auf dem veralteten Legacy CRM-Karten-Endpunkt.
Lesen Sie dies vor der Bestellung: Private App-Karten erfordern ein Enterprise-Abonnement bei jedem Hub. Bei Starter oder Pro ist stattdessen eine öffentliche App erforderlich. Sag mir deine Stufe und ich bestätige, was zutrifft, bevor du etwas ausgibst.
Was ich erstelle:
- App-Karten für Kontakte, Unternehmen, Deals, Tickets und benutzerdefinierte Objekte (crm.record.tab, crm.record.sidebar, crm.preview)
- App-Seiten und Einstellungsseiten für Vollbild-Dashboards
- App-Funktionen, die deine API, ERP oder SQL-Datenbank aufrufen
- Migrationen von Legacy CRM-Karten zu UI-Erweiterungen
- Upgrades der Plattformversionen (2025.1 / 2025.2 auf 2026.03)
Du bekommst es zuerst in einem Entwickler-Testkonto deployed, dann in deinem Portal, plus den Projekt-Source und eine README, damit dein Team es selbst neu deployen kann.
Mehr als 5 Jahre Erfahrung mit HubSpot APIs und privaten Apps. Node.js, Python, React.
Schreib mir mit deiner Hub-Stufe, dem Objekt, auf dem die Karte sitzt, und dem System, aus dem sie Daten zieht.
Software:
HubSpot
Branche:
Bauindustrie
•
Energie
•
Telekommunikation
Mein Portfolio
FAQ
Automatische Übersetzung
Muss ich HubSpot Enterprise haben, um eine individuelle CRM-Karte zu erstellen?
Für eine private App-Karte ja. Seit November 2024 funktionieren private App-Karten auf jedem Hub, aber das Portal muss auf einer Enterprise-Stufe sein. Bei Starter oder Pro ist der Weg eine öffentliche App oder eine App-Seite, die keine Stufenanforderung haben. Schick mir deinen Hub und deine Stufe, und ich bestätige das, bevor du bestellst.
Was ist eine HubSpot UI-Erweiterung im Vergleich zu einer Legacy CRM-Karte?
Eine UI-Erweiterung ist eine React-Komponente, die innerhalb von HubSpot läuft, gebaut mit dem HubSpot CLI und der Entwicklerplattform. Eine Legacy CRM-Karte ist der ältere Endpunkt, der feste Felder zurückgibt. UI-Erweiterungen bieten dir Tabellen, Buttons, Formulare und benutzerdefinierte Aktionen. Legacy-Karten tun das nicht.
Kannst du meine alte HubSpot CRM-Karte in eine UI-Erweiterung migrieren?
Ja. Ich baue die alte Karte als React UI-Erweiterung auf der aktuellen Entwicklerplattform neu auf, wobei ich die gleiche Datenquelle und das gleiche Verhalten beibehalte. HubSpot veröffentlicht einen Legacy CRM-Karten-Konverter als Referenzimplementierung; ich nutze dieses Muster und erweitere es mit echten Komponenten und Aktionen.
Auf welchen HubSpot-Objekten kann eine benutzerdefinierte App-Karte erscheinen?
Kontakte, Unternehmen, Deals, Tickets und benutzerdefinierte Objekte. Platzierungsoptionen sind crm.record.tab in der Mittelsäule, crm.record.sidebar in der rechten Leiste und crm.preview in Vorschau-Panels. Benutzerdefinierte Objekte können einzeln oder mit dem p_* Wildcard über ein Portal hinweg angesprochen werden.
Kann die App-Karte Daten zurück in mein System schreiben, nicht nur anzeigen?
Ja. Zwei-Wege-Kommunikation ist Standard: Buttons, Formulare und benutzerdefinierte Aktionen in der Karte rufen deine API über App Functions oder hubspot.fetch() auf. Ein wichtiger Punkt, den du früh wissen solltest – Apps mit Sensitive Data Scopes können Karten anzeigen, aber nicht hubspot.fetch() oder Funktionen verwenden.
Auf welcher HubSpot-Entwicklerplattform-Version baust du?
Platform 2026.03, die die serverlose Logik als App Functions unter src/app/functions/ wiederhergestellt hat. Ich arbeite auch an den Projekten 2025.1 und 2025.2, inklusive des Upgrade-Pfads zwischen ihnen. Wenn deine App nach der Entfernung der Funktion 2025.2 beim Migrationstief steckt, ist das eine Aufgabe, die ich eigenständig übernehme.
Kann die UI-Erweiterung Daten von meiner eigenen API, ERP oder Datenbank abrufen?
Ja. Die Karte kann von jeder REST API, SQL-Datenbank, ERP oder internem Service lesen, den du ihr zugänglich machst. Authentifizierung, Rate-Limits, Fehlerzustände und leere Zustände werden in der Erweiterung gehandhabt, damit deine Vertreter eine nutzbare Karte sehen, anstatt eines Ladekreises, wenn das Quellsystem langsam ist oder ausfällt.
Bekomme ich den Quellcode für die HubSpot-Private-App?
Ja. Du erhältst den vollständigen Quellcode des Entwicklerprojekts, die -hsmeta.json-Konfiguration, die React-Komponenten und eine README mit Anleitung zu Setup, Deployment und Umgebungsvariablen. Dein Team kann sie mit dem HubSpot CLI ohne mich neu deployen. Kein Lock-in und keine gehostete Black Box.
Wie testest du, bevor du es in meinen Live-HubSpot-Portal einsetzt?
Ich erstelle und setze es zuerst in einem Entwickler-Testkonto oder Sandbox um, dann zeige ich dir das Ganze in einer aufgezeichneten Demo oder per Bildschirmübertragung. Erst wenn du zustimmst, kommt die App in dein Produktionsportal. So bleiben deine Live-Daten unberührt, während sich die Karte noch ändert.
Wie lange dauert es, eine individuelle HubSpot App Card zu erstellen?
Eine einzelne read-only Card auf einem Objekt dauert in der Regel 2-4 Tage. Cards mit write-back, benutzerdefinierten Aktionen oder mehreren Objekten brauchen 1-2 Wochen. Die Migrationen alter Cards hängen davon ab, wie viele Cards und Endpunkte vorhanden sind. Schick mir das Objekt, die Datenquelle und dein Tier für eine feste Zeitplanung.
