Se vais criar um site em WordPress, mais cedo ou mais tarde aparece a pergunta: Gutenberg ou Elementor? Já trabalhei com os dois em projetos reais e a resposta honesta é que nenhum é o melhor em todas as situações. Escolher mal pode custar-te velocidade, dinheiro e algumas dores de cabeça daqui a dois anos. Vamos por partes.
Quem é quem
O Gutenberg é o editor de blocos nativo do WordPress, incluído desde a versão 5.0, em 2018. Não instalas nada: já lá está. Com os temas de blocos e o Editor de Site, controla também o cabeçalho, o rodapé e os templates.
O Elementor é um plugin de terceiros: um page builder visual, com os seus próprios widgets, o seu próprio editor e o seu próprio sistema de design. Resumindo, o Gutenberg é parte do WordPress; o Elementor é uma camada que pões por cima.
Desempenho: o Gutenberg parte à frente
Aqui o Gutenberg costuma ganhar, e por uma razão simples: gera HTML limpo e, nos temas de blocos, o WordPress só carrega o CSS dos blocos que usaste mesmo na página. Não há um motor extra a carregar scripts e estilos em cada visita.
O Elementor tradicional (a versão 3) acrescenta camadas de elementos à volta de cada widget, o que engorda o DOM, e traz o seu próprio CSS e JavaScript. Os contentores flexbox, que vieram substituir as antigas secções e colunas, já ajudaram a reduzir o aninhamento.
A grande novidade é o Editor V4, também chamado Atomic. Segundo o FAQ oficial do Elementor, usa HTML sem camadas extra e promete melhores Core Web Vitals, com ganhos que crescem à medida que trocas os widgets antigos por elementos atómicos. Convém lembrar que é a própria empresa a dizê-lo, e que numa página que mistura widgets v3 e v4 a diferença encolhe.
Na prática, um Elementor bem configurado (bom alojamento, cache, imagens otimizadas) pode dar bons resultados. O problema costuma ser a pilha: page builder, mais cinco plugins de extras, mais um slider pesado. Se o desempenho é prioridade, mede com o PageSpeed Insights e olha para o LCP, o INP e o CLS, em vez de confiares só em opiniões (incluindo a minha).
Liberdade de design e curva de aprendizagem
O Elementor é mais intuitivo ao início: arrastas, vês o resultado em tempo real e tens controlos por dispositivo para quase tudo, além de efeitos de movimento, popups e formulários (alguns só na versão Pro). Para quem quer ver o que está a fazer sem pensar em código, é difícil de bater.
O Gutenberg pede uma mudança de mentalidade, mas hoje é bem mais capaz do que a sua fama. Com um tema de blocos, defines cores, tipografia e espaçamentos uma só vez no theme.json, crias padrões (patterns) reutilizáveis e o site fica consistente por construção. Onde ainda fica aquém é nos controlos responsivos mais finos, que plugins como o GenerateBlocks ou o Kadence Blocks ajudam a colmatar.
Uma nota de quem parte quase sempre do Figma: as cores, a tipografia e os espaçamentos do design mapeiam muito bem para o theme.json, e isso poupa horas na hora de manter a coerência visual.
Custo e dependência
O Gutenberg é gratuito e já vem com o WordPress. Só pagas se quiseres blocos extra de plugins premium.
O Elementor tem versão gratuita, mas é limitada: o Theme Builder (para cabeçalhos e rodapés), os popups, o CSS personalizado ou o e-commerce ficam na versão Pro. Segundo a página de preços, os planos pagos são anuais e começam em cerca de 60 $/ano para um site, sem alojamento incluído. Confirma sempre os valores atuais antes de decidires.
Há ainda a dependência, que muita gente esquece. Se um dia deixares o Elementor, o layout não vem contigo e as páginas têm de ser refeitas. Com blocos nativos, o conteúdo é marcação padrão do WordPress e sobrevive muito melhor a uma mudança de tema. Pergunta-te onde queres estar daqui a três anos, e não só na semana do lançamento.
Então, qual escolher?
Escolhe Gutenberg se:
- o site é um blog, portefólio, site institucional ou de pequeno negócio com uma estrutura simples;
- o desempenho e o SEO técnico são prioridade;
- queres um site fácil de manter e barato a longo prazo;
- vais trabalhar com um design system bem definido.
Escolhe Elementor se:
- precisas de layouts muito personalizados e de ajustes visuais finos sem escrever código;
- o cliente vai editar páginas sozinho e quer ver o resultado em tempo real;
- precisas de popups, formulários avançados ou listagens dinâmicas prontos a usar;
- o orçamento permite a licença Pro.
A minha regra prática: se o site é sobretudo conteúdo, começa pelo Gutenberg. Se é sobretudo design e interação, o Elementor poupa-te tempo. E nenhuma ferramenta salva um site com imagens pesadas e textos fracos, por isso começa sempre por aí.