Gutenberg vs. construtor de páginas: qual escolher?

À minha esquerda, Gutenberg. À minha direita, um construtor de páginas. No centro, você.

Gutenberg atrai você. Ele estende os braços. E ainda não: este construtor de páginas ainda tem alguns recursos de escolha que fazem você amá-lo.

No final, você hesita. Qual você deve escolher para seu próximo projeto? Gutenberg vs. construtor de páginas: qual ferramenta é a certa para você?

É o que você descobrirá ao final deste artigo. Graças a uma comparação detalhada de vários aspectos fundamentais (manuseio, design, personalização, desempenho, suporte, preço, etc.), todas as suas dúvidas serão esclarecidas.

Pronto para ir? Vamos começar!

Este artigo contém links afiliados. Isso significa que o WPMarmite ganhará uma comissão se você decidir adquirir alguma das soluções apresentadas através destes links. Isto não lhe custará nenhum dinheiro extra e, em particular, permite-nos pagar a nossa equipa, financiar a criação e atualização do nosso conteúdo e testar novos temas e plugins. Para saber mais , consulte nossa política editorial .

Seus melhores projetos WordPress precisam do melhor host!

WPMarmite recomenda Bluehost: ótimo desempenho, ótimo suporte. Tudo que você precisa para um ótimo começo.

Experimente o Bluehost

O que é Gutenberg?

Gutenberg é antes de tudo o nome de um projeto cujo objetivo é moldar uma nova experiência de publicação em WordPress.

Mais especificamente, refere-se a duas coisas diferentes.

O editor de conteúdo WordPress

Por um lado, Gutenberg refere-se ao editor de conteúdo WordPress . Baseado em blocos – contêineres que incorporam conteúdo – permite escrever e formatar a aparência visual de suas postagens e páginas.

Lançado em 2018, substitui o clássico editor WordPress, chamado TinyMCE. Gutenberg está presente por padrão em todas as novas instalações do WordPress , pois está integrado ao coração do CMS (Sistema de gerenciamento de conteúdo).

Em princípio, é esse Gutenberg que você usa ao criar um post ou mesmo uma página. Para que conste, sua interface é assim:

O editor do site

Por outro lado, Gutenberg também é usado para designar o Editor de Sites WordPress.

Inicialmente chamado de Full Site Editing (FSE), este editor permite criar e editar todas as partes do seu site ( cabeçalho , rodapé , página 404, arquivos de artigos, zonas de widgets , etc.) usando blocos .

Então vai ainda mais longe que o Editor de Conteúdo, que só funciona para posts e páginas.

Este Editor de Site apareceu no WordPress Core no início de 2022 . Para funcionar, é necessária uma versão do WordPress maior ou igual a 5.9.

Mas você também precisa ter ativado um tema baseado em blocos. Este é o caso dos temas nativos mais recentes do WordPress, como Twenty Twenty-Three.

Você pode acessar este Editor de Sites facilmente a partir de sua interface de administração (back office). Basta ir em Design > Editor:

Em suma, o Project Gutenberg percorreu um longo caminho desde o seu lançamento em 2018.

O que é um construtor de páginas?

Vamos passar para o nosso amigo, o construtor de páginas. Então, o que é um construtor de páginas?

Para começar, do lado técnico, um construtor de páginas é um plugin que você ativa em seu site WordPress. Um construtor de páginas não está diretamente integrado ao núcleo do WordPress, como acontece com Gutenberg.

Um construtor de páginas ajuda você a criar layouts de página ricos e complexos para seu conteúdo, sem tocar em uma única linha de código, graças principalmente ao uso de modelos prontos para uso .

A edição geralmente é arrastada e solta, em tempo real.

Na verdade, é um equívoco referir-se a esse tipo de ferramenta como construtor de páginas, se interpretarmos a palavra literalmente; os construtores de páginas de hoje não são apenas construtores de páginas.

Acima de tudo, eles são construtores de sites por direito próprio. Na verdade, a forma como o Editor de Sites do WordPress funciona está se tornando cada vez mais semelhante à desses construtores de páginas.

Entre os mais famosos estão:

• Elemento . Para constar, nos referiremos mais ao Elementor na comparação abaixo, já que é o construtor de páginas mais usado na comunidade WordPress.
• Construtor Divi
• Construtor de Castor
• Prosperar Arquiteto

Quer saber mais? Confira nosso teste de 10 construtores de páginas indispensáveis .

Gutenberg vs. construtores de páginas: 7 áreas de comparação

Agora você está um pouco mais familiarizado com Gutenberg e os construtores de páginas. Eles têm certas coisas em comum:

• Ambos podem ser usados ​​sem codificação .
• Eles oferecem templates prontos para uso que podem ser ativados com um único clique, agilizando o processo de criação de suas páginas.
• Eles podem ser manipulados arrastando e soltando .

Quanto ao resto, possuem características próprias, que os diferenciam.

Vejamos isso mais de perto em uma comparação que abordará uma série de aspectos fundamentais que são essenciais a serem considerados na hora de escolher entre um ou outro. Daremos nossa opinião final no final deste artigo.

Primeiros passos e facilidade de uso

Começando com Gutenberg

Como o Gutenberg está integrado ao núcleo do WordPress, é fácil e intuitivo começar a usá-lo. Não há nada para instalar.

Para aproveitar as vantagens da ferramenta, basta criar ou modificar um post ou página. Quando estiver na interface, o Gutenberg já estará instalado e funcionando.

Para adicionar conteúdo, abra a ferramenta de inserção de bloco no canto superior esquerdo e selecione o bloco de sua preferência. Os blocos, divididos em 6 categorias, possuem nomes simples que os tornam de fácil compreensão.

Para adicionar um bloco, clique nele ou arraste e solte em sua página :

Cada alteração que você faz ocorre em tempo real : você vê suas modificações ao vivo, na página. A edição, por outro lado, ocorre apenas no back-end (na interface de administração).

Ao contrário de um construtor de páginas, Gutenberg não permite modificar seu conteúdo na interface visível do site (front end).

Por fim, observe que, embora arrastar e soltar funcione para adicionar um bloco, isso não acontece quando você deseja movê-lo dentro do seu conteúdo.

Para fazer isso, você precisa clicar na seta para baixo na barra de ferramentas, o que torna tudo um pouco menos intuitivo.

Primeiros passos com um construtor de páginas

Começar a usar um construtor de páginas pode demorar mais do que usar o editor de conteúdo do WordPress.

Para começar, você precisará instalar o plugin de sua escolha. Em segundo lugar, os construtores de páginas mais populares costumam estar repletos de opções, o que torna o aprendizado da interface um pouco mais demorado e às vezes confuso.

Portanto, você deve esperar uma curva de aprendizado mais longa do que com Gutenberg . Por outro lado, um construtor de páginas oferece a vantagem de poder ser customizado diretamente na interface front-end.

E quando se trata de arrastar e soltar, a funcionalidade também é mais intuitiva do que no Gutenberg. Depois de selecionar um elemento de conteúdo, movê-lo é uma brincadeira de criança usando o mouse.

Em construtores de páginas que se prezem, você não precisa clicar em nenhum botão:

Gutenberg vs. construtores de páginas: quem ganha aqui?

Começar com o editor Gutenberg – não estou considerando o Editor de Sites aqui – é mais rápido e fácil do que com um construtor de páginas.

Por outro lado, depois de dominar o modo de funcionamento do construtor de páginas de sua escolha, o uso certamente será um pouco mais intuitivo (novamente, isso é reconhecidamente uma generalização, pois tudo depende do construtor de páginas utilizado) do que com Gutemberg.

Construa seu site com Elementor

Projete facilmente a aparência do seu site WordPress com o famoso construtor de páginas.

Experimente Elementor

Design e personalização de Gutenberg versus construtores de páginas

Personalizando Gutenberg versus um construtor de páginas

Se desejar, você pode começar do zero e construir sua página ou artigo adicionando blocos um por um.

Para acelerar as coisas e facilitar a vida de iniciantes e não programadores, os criadores do Gutenberg e os construtores de páginas oferecem modelos prontos para uso, que os usuários costumam adorar.

Em Gutenberg, estes são chamados de padrões. Você pode acessá-los na ferramenta de inserção de blocos:

Esses padrões estão organizados em uma dúzia de categorias (Texto, Galeria, Call to Action, Banners, etc.). Assim que encontrar um que lhe interesse, clique nele para adicioná-lo ao seu conteúdo.

Para personalizá-lo (o princípio é o mesmo para o bloco), acesse as opções de bloco relevantes nas configurações.

Dependendo do bloco selecionado, você terá mais ou menos opções que permitem alterar a tipografia, cores, margens, espaçamento e assim por diante.

Observe que você pode selecionar os padrões de sua escolha no diretório oficial de padrões . Existe até a opção de copiá-los e colá-los diretamente no seu conteúdo.

Se você quiser ir mais longe e se beneficiar de ainda mais blocos, padrões e até modelos de páginas inteiras, recorra a um plugin Gutenberg como Spectra, CoBlocks ou Kadence Blocks.

Confira nossa seleção de dez plugins Gutenberg no blog WPMarmite.

Finalmente, um rápido aparte sobre o Editor de Sites WordPress. Oferece algumas opções de design muito úteis, como estilos globais, que permitem modificar todas as cores do seu site de uma só vez, com apenas alguns cliques.

Por outro lado, criar um site inteiro com o Editor de Sites será mais complexo do que com um construtor de páginas se você estiver apenas começando.

Construtor de páginas vs. personalização de Gutenberg

O design em um construtor de páginas segue os mesmos princípios de Gutenberg. Você pode começar do zero e depois criar tudo widget por widget.

No entanto, o verdadeiro valor acrescentado destes construtores de páginas são as centenas de modelos que oferecem.

Francamente, há muito o que fazer (correndo o risco de afogar o usuário com muitas opções). Parece que é uma espécie de competição para ver quem pode oferecer mais.

Com Elementor, por exemplo, você se beneficia de:

• Modelos de página : cerca de 300 no total com Elementor Pro
• Centenas de blocos
• Kits de sites , projetados para criar um site WordPress com apenas alguns cliques. Esses kits de site incluem um conjunto de modelos de página (página inicial, Sobre, Contato, 404, etc.), widgets e outros pop-ups necessários para criar um site completo.

A personalização é feita diretamente no widget de sua preferência. Outras opções também estão disponíveis diretamente no Editor:

Você também pode modificar facilmente a altura e a largura de um widget com um construtor de páginas. Basta clicar na área de sua escolha e esticá-la com o mouse.

Isso não é possível com Gutenberg.

Gutenberg vs. construtores de páginas: quem ganha aqui?

Quando se trata de design e customização, não há competição. Os melhores construtores de páginas do mercado oferecem muito mais opções criativas do que Gutenberg .

E embora o WordPress Site Builder também permita criar sites inteiros, como Elementor ou Divi Builder, ele é voltado principalmente para desenvolvedores e usuários experientes do WordPress com excelente base em templates e web design.

Por enquanto, não é a ferramenta que eu recomendaria principalmente para um iniciante começar a criar um site inteiro.

Um construtor de páginas seria mais apropriado, embora você precise ter em mente que ainda precisa de excelentes habilidades de web design para criar sites que sejam esteticamente agradáveis ​​e simplificados para o usuário.

Compatibilidade com temas e plugins

Vamos passar para a compatibilidade das duas ferramentas: Gutenberg vs. construtores de páginas. Aqui você não precisa se preocupar muito.

Gutenberg é compatível com a grande maioria dos temas e plugins . É claro que os desenvolvedores de plug-ins não têm muita escolha.

Como o editor de conteúdo está integrado ao núcleo do WordPress, seus plugins devem ser compatíveis com ele para funcionar.

Porém, há um pequeno detalhe em relação ao Editor do Site. Lembre-se que se quiser utilizá-lo, seu site deve rodar em uma versão do WordPress maior ou igual a 5.9. Você também deve usar um tema baseado em blocos.

Caso contrário, você terá um problema de compatibilidade e o Editor do Site não estará ativo.

No que diz respeito aos construtores de páginas, os problemas de compatibilidade ainda são bastante raros, pelo menos com temas e plugins populares. A maioria dos construtores de páginas mantém páginas listando incompatibilidades que foram relatadas a eles.

Aqui, por exemplo, está uma lista para Beaver Builder ou Elementor. Entre em contato com seu construtor para saber mais.

Gutenberg vs. Construtor de páginas: quem ganha aqui?

Um desenho.

Desempenho

Ao escolher um construtor de páginas ou Gutenberg, o aspecto “desempenho” também é importante.

Para oferecer uma experiência satisfatória ao usuário e otimizar suas conversões, é fundamental que suas páginas carreguem rapidamente.

A esse respeito, os construtores de páginas costumam levar uma pancada nos nós dos dedos. Repletos de recursos e códigos, eles são criticados por serem pesados ​​e penalizarem a velocidade dos sites em que estão instalados.

Se fizermos uma comparação grosseira, não há contestação: Gutenberg será mais leve que a maioria dos construtores de páginas.

No entanto, só porque você está usando Gutenberg não significa necessariamente que seu site carregará mais rápido do que com um construtor de páginas.

Primeiro, você precisa ter certeza de que está aplicando boas práticas de desempenho na web. Isso significa, por exemplo, usar:

• Um host de alto desempenho como o bluehost
• Uma versão recente do PHP
• Um tema rápido e bem codificado, como Astra, GeneratePress, Kadence ou Blocksy
• Imagens otimizadas
• Etc.

Aprenda como acelerar um site WordPress sem gastar muito em nosso artigo sobre o assunto .

E quanto aos testes?

Se você quiser ter um ponto de vista mais científico, é interessante comparar diferentes testes de velocidade que visam comparar Gutenberg com um construtor de páginas.

Foi isso que fez Munir Kamal, do site Gutenberg Hub. E seus resultados foram claros.

Gutenberg superou Elementor e Divi Builder em quase todos os testes de desempenho, com páginas carregando mais rápido e fazendo menos solicitações.

Este artigo do WP Tavern, datado de 2021, também relata vários casos concretos de usuários relatando melhor desempenho com Gutenberg em vez de um construtor de páginas .

Quem ganha aqui?

Se as melhores práticas forem respeitadas e aplicadas, é muito mais provável que um site projetado com Gutenberg seja mais rápido do que um projetado com um construtor de páginas .

Mas, mais uma vez, tome cuidado para não generalizar, porque um site rodando Elementor, Divi Builder ou Beaver Builder também pode ser rápido e ter bom desempenho.

Quando se trata de velocidade de carregamento, não dê muita importância aos serviços de medição de velocidade. Concentre-se também em como fica na tela . Se o seu site carrega rapidamente quando você deseja exibi-lo, isso já é um ponto muito bom.

Manutenção e segurança

A manutenção e segurança do Gutenberg e dos construtores de páginas dependem muito de mantê-los atualizados.

Em geral, assim que uma vulnerabilidade é detectada em qualquer uma das ferramentas, ela é rapidamente corrigida.

Atualizar o Gutenberg é simples: basta atualizar o WordPress assim que surgir a oportunidade.

O processo é o mesmo para o seu construtor de páginas, exceto que as atualizações geralmente serão um pouco mais regulares do que com Gutenberg. Lembre-se de monitorar seu painel regularmente e atualizar seu plugin o mais rápido possível.

Ao mesmo tempo, aplique boas práticas de segurança:

• Instale um plugin de segurança de uso geral , como iThemes Security ou SecuPress.
• Use senhas fortes .
• Faça backup do seu site frequentemente com um plugin como o UpdraftPlus.
• Utilize o protocolo HTTPS .
• Bloqueie spam com um plugin como o Akismet.

Quem está ganhando aqui?

Uma gravata. Mesmo que construtores de páginas famosos como Elementor ou Divi Builder possam ser alvo de ataques mais frequentes do que o WordPress Core, suas equipes são capazes de corrigir vulnerabilidades muito rapidamente.

O importante, quer você esteja usando o Gutenberg ou um construtor de páginas, é atualizá-lo assim que surgir uma oportunidade.

Preços de Gutenberg vs. construtor de páginas

Vamos passar para o preço do Gutenberg versus um construtor de páginas.

O editor WordPress é gratuito, pois está integrado ao CMS Core.

No entanto, não se esqueça que você poderá incorrer em custos adicionais se desejar usar a versão premium de um plugin Gutenberg, que lhe ofereceria mais opções criativas.

Para os construtores de páginas, o preço depende do modelo de negócio oferecido por cada um . Alguns oferecem um modelo freemium, como Elementor, Brizy ou Beaver Builder.

Isso significa que você pode começar com uma versão gratuita antes de atualizar para uma licença Pro para obter mais opções.

É claro que as versões gratuitas costumam ter funcionalidade limitada – é assim que o jogo é jogado.

Outros construtores de páginas, como Divi Builder ou Thrive Architect, estão disponíveis apenas na versão premium.

Aqui, novamente, os preços variam de acordo com o construtor da página. Para você ter uma ideia:

• O pacote Elementor Pro mais barato começa em US$ 59/ano (uso em 1 site). O mais caro custa US$ 399/ano (uso em até 1.000 sites).

• O Divi Builder custa US$ 89/ano ou US$ 249 se você optar por uma licença vitalícia .

E, como acontece com Gutenberg, você também precisará levar em consideração o preço de quaisquer complementos que possa comprar.

Quem ganha aqui?

Gutemberg. Para aproveitar todos os recursos oferecidos por um bom construtor de páginas, você precisará pagar pelo menos US$ 50 a US$ 100/ano (exceto em casos excepcionais e quando são oferecidas licenças vitalícias).

Junte-se aos assinantes do WPMarmite

Receba as últimas postagens do WPMarmite (e também recursos exclusivos).

INSCREVA-SE AGORA

Gutenberg e suporte ao cliente do construtor de páginas

Vamos continuar nossa comparação entre Gutenberg e construtor de páginas dando uma olhada no suporte ao usuário. O que acontece se você ficar preso em alguma das ferramentas?

Com Gutenberg, você fica por conta própria. Tal como acontece com o WordPress em geral, não há suporte direto ao usuário.

Para responder às suas perguntas e tirar suas dúvidas, você terá que recorrer a:

• A documentação oficial do WordPress
• Recursos online especializados, como WPMarmite
• Grupos WordPress em redes sociais
• Eventos especiais, como um encontro ou WordCamp (um evento dedicado ao WordPress organizado pela comunidade local de usuários)

Com um construtor de páginas, as coisas são um pouco diferentes. Se você usar a versão gratuita, não irá muito longe.

Você estará limitado ao fórum oferecido no diretório oficial do WordPress, onde os tempos de resposta podem ser demorados. Isso é normal, pois os desenvolvedores não podem fazer tudo de uma vez.

Por outro lado, usar uma versão premium de um construtor de páginas dá acesso a suporte direto e personalizado por e-mail .

Os tempos de resposta variam de acordo com o construtor da página e a localização geográfica (fuso horário) de sua equipe de suporte.

Em geral, é comum obter uma resposta em até 24 horas.

Quem ganha aqui?

Você precisa optar por criadores de páginas premium, se quiser assistência direta e personalizada.

Gutenberg vs. construtor de páginas: qual você deve usar?

E é isso: chegamos ao fim desta comparação entre Gutenberg e construtor de páginas. Para concluir, vamos resolver uma questão final e importante.

Qual ferramenta você deve optar? Como você verá, tudo depende do seu conhecimento técnico e das suas necessidades .

Quando usar Gutenberg?

Na minha opinião, Gutenberg — e aqui estou falando do editor de conteúdo — é a escolha “natural” nas seguintes situações:

• Quando você quiser escrever postagens
• Quando você deseja criar uma página rapidamente e seu layout não requer configurações de estilo e design muito avançadas

Além disso, eu reservaria o Gutenberg em seu formato Site Editor para desenvolvedores ou usuários experientes do WordPress.

Para utilizá-lo corretamente e aproveitá-lo ao máximo, é necessário ter um embasamento técnico muito bom. Se você é iniciante, é provável que se perca e arranque os cabelos.

Quando usar um construtor de páginas?

Um construtor de páginas é apropriado se você é iniciante – embora também seja útil para usuários mais avançados – e deseja criar um site inteiro sem codificação.

O Site Builder do WordPress também atinge esse objetivo, mas vem com muito menos opções. Por exemplo, ele vem com menos modelos prontos para uso e menos opções de estilo.

Com um construtor de páginas, você pode ir muito além na formatação de suas páginas, mas cuidado. A curva de aprendizagem será muitas vezes mais longa do que com Gutenberg , por um lado.

Em segundo lugar, lembre-se de que você ainda precisa dominar o web design para criar páginas profissionais, coerentes e esteticamente agradáveis. Com a abundância de opções oferecidas pelos construtores de páginas, há um grande risco de se afogar e encher suas páginas de efeitos absurdos.

Os dois podem coexistir?

Por fim, é uma dúvida que surge frequentemente entre os usuários do WordPress: é possível usar o Gutenberg e um construtor de páginas ao mesmo tempo?

A resposta, claro, é sim! Aqui está um exemplo concreto para ilustrar o ponto. No WPMarmite, por exemplo, estamos acostumados a escrever nossos artigos com Gutenberg .

Por outro lado, utilizamos Elementor para desenhar determinadas páginas estratégicas , como as páginas de vendas dos nossos cursos de formação (oferecidos em francês).

Portanto, não há razão para que você não deva usar as duas ferramentas juntas. Apenas certifique-se de não misturá-los, para manter a harmonia em seu design.

Por exemplo, se você decidir criar suas páginas com Gutenberg, não crie uma página com um design específico usando o editor de conteúdo WordPress, depois crie outras páginas com Elementor, usando um design diferente e completamente diferente do primeiro. Seja consistente e você ficará bem.

Falando nisso, qual é a sua ferramenta preferida para o seu site e/ou para os sites dos seus clientes? Você acredita firmemente em Gutenberg ou é mais um construtor de páginas?

Conte-nos sobre sua experiência nos comentários.