Door categorieën bladeren
Ontdekken
Fiverr Pro
Nederlands
$
USD
Ik maak aangepaste hubspot crm-kaarten met react ui-extensies
Gecertificeerde HubSpot expert
Hoi, ik ben Ali Fawad Hassan — een HubSpot Certified Expert en Full Stack Developer met meer dan 5 jaar praktische ervaring in CRM-automatisering, API-integraties en schaalbare backend-systemen. Ik on...
Niveau 1
Voldoet aan bepaalde prestatiecriteria en toont een sterke potentie op de marktplaats.
Over deze dienst
Wil je externe data binnen een HubSpot-record zodat je reps niet meer een tweede tab hoeven te openen?
Ik bouw HubSpot UI-extensies (app-kaarten) met React, TypeScript en de HubSpot CLI op het huidige ontwikkelaarsplatform - niet de verouderde legacy CRM-kaartendpoint.
Lees dit voordat je bestelt: private app-kaarten vereisen een Enterprise-abonnement op een hub. Bij Starter of Pro is de route een openbare app in plaats daarvan. Vertel me je tier en ik bevestig welke van toepassing is voordat je iets uitgeeft.
Wat ik bouw:
- App-kaarten op contacten, bedrijven, deals, tickets en aangepaste objecten (crm.record.tab, crm.record.sidebar, crm.preview)
- App-pagina's en instellingenpagina's voor full-screen dashboards
- App-functies die je API, ERP of SQL-database aanroepen
- Migraties van legacy CRM-kaart naar UI-extensie
- Platformversie-upgrades (2025.1 / 2025.2 naar 2026.03)
Je krijgt het eerst geïmplementeerd op een ontwikkelaarstestaccount, daarna op je portal, plus de projectbron en een README zodat je eigen team het zonder mij kan heruitrollen.
Meer dan 5 jaar ervaring met HubSpot APIs en private apps. Node.js, Python, React.
Stuur me een bericht met je hub-tier, het object waarop de kaart zit, en het systeem waaruit het data haalt.
Software:
HubSpot
Branche:
Bouw
•
Energie
•
Telecommunicatie
Mijn portfolio
Veelgestelde vragen
Automatische vertaling
Heb ik HubSpot Enterprise nodig om een aangepaste CRM-kaart te maken?
Voor een private app-kaart, ja. Sinds november 2024 werken private app-kaarten op elke hub, maar het portaal moet op een Enterprise-tier staan. Op Starter of Pro is de route een public app of een App-pagina, die geen tier-vereiste hebben. Stuur me je hub en tier, dan bevestig ik dat voordat je bestelt.
Wat is een HubSpot UI-extensie versus een legacy CRM-kaart?
Een UI-extensie is een React-component die binnen HubSpot draait, gebouwd met de HubSpot CLI en het ontwikkelaarsplatform. Een legacy CRM-kaart is de oudere endpoint die vaste velden teruggeeft. UI-extensies bieden tabellen, knoppen, formulieren en aangepaste acties. legacy-kaarten niet.
Kun je mijn legacy HubSpot CRM-kaart migreren naar een UI-extensie?
Ja. Ik bouw de legacy-kaart opnieuw op als een React UI-extensie op het huidige ontwikkelaarsplatform, met dezelfde data bron en gedrag. HubSpot publiceert een legacy CRM-kaart converter als referentie-implementatie; ik gebruik dat patroon en breid het uit met echte componenten en acties.
Op welke HubSpot-objecten kan een custom app-kaart verschijnen?
Contacten, bedrijven, deals, tickets en custom objects. Plaatsingsopties zijn crm.record.tab in de middelste kolom, crm.record.sidebar in de rechterzijbalk en crm.preview in previewpanelen. Custom objects kunnen individueel worden getarget of met de p_* wildcard over een portal.
Kan de app card data terugschrijven naar mijn systeem, niet alleen tonen?
Ja. Tweeweg is standaard: knoppen, formulieren en aangepaste acties in de card roepen je API aan via App Functions of hubspot.fetch(). Een beperking die je vroeg moet weten - apps die Sensitive Data scopes gebruiken, kunnen cards tonen maar niet hubspot.fetch() of functies gebruiken.
Op welke HubSpot developer platform versie bouw je?
Platform 2026.03, dat serverless logica herstelt als App Functions onder src/app/functions/. Ik werk ook aan projecten van 2025.1 en 2025.2, inclusief de upgrade pad tussen hen. Als jouw app vastloopt halverwege de migratie na de verwijdering van de 2025.2 functie, is dat een klus die ik op mezelf neem.
Kan de UI-extensie data ophalen van mijn eigen API, ERP of database?
Ja. De kaart kan lezen van elke REST API, SQL database, ERP of interne service die je eraan kunt koppelen. Auth, rate limits, foutstatussen en lege staten worden afgehandeld in de extensie, zodat je medewerkers een bruikbare kaart zien in plaats van een spinner wanneer het bron systeem traag is of uitvalt.
Krijg ik de broncode voor de HubSpot private app?
Ja. Je krijgt de volledige broncode van het ontwikkelaarsproject, de -hsmeta.json configuratie, de React componenten en een README met uitleg over setup, deployment en omgevingsvariabelen. Jouw eigen team kan het opnieuw uitrollen met de HubSpot CLI zonder mij. Geen lock-in en geen gehoste black box.
Hoe test je voordat je het naar mijn live HubSpot portal brengt?
Ik bouw en implementeer eerst in een ontwikkelaars testaccount of sandbox, en loop er vervolgens samen met jou doorheen via een opgenomen demo of schermdeling. Pas nadat jij akkoord geeft, gaat de app naar jouw productieportal. Zo blijven je live records onaangeroerd terwijl de kaart nog wordt aangepast.
Hoe lang duurt het om een aangepaste HubSpot app kaart te maken?
Een enkele read-only kaart op één object duurt meestal 2-4 dagen. Kaarten met write-back, aangepaste acties of meerdere objecten duren 1-2 weken. Migraties van legacy kaarten hangen af van het aantal kaarten en endpoints. Stuur me een bericht met het object, de data source en je tier voor een vaste planning.
