Meta tags:
description=Visão geral de alto nível do Content Hub da HubSpot para desenvolvedores, mostrando todos os principais conceitos, como temas, modelos e módulos, e como eles se encaixam.;

Headings (most frequently used words):

do, de, conteúdo, páginas, observação, visão, geral, hubspot, cms, documentation, index, na, página, começando, criando, para, criadores, tipos, trabalhando, com, dados, sistema, arquivos, desenvolvedor, temas, modelos, módulos, campos, linguagem, hubl, conectadas, suporte, multilíngue, start, building, reference, best, practices, marketplace, versions, deprecations, site, landing, pages, blogs, mails, funções, sem, servidor,

Text of the page (most frequently used words):
para (53), #hubspot (40), conteúdo (34), que (34), você (34), uma (32), pode (23), com (22), modelos (22), páginas (20), como (20), #página (20), cms (19), são (19), criar (18), módulos (17), arquivos (17), dados (15), sistema (14), mais (13), site (13), por (13), hubl (13), desenvolvedor (13), criadores (11), servidor (9), ativos (9), mail (9), usando (8), não (8), temas (8), usar (8), blog (8), funções (7), sem (7), também (7), javascript (7), isso (7), landing (7), marketplace (7), visão (6), geral (6), crm (6), hub (6), recursos (6), linguagem (6), campos (6), tipos (6), marketing (6), observação (6), mails (6), cada (6), forma (6), css (6), gerenciador (6), hubdb (6), pages (6), podem (5), ser (5), enterprise (5), content (5), sites (5), nível (5), padrão (5), design (5), meio (5), exemplo (5), listagem (5), sua (5), criação (5), além (4), ferramentas (4), seus (4), contatos (4), seu (4), mesmo (4), sobre (4), apis (4), dos (4), construção (4), imagens (4), eles (4), arrastar (4), soltar (4), personalizados (4), web (4), tipo (4), aos (4), linha (4), cli (4), react (4), principais (4), desenvolvimento (4), tabela (4), vendas (4), crie (4), blogs (4), posts (4), page (4), conta (4), aplicativos (4), introdução (4), desenvolvedores (3), outros (3), das (3), empresas (3), detalhes (3), específicos (3), possível (3), contas (3), lado (3), mas (3), renderização (3), baseado (3), marcação (3), quando (3), saiba (3), bem (3), devem (3), editor (3), tema (3), momento (3), conjunto (3), independente (3), dentro (3), automaticamente (3), significa (3), código (3), diretamente (3), semelhante (3), entre (3), ambiente (3), local (3), criados (3), preencher (3), informações (3), exibir (3), representante (3), fontes (3), algumas (3), modelo (3), enquanto (3), teste (3), começando (3), docs (3), usuários (2), ver (2), idioma (2), disso (2), fornece (2), ajudar (2), usuário (2), suporte (2), multilíngue (2), associação (2), conectadas (2), personalizadas (2), suporta (2), for (2), todos (2), jinja (2), renderizada (2), blocos (2), usados (2), desses (2), objetos (2), definir (2), requer (2), assinatura (2), professional (2), alto (2), individuais (2), trabalhar (2), layout (2), remover (2), deve (2), serão (2), então (2), pasta (2), recomendável (2), cmss (2), dinâmico (2), esses (2), acesso (2), alguns (2), baseados (2), painel (2), armazena (2), equipe (2), separada (2), diferente (2), dinâmicas (2), armazene (2), registros (2), aplicativo (2), trabalhando (2), interface (2), ter (2), têm (2), compartilhar (2), profissionais (2), análise (2), específica (2), está (2), muitos (2), precisa (2), servidores (2), cdn (2), criado (2), pelo (2), desenvolvido (2), hospedagem (2), suas (2), gerenciamento (2), plugins (2), segurança (2), alterar (2), base (2), entender (2), construir (2), foi (2), criando (2), início (2), começar (2), conceitos (2), requisitos (2), template (2), use (2), sign (2), documentation (2), index (2), medium, linkedin, youtube, instagram, facebook, próximo, primeiros, passos, última, modificação, fevereiro, 2026, assim, finais, poderão, qual, sentem, confortáveis, garantir, certo, esteja, disponível, final, variações, idiomas, exigir, estejam, logados, visualizar, específico, trás, altamente, personalizado, contato, conectado, até, renderizar, negócios, produtos, consultar, obter, referência, alcançar, limites, oferece, soluções, utilizar, permitindo, programação, sofisticada, tem, esperaria, simples, complexa, busca, mapeamento, filtros, tags, macros, instruções, loops, variáveis, principal, usará, markup, language, pronuncia, hubble, extensão, mecanismo, modelagem, usa, quantidade, razoável, exclusiva, executado, completamente, jinjava, contêm, configurações, números, strings, rich, text, controlar, organizados, aparecer, valores, aplicados, módulo, contêiner, empacotar, coeso, abaixo, usam, postagens, muito, elementos, cartão, preços, galeria, comuns, quais, trabalhará, ativo, eficaz, liberdade, mantendo, padrões, definidos, estilo, minificação, reduz, incluídos, espaços, quebras, comentários, desnecessários, aplica, adicionar, reduzido, carregados, detectados, mostrados, criarem, novas, estrutura, fica, critério, necessário, residam, entanto, organizar, maneira, boilerplate, modules, difere, abordagem, tradicionais, referências, quebradas, erros, arquivo, sintaxe, capturadas, publicação, execução, proporcionando, isolamento, extra, contra, falhas, acidentais, tráfego, atinge, segundo, plano, mapeados, entradas, banco, vez, direto, ssh, ftp, esperar, permissões, links, simbólicos, oferecidos, aparecerão, somente, buscar, carregar, suportam, este, esquerdo, pastas, sincronizadas, localmente, referir, uns, caminhos, absolutos, relativos, gravar, interage, serviços, terceiros, característica, membro, essa, gerar, nome, imagem, juntamente, biografia, número, telefone, promovido, posteriormente, poderá, excluir, excluirá, removendo, estruturado, editar, atualizando, incluirá, única, instâncias, fonte, seguida, instância, individual, configurar, totalmente, exibidos, nas, células, tabelas, editores, codificação, estruturadas, seguintes, personalizáveis, permitem, controle, total, codificados, clássico, maneiras, duas, visualizações, outra, ambas, preenchidas, post, separados, gerenciar, organização, independentes, muitas, vezes, objetivos, conversão, todas, baseadas, processo, quase, idêntico, diferença, elas, feitas, apresentar, fazem, parte, projetadas, serem, encontradas, orgânica, link, enviado, lista, geralmente, associada, oferta, campanha, ligeiramente, dependendo, implicações, saber, encaminha, pedido, domínio, renderiza, nossos, cache, rede, entrega, disposto, bloco, poderoso, wysiwyg, recebe, mídia, criadas, criador, pdfs, etc, armazenados, encarrega, manutenção, seja, preocupar, atualizações, escalonamento, desvantagem, impõe, restrições, fazer, auto, hospedados, estender, fundamentos, manualmente, manipular, renderizações, baixo, acessar, elaborado, estreita, colaboração, necessidades, recomendado, desenvolve, garante, possam, tanto, quanto, experimente, experiência, projetado, aumentar, presença, ênfase, pelos, coleta, leads, estão, integrados, facilitando, experiências, visitantes, integrando, resto, negócio, siga, percorrer, noções, básicas, executar, comandos, relacionamento, tópicos, guia, rápido, gratuita, dela, lhe, dará, afetar, privados, públicos, terá, inicial, alternativa, sandbox, apenas, desenvolver, seguinte, esta, seção, projetada, ajudá, aspectos, ótimos, nele, tirar, máximo, proveito, esperado, entendimento, profissional, básicos, incluindo, html, mostrando, encaixam, close, português, descontinuado, versions, deprecations, policies, listar, atualizar, diretrizes, 2022, listing, requirements, desempenho, melhorar, existentes, edição, best, practices, reference, build, classic, theme, overview, start, building, navigation, pesquisar, changelog, search, home, skip, main, this, file, discover, all, available, before, exploring, further, fetch, the, complete, llms, txt,

Text of the page (random words):
visão geral do hubspot cms hubspot docs documentation index fetch the complete documentation index at docs llms txt use this file to discover all available pages before exploring further skip to main content hubspot docs home page search k changelog sign up sign up pesquisar navigation introdução visão geral do hubspot cms início introdução aplicativos cms apis ferramentas para desenvolvedores start building introdução overview começar com o react hubl build a classic hubl theme ambiente do desenvolvedor use cms apis blocos de construção recursos reference campos hubl react módulos funções sem servidor best practices edição de conteúdo melhorar sites existentes cdn segurança e desempenho marketplace hubspot template marketplace listing page requirements marketplace de modelos requisitos de tema 2022 diretrizes do marketplace de modelos da hubspot listar e atualizar modelos no marketplace de modelos da hubspot hubspot template marketplace policies marketplace de modelos requisitos para módulos versions deprecations descontinuado português br close na página começando criando para criadores de conteúdo tipos de conteúdo páginas do site e landing pages blogs e mails trabalhando com dados funções sem servidor sistema de arquivos do desenvolvedor observação observação temas modelos módulos e campos a linguagem do hubl páginas conectadas suporte multilíngue introdução visão geral do hubspot cms visão geral de alto nível do content hub da hubspot para desenvolvedores mostrando todos os principais conceitos como temas modelos e módulos e como eles se encaixam esta seção foi projetada para ajudá lo a entender os principais aspectos do cms da hubspot e construir ótimos sites com base nele para tirar o máximo proveito disso é esperado um entendimento de nível profissional dos conceitos básicos sobre desenvolvimento web incluindo html javascript e css começando se você está apenas começando a desenvolver no cms da hubspot é recomendável começar com o seguinte crie uma conta de desenvolvedor gratuita então crie uma conta de teste dentro dela isso lhe dará um ambiente de teste para criar seus ativos cms sem afetar uma conta hubspot padrão como você também pode criar aplicativos privados em contas de teste de desenvolvedor além de criar aplicativos públicos em contas de desenvolvedor você terá uma página inicial para o desenvolvimento de aplicativos e do cms como alternativa você pode criar uma conta de sandbox de desenvolvedor do cms siga a guia de início rápido do cms para percorrer algumas noções básicas como usar o painel de tópicos do tema cms executar comandos usando a cli da hubspot e o relacionamento entre o desenvolvimento local e a criação de conteúdo no hubspot criando para criadores de conteúdo o cms da hubspot foi projetado para ajudar as empresas a aumentar sua presença na web com ênfase na criação e no gerenciamento de conteúdo pelos profissionais de marketing o conteúdo a coleta de leads e a análise do site também estão integrados ao hubspot crm facilitando a criação de experiências personalizadas para os visitantes integrando as ao resto do negócio um site bem elaborado deve ser desenvolvido em estreita colaboração com seus criadores de conteúdo para entender suas necessidades para isso é recomendado que você é experimente como é a experiência de construir a página para os criadores de conteúdo enquanto você mesmo a desenvolve isso garante que eles possam trabalhar de forma independente com o site tanto quanto possível a hubspot se encarrega da hospedagem e da manutenção das suas páginas ou seja você não precisa se preocupar com o gerenciamento de plugins atualizações hospedagem escalonamento ou segurança a desvantagem é que o sistema impõe mais algumas restrições no que você pode fazer do que cmss auto hospedados por exemplo você não pode alterar ou estender os fundamentos do sistema manualmente ou por meio de plugins manipular renderizações de baixo nível ou acessar e alterar diretamente o conteúdo na base de dados o conteúdo criado pelo desenvolvedor por exemplo temas modelos módulos javascript e css é desenvolvido em um sistema de arquivos de desenvolvedor enquanto o conteúdo da página páginas posts de blog é disposto e criado em um bloco poderoso baseado em um editor wysiwyg o que você vê é o que você recebe e os arquivos de mídia imagens criadas pelo criador do conteúdo pdfs etc são armazenados em um gerenciador de arquivos baseado em um aplicativo web quando uma página é renderizada o hubspot encaminha o pedido para um dos muitos servidores baseados no domínio renderiza a página em nossos servidores e a armazena em cache em uma rede de entrega de conteúdo cdn se possível tipos de conteúdo há muitos tipos de conteúdo que você pode criar usando o cms da hubspot a interface do usuário para criadores de conteúdo é ligeiramente diferente dependendo do tipo de conteúdo com implicações que você como desenvolvedor precisa saber páginas do site e landing pages o site e as landing pages são criados de forma independente mas todas as páginas são baseadas em modelos para os criadores de conteúdo o processo de criação de uma landing page ou uma página do site é quase idêntico a diferença entre elas é que as páginas do site são feitas para apresentar informações que fazem parte do seu site e são projetadas para serem encontradas de forma orgânica enquanto que uma landing page geralmente está associada a uma oferta ou campanha de marketing específica por exemplo um link em um e mail de marketing enviado para uma lista específica de contatos na iu para profissionais de marketing a análise e a organização desses tipos de páginas também são independentes já que muitas vezes as landing pages têm objetivos de conversão específicos blogs os blogs da hubspot têm duas visualizações uma para a página de listagem e outra para a página de posts individuais e ambas são preenchidas com cada post de blog você pode definir um blog para compartilhar o mesmo modelo para posts de blog e páginas de listagem ou ter modelos separados os posts de blog devem compartilhar o mesmo modelo saiba mais sobre a marcação do modelo de blog e como criar e gerenciar blogs no hubspot e mails os e mails podem ser criados de algumas maneiras no hubspot e mail clássico crie modelos e módulos de e mail de forma semelhante à criação de sites e landing pages você também pode criar modelos de e mail codificados para ter controle total da marcação e mails do tipo arrastar e soltar crie modelos de e mail personalizáveis do tipo arrastar e soltar que permitem aos criadores de conteúdo criar layout e conteúdo de e mail usando a interface de arrastar e soltar da hubspot observação a construção de módulos e modelos de e mail personalizados requer uma assinatura do marketing hub professional ou enterprise trabalhando com dados além de criar o conteúdo da página por meio de editores no aplicativo ou codificação em modelos você também pode usar fontes de dados estruturadas para preencher o conteúdo dinâmico da página com o hubl você pode usar as seguintes fontes de dados para preencher as páginas hubdb armazene dados em células de tabelas hubdb registros do crm armazene dados em registros do crm como contatos empresas ou objetos personalizados criar páginas dinâmicas usando conteúdo estruturado significa que você pode criar editar e remover páginas do site e conteúdo da página atualizando diretamente as fontes de dados semelhante a um blog da hubspot um conjunto de páginas dinâmicas incluirá uma única página de listagem para exibir as instâncias da sua fonte de dados e em seguida uma página separada para cada instância individual com o hubl você pode configurar totalmente os dados exibidos nas páginas por exemplo você pode criar uma tabela hubdb que armazena uma linha de informações para cada membro de uma equipe de vendas usando essa tabela do hubdb o hubspot pode gerar uma página de listagem para exibir os principais detalhes de cada linha da tabela como um nome e uma imagem para cada representante de vendas juntamente com uma página separada por representante de vendas para exibir mais informações como sua biografia e número de telefone se um representante de vendas for promovido posteriormente para uma equipe diferente você poderá excluir sua linha da tabela hubdb e o hubspot excluirá automaticamente sua página de detalhes removendo o da página de listagem funções sem servidor além de usar dados de crm e de hubdb para preencher páginas você pode usar funções sem servidor para gravar o código do lado do servidor que interage com o hubspot e com serviços de terceiros por meio de apis funções sem servidor são uma característica do content hub enterprise sistema de arquivos do desenvolvedor os ativos principais modelos temas e módulos bem como os arquivos de javascript css e imagens que os suportam são criados em um sistema de arquivos do desenvolvedor você pode ver este sistema de arquivos no painel esquerdo do gerenciador de design ou em pastas sincronizadas localmente usando as ferramentas de desenvolvimento local dentro do sistema de arquivos os ativos podem se referir uns aos outros com caminhos absolutos ou relativos observação os ativos baseados em react como alguns módulos padrão hubspot e os ativos personalizados do cms react não aparecerão no sistema de arquivos de gerenciador de design esses recursos devem ser usados somente em seu ambiente local usando a cli da hubspot para buscar e carregar em segundo plano esses arquivos são mapeados para entradas em um banco de dados é por isso que o acesso ao sistema de arquivos do desenvolvedor se dá por meio das ferramentas de cli da hubspot em vez do acesso direto ssh ou ftp e alguns recursos do sistema de arquivos que você pode esperar como permissões e links simbólicos não são oferecidos no sistema de arquivos do desenvolvedor isso difere da abordagem dos cmss tradicionais mas significa que as referências quebradas entre erros de arquivo ou sintaxe são capturadas no momento da publicação e não no momento da execução proporcionando um isolamento extra contra falhas acidentais quando o tráfego dinâmico atinge um site os modelos no sistema de arquivos serão detectados automaticamente e serão mostrados aos criadores de conteúdo ao criarem novas páginas então a estrutura do sistema de arquivos fica a seu critério não é necessário que os módulos residam em uma pasta modules ou o javascript em uma pasta js no entanto é recomendável organizar seus ativos de maneira semelhante ao código de exemplo do boilerplate para o cms observação por padrão a hubspot reduz automaticamente o javascript e o css incluídos no gerenciador de design para remover espaços quebras de linha e comentários desnecessários isso também se aplica ao javascript e ao css carregados no gerenciador de design por meio da cli isso significa que você não deve adicionar um código já reduzido diretamente no gerenciador de design saiba mais sobre a minificação de javascript e css temas modelos módulos e campos temas modelos módulos e campos são os tipos mais comuns de ativos com os quais você trabalhará usar cada tipo de ativo de forma eficaz dá aos criadores de conteúdo a liberdade de trabalhar em sites de forma independente mantendo se dentro de padrões definidos de estilo e layout os temas são o contêiner de nível mais alto que você pode usar para empacotar outros ativos e criar um site coeso um nível abaixo os modelos são os arquivos que os criadores de conteúdo usam para criar páginas individuais postagens de blog e mails e muito mais os módulos são elementos na página como um cartão de preços ou uma galeria de imagens a hubspot fornece um conjunto de módulos web padrão que você pode usar em páginas e um conjunto de módulos de e mail padrão para criar e mails observação a construção de módulos e modelos de e mail personalizados requer uma assinatura do marketing hub professional ou enterprise os temas e módulos contêm campos que são configurações de tipos de dados específicos como números strings rich text e imagens você pode controlar como eles são usados na renderização desses objetos bem como como eles devem ser organizados e aparecer no editor de conteúdo de arrastar e soltar os criadores de conteúdo podem definir valores para campos no editor que são aplicados ao tema ou módulo no momento da renderização saiba mais na visão geral dos blocos de construção do cms a linguagem do hubl a principal linguagem que você usará para criar ativos de sites no cms da hubspot é a hubspot markup language ou hubl pronuncia se hubble o hubl é a extensão da hubspot do jinjava um mecanismo de modelagem baseado em jinja o hubl usa uma quantidade razoável de marcação que é exclusiva da hubspot e não suporta todos os recursos do jinja é executado completamente no lado do servidor quando uma página é renderizada o hubl tem os recursos que você esperaria de uma linguagem de modelos simples como variáveis loops for e instruções if mas também suporta macros de renderização mais complexa busca de dados e mapeamento com tags funções e filtros se você alcançar os limites do que é possível com o hubl a hubspot oferece apis para criar soluções mais personalizadas as contas do content hub enterprise podem utilizar as funções sem servidor permitindo uma programação mais sofisticada do lado do servidor você pode consultar a referência da linguagem hubl para obter mais detalhes sobre recursos específicos da linguagem páginas conectadas usando a associação do content hub enterprise você pode exigir que seus contatos de crm estejam logados para visualizar conteúdo específico do seu site o conteúdo por trás das páginas de associação pode ser altamente personalizado para o contato conectado e pode até mesmo renderizar dados de contatos empresas negócios e produtos do crm suporte multilíngue com o hubspot cms os usuários podem criar variações do conteúdo em outros idiomas assim os usuários finais poderão ver o conteúdo no idioma com o qual se sentem mais confortáveis além disso o hubspot fornece ferramentas para ajudar os desenvolvedores a garantir que o idioma certo esteja disponível para o usuário final última modificação em 10 de fevereiro de 2026 visão geral de primeiros passos próximo facebook instagram youtube x linkedin medium