O Theme Builder do Elementor monta header, footer, single e archive de forma visual, sem editar o código do tema. Segundo a W3Techs (2024), o Elementor roda em mais de 7% de todos os sites da web. Cada template usa condições de exibição com regras Include e Exclude. Escolha bem o tema base antes de começar.

O Theme Builder é o recurso do Elementor PRO que transforma partes globais do site, como cabeçalho, rodapé e página de post, em templates editáveis no mesmo canvas visual do construtor. Em vez de mexer em arquivos PHP do tema, você desenha cada parte com widgets e define onde ela aparece. A primeira decisão técnica não é o design: é qual tema base vai segurar esses templates sem brigar com eles. Quem ignora isso costuma terminar com dois cabeçalhos na tela. Este guia mostra os tipos de template, o passo a passo de criação e as condições de exibição que decidem o que renderiza em cada URL.

Visão geral: O que o theme builder controla

O Theme Builder atua sobre 7 tipos de template globais: Header, Footer, Single de post e página, Archive, Search Results, Error 404 e, com WooCommerce ativo, Products. Cada tipo cobre uma camada diferente do site, e a soma deles substitui quase tudo que o tema entregaria por padrão. A tabela abaixo resume o papel de cada template e o gatilho que o ativa.

Nos tickets da FULL (150 mil sites conectados), a confusão mais comum aparece entre Single de post e Single de página, dois templates distintos que muita gente trata como um só. Para entender o canvas antes de montar templates, vale revisar o tutorial de Elementor para iniciantes e, se a dúvida for sobre o conceito de tema do WordPress, o glossário cobre a base.

Por que o tema base define o sucesso do theme builder

A escolha do tema base é o fator que mais quebra um projeto de Theme Builder, e não o design. Em 1 cenário recorrente, você cria um Header no Theme Builder mas mantém um tema que gera o próprio cabeçalho, e o navegador renderiza dois headers empilhados na mesma página, sem nenhuma mensagem de erro visível para o administrador.

O motivo é simples: o Theme Builder injeta a parte global via hook, mas não remove o que o tema já imprime. Por isso a recomendação técnica é usar um tema base mínimo como o Hello Elementor, que entrega só o esqueleto e cede o controle visual ao Elementor. O Astra também funciona porque permite desativar header e footer por página. Em temas genéricos pesados, a alternativa é ocultar o cabeçalho nativo pelo CSS do próprio tema antes de publicar o template.

Passo a passo: Criar um header no theme builder

Criar um header no Theme Builder leva cerca de 10 minutos e segue 4 etapas que valem para qualquer template global. O fluxo começa no menu Templates, passa pela montagem visual e termina na condição de exibição, que é o que faz o template ir para o ar. Veja o passo a passo oficial da Elementor para cada widget.

Abra o theme builder pelo menu templates

Acesse Templates > Theme Builder no painel do WordPress. A tela mostra um painel com todos os tipos de template em colunas. Clique no sinal de adicionar dentro do bloco Header para iniciar um novo cabeçalho. O Elementor abre a biblioteca com layouts prontos; você pode partir de um deles ou começar do zero com um container vazio. Essa tela central é o que diferencia o Theme Builder de criar páginas avulsas: aqui você enxerga o site por partes, não por URLs.

Monte a estrutura com o widget site logo e o nav menu

Dentro do editor, arraste um container e adicione os widgets globais do Theme Builder: Site Logo, que puxa o logotipo definido em Aparência, e Nav Menu, que renderiza um menu do WordPress. Esses widgets são dinâmicos, ou seja, refletem dados reais do site em vez de texto fixo. Configure o container como flexbox para alinhar logo à esquerda e menu à direita. Se precisar de ajuda com layout, o guia do flexbox container detalha o alinhamento responsivo dessa estrutura.

Defina a condição de exibição antes de publicar

Ao clicar em Publicar, o Theme Builder abre a janela de Display Conditions, e este é o passo que a maioria pula. Escolha Include > Entire Site para aplicar o header a tudo, ou restrinja por tipo de conteúdo, como Include > Singular > Posts. Sem nenhuma condição definida, o template fica salvo mas não renderiza em lugar nenhum. É por isso que muito header montado some do site: ele existe na biblioteca, mas nunca recebeu a regra de onde aparecer.

Teste em modo anônimo e valide a renderização

Depois de publicar, abra o site numa aba anônima para ver o resultado sem cache de login. Confirme que só um header aparece; se houver dois, o tema base ainda está imprimindo o cabeçalho nativo. Valide também a versão mobile, porque o Nav Menu do Theme Builder troca para o ícone hambúrguer em telas pequenas e precisa de ajuste de breakpoint. Esse teste de fechamento evita o erro mais reportado no suporte: template publicado que parece quebrado por causa de cache antigo.

Condições de exibição: Include, exclude e prioridade

As Display Conditions decidem qual template do Theme Builder vence quando 2 ou mais se sobrepõem, e a regra de prioridade não é óbvia. O Elementor avalia da condição mais específica para a mais ampla: um Single com Include na categoria “Notícias” tem prioridade sobre um Single com Include em Entire Site, que cobre o resto.

O Exclude funciona como subtração, removendo URLs de um conjunto já incluído. Na prática, você cria um template geral com Entire Site e outro específico para uma seção, e o Theme Builder serve o específico onde a regra bate. Esse comportamento de cascata é o que o JetThemeCore do Crocoblock expande com ainda mais granularidade de regras. Documente as condições num lugar central: em sites com 5 ou mais templates ativos, a sobreposição mal planejada gera renderização errada que fica difícil de rastrear depois, sobretudo quando vários editores mexem no mesmo projeto.

Theme builder, Crocoblock e FSE: Posicionamento

O Theme Builder do Elementor não é a única forma de editar partes globais, e entender as 3 opções evita escolha errada. O Theme Builder do Elementor compete por edição visual integrada ao mesmo canvas do construtor, com curva de aprendizado curta e sem tocar em PHP do tema.

O JetThemeCore do Crocoblock compete por granularidade de condições e listagens dinâmicas avançadas, indicado para diretórios e marketplaces. O FULL Site Editing nativo do WordPress compete por ser sem plugin, mas exige tema de blocos e tem menos controle fino sobre o pixel. Para a maioria dos sites institucionais e de conteúdo, o Theme Builder entrega o melhor equilíbrio entre liberdade visual e simplicidade, e evita migrar para outra lógica de edição sem necessidade real.

Legenda: a tela central de Templates > Theme Builder organiza o site por partes globais, não por URLs individuais.

Quando o theme builder pesa na performance

O Theme Builder adiciona consultas e carga de widgets dinâmicos que podem somar de 200 a 400 ms ao tempo de renderização em templates pesados. Cada widget dinâmico, como Post Content ou Nav Menu, executa lógica no servidor a cada carregamento, e um Single com muitos elementos repetidos sente esse custo.

A correção não é abandonar o Theme Builder, e sim enxugar: remover widgets redundantes, ativar cache de página e limitar fontes externas. Em VPS abaixo de 2 GB de RAM com tráfego de pico, um Single muito carregado tende a elevar o uso de CPU; a recomendação é cachear o HTML e adiar scripts não críticos. O Elementor lento detalha o diagnóstico passo a passo, e o CSS personalizado no Elementor ajuda a trocar widgets pesados por estilo puro quando o template fica grande demais para o servidor entregar rápido.

Plano FULL: O theme builder com o bundle completo

O Theme Builder exige o Elementor PRO, e é aqui que o custo entra na conta. A gente vê no suporte da FULL que muita agência paga a licença anual avulsa do Elementor PRO por site, o que encarece rápido para quem gere vários projetos ao mesmo tempo.

No plano PRO da FULL, por R$849, o Elementor PRO entra no bundle junto com outros 16 plugins premium, o que dá cerca de R$85 por site quando você distribui entre os 10 sites do plano. Para quem usa o Theme Builder em produção, isso troca várias licenças soltas por uma assinatura única. Veja os planos da FULL e a página do Elementor PRO para comparar valor por site, ou leia o review que mostra se o Elementor PRO vale a pena para o seu volume de projetos.

Perguntas frequentes sobre o theme builder do Elementor

Próximos passos para dominar os templates globais

O Theme Builder do Elementor entrega controle visual sobre todo o site quando duas decisões técnicas vêm antes do design: o tema base certo e o mapa de condições de exibição. Comece com um tema mínimo, monte o Header e o Footer com Display Conditions claras e só então avance para Single e Archive. Teste cada template em modo anônimo para flagrar header duplicado ou template que não renderiza, os dois erros mais comuns no suporte. Para aprofundar o assunto com outros tutoriais e reviews na mesma página, explore todos os artigos de Elementor da FULL e o guia Domine o Elementor. Para continuar aprendendo WordPress, o FULL Academy reúne tutoriais, guias e reviews em um só lugar: FULL Academy.