Creerò schede personalizzate di hubspot crm con estensioni react ui
Esperto certificato HubSpot
Livello 1
Ha soddisfatto determinati criteri di prestazione e mostra un forte potenziale nel marketplace.
Informazioni su questo servizio
Hai bisogno di dati esterni all'interno di un record HubSpot così i tuoi rappresentanti non devono aprire una seconda scheda?
Costruisco estensioni dell'interfaccia utente di HubSpot (schede app) con React, TypeScript e HubSpot CLI sulla piattaforma di sviluppo attuale - non sull'endpoint legacy della scheda CRM deprecata.
Leggi questo prima di ordinare: le schede app private richiedono un abbonamento Enterprise su qualsiasi hub. Su Starter o Pro, la strada è un'app pubblica invece. Dimmi il tuo livello e ti confermerò quale si applica prima che spendi qualcosa.
Ciò che costruisco:
- Schede app su contatti, aziende, affari, ticket e oggetti personalizzati (crm.record.tab, crm.record.sidebar, crm.preview)
- Pagine app e pagine impostazioni per dashboard a schermo intero
- Funzioni app che chiamano la tua API, ERP o database SQL
- Migrazioni da legacy CRM card a estensioni UI
- Aggiornamenti della versione della piattaforma (2025.1 / 2025.2 a 2026.03)
Prima la deployo su un account di test per sviluppatori, poi sul tuo portale, più il codice sorgente del progetto e un README così il tuo team può ridistribuire senza di me.
Oltre 5 anni di esperienza con HubSpot APIs e app private. Node.js, Python, React.
Scrivimi con il livello del tuo hub, l'oggetto su cui si trova la scheda e il sistema da cui preleva i dati.
Software:
HubSpot
Settore:
Edilizia
•
Energia
•
Telecomunicazioni
Il mio portfolio
FAQ
Traduzione automatica.
Ho bisogno di HubSpot Enterprise per creare una scheda CRM personalizzata?
Per una scheda app privata, sì. Da novembre 2024, le schede app private funzionano su qualsiasi hub, ma il portale deve essere su un livello Enterprise. Su Starter o Pro, la strada è un'app pubblica o una pagina app, che non hanno requisiti di livello. Mandami il tuo hub e il livello e ti confermerò prima che tu ordini.
Cos'è un'estensione UI di HubSpot rispetto a una scheda CRM legacy?
Un'estensione UI è un componente React che funziona all'interno di HubSpot, creato con HubSpot CLI e la piattaforma per sviluppatori. Una scheda CRM legacy è il vecchio endpoint che restituisce campi fissi. Le estensioni UI ti permettono di aggiungere tabelle, pulsanti, moduli e azioni personalizzate. Le schede legacy no.
Puoi migrare la mia scheda legacy di HubSpot CRM a un'estensione UI?
Sì. Ricostruisco la scheda legacy come un'estensione UI React sulla piattaforma di sviluppo attuale, mantenendo la stessa fonte di dati e comportamento. HubSpot pubblica un convertitore di schede legacy CRM come esempio di riferimento; uso quel pattern e lo estendo con componenti e azioni reali.
Su quali oggetti di HubSpot può apparire una scheda app personalizzata?
Contatti, aziende, trattative, ticket e oggetti personalizzati. Le opzioni di posizionamento sono crm.record.tab nel colonna centrale, crm.record.sidebar nel riquadro di destra e crm.preview nei pannelli di anteprima. Gli oggetti personalizzati possono essere mirati singolarmente o con il wildcard p_* attraverso un portale.
L'app card può scrivere dati nel mio sistema, oltre a mostrarli?
Sì. La comunicazione bidirezionale è normale: pulsanti, moduli e azioni personalizzate nella card chiamano la tua API tramite App Functions o hubspot.fetch(). Un limite importante da sapere fin da subito - le app che usano scope di Dati Sensibili possono mostrare le card ma non possono usare hubspot.fetch() o le funzioni.
Su quale versione della piattaforma HubSpot developer lavori?
Platform 2026.03, che ha ripristinato la logica serverless come App Functions sotto src/app/functions/. Lavoro anche sui progetti 2025.1 e 2025.2, inclusa la fase di upgrade tra di loro. Se la tua app si blocca a metà migrazione dopo la rimozione della funzione 2025.2, è un lavoro che affronto da solo.
L'estensione UI può prelevare dati dal mio API, ERP o database?
Sì. La scheda può leggere da qualsiasi API REST, database SQL, ERP o servizio interno che puoi esporre. Autenticazione, limiti di velocità, stati di errore e stati vuoti sono gestiti nell'estensione, così i tuoi rappresentanti vedono una scheda utilizzabile invece di un spinner quando il sistema di origine è lento o inattivo.
Ottengo il codice sorgente per l'app privata di HubSpot?
Sì. Ricevi il progetto completo del codice sorgente, il file di configurazione -hsmeta.json, i componenti React e un README che copre setup, deploy e variabili di ambiente. La tua squadra può ridistribuirlo con HubSpot CLI senza bisogno di me. Nessun lock-in e nessuna scatola nera ospitata.
Come testi prima di mettere in produzione nel mio portale HubSpot?
Costruisco e deployo prima in un account di test o sandbox per sviluppatori, poi te lo mostro tramite una demo registrata o con condivisione schermo. Solo dopo che dai l'ok, l'app viene trasferita nel tuo portale di produzione. Così i tuoi record live restano intatti mentre la scheda è ancora in fase di modifica.
Quanto tempo ci vuole per creare una scheda personalizzata di HubSpot?
Una singola scheda in sola lettura su un oggetto di solito richiede 2-4 giorni. Le schede con write-back, azioni personalizzate o più oggetti richiedono 1-2 settimane. Le migrazioni delle schede legacy dipendono da quanti schede e endpoint ci sono. Scrivimi l'oggetto, la fonte dei dati e il tuo tier per una tempistica fissa.
