Ver categorias
Explorar
Fiverr Pro
Português
$
USD
Vou criar cards personalizadas do hubspot crm com extensões de interface do react
Especialista certificado em HubSpot
Oi, eu sou Ali Fawad Hassan — um Especialista Certificado pela HubSpot e Desenvolvedor Full Stack com mais de 5 anos de experiência prática em automação de CRM, integrações de API e sistemas backend e...
Nível 1
Atendeu a determinados critérios de desempenho e demonstra forte potencial no marketplace.
Sobre este Serviço
Precisa de dados externos dentro de um registro do HubSpot para que seus representantes parem de abrir uma segunda aba?
Eu crio extensões de UI do HubSpot (cartões de aplicativo) usando React, TypeScript e o HubSpot CLI na plataforma de desenvolvedor atual — não na antiga API de cartão de CRM obsoleta.
Leia isto antes de fazer o pedido: cartões de aplicativos privados exigem uma assinatura Enterprise em qualquer hub. No Starter ou Pro, o caminho é um aplicativo público. Me diga seu nível e eu confirmarei qual se aplica antes de você gastar qualquer coisa.
O que eu construo:
- Cartões de aplicativo em contatos, empresas, negócios, tickets e objetos personalizados (crm.record.tab, crm.record.sidebar, crm.preview)
- Páginas de aplicativo e páginas de configurações para dashboards em tela cheia
- Funções de aplicativo que chamam sua API, ERP ou banco de dados SQL
- Migração de cartão de CRM legado para extensão de UI
- Atualizações de versão da plataforma (2025.1 / 2025.2 para 2026.03)
Você recebe a implementação primeiro em uma conta de teste de desenvolvedor, depois no seu portal, além do código fonte do projeto e um README para que sua equipe possa redeployar sem minha ajuda.
Mais de 5 anos trabalhando com APIs do HubSpot e aplicativos privados. Node.js, Python, React.
Me envie uma mensagem com seu nível de hub, o objeto onde o cartão fica e o sistema de onde ele puxa os dados.
Software:
HubSpot
Setor:
Construção
•
Energia
•
Telecomunicações
Meu portfólio
Perguntas frequentes
Tradução automática
Preciso do HubSpot Enterprise para criar um cartão de CRM personalizado?
Para um cartão de app privado, sim. Desde novembro de 2024, cartões de app privado funcionam em qualquer hub, mas o portal precisa estar na camada Enterprise. No Starter ou Pro, a opção é uma app pública ou uma página de app, que não têm requisito de camada. Me envie seu hub e sua camada que eu confirmo antes de você fazer o pedido.
O que é uma extensão de UI do HubSpot versus um cartão de CRM legado?
Uma extensão de UI é um componente React que roda dentro do HubSpot, criado com o HubSpot CLI e a plataforma de desenvolvedor. Um cartão de CRM legado é o endpoint mais antigo que retorna campos fixos. Extensões de UI oferecem tabelas, botões, formulários e ações personalizadas. Cartões legados não oferecem isso.
Você consegue migrar meu cartão legado do HubSpot CRM para uma extensão de UI?
Sim. Eu reconstruo o cartão legado como uma extensão de UI em React na plataforma de desenvolvedor atual, mantendo a mesma fonte de dados e comportamento. O HubSpot publica um conversor de cartão legado do CRM como uma implementação de referência; eu uso esse padrão e o estendo com componentes e ações reais.
Em quais objetos do HubSpot um cartão de aplicativo personalizado pode aparecer?
Contatos, empresas, negócios, tickets e objetos personalizados. As opções de posicionamento são crm.record.tab na coluna do meio, crm.record.sidebar na coluna da direita e crm.preview nos painéis de visualização. Objetos personalizados podem ser direcionados individualmente ou com o p_* curinga em todo o portal.
O cartão do app consegue escrever dados de volta pro meu sistema, não só mostrar?
Sim. Comunicação bidirecional é padrão: botões, formulários e ações personalizadas no cartão chamam sua API através do App Functions ou hubspot.fetch(). Uma limitação importante de saber desde o começo - apps que usam escopos de Dados Sensíveis podem mostrar cartões, mas não podem usar hubspot.fetch() ou functions.
Qual versão da plataforma de desenvolvedor do HubSpot você usa?
Plataforma 2026.03, que trouxe de volta a lógica serverless como App Functions em src/app/functions/. Também trabalho em projetos de 2025.1 e 2025.2, incluindo o caminho de upgrade entre eles. Se seu app ficou travado na metade da migração após a remoção da função de 2025.2, essa é uma tarefa que eu assumo sozinho.
A extensão de UI consegue puxar dados da sua própria API, ERP ou banco de dados?
Sim. O cartão pode ler de qualquer API REST, banco de dados SQL, ERP ou serviço interno que você possa expor para ele. Autenticação, limites de taxa, estados de erro e estados vazios são gerenciados na extensão, para que seus representantes vejam um cartão utilizável ao invés de um spinner quando o sistema fonte estiver lento ou fora do ar.
Eu recebo o código fonte do aplicativo privado do HubSpot?
Sim. Você recebe o código completo do projeto de desenvolvedor, o arquivo de configuração -hsmeta.json, os componentes React e um README que cobre configuração, implantação e variáveis de ambiente. Sua equipe pode redeployar com o CLI do HubSpot sem precisar de mim. Sem lock-in e sem caixa preta hospedada.
Como você testa antes de colocar no meu portal ao vivo do HubSpot?
Eu crio e faço o deploy primeiro em uma conta de teste de desenvolvedor ou sandbox, depois te mostro tudo numa demo gravada ou compartilhando a tela. Só depois que você aprova, o app vai para o seu portal de produção. Assim, seus registros ao vivo ficam intactos enquanto a carta ainda está sendo alterada.
Quanto tempo leva para criar um cartão personalizado de app no HubSpot?
Um cartão de leitura única em um objeto geralmente leva de 2 a 4 dias. Cartões com write-back, ações personalizadas ou múltiplos objetos levam de 1 a 2 semanas. A migração de cartões legados depende de quantos cartões e endpoints existem. Me envie a respeito do objeto, a fonte de dados e seu tier para um prazo fixo.
