A comparação completa de Gutenberg vs Brizy: qual construtor de páginas é melhor?

Gutenberg e Brizy são ótimas ferramentas para construir qualquer tipo de site. Ambos são relativamente novos, fáceis de usar e oferecem vários recursos interessantes.

Você está construindo um site e se perguntando qual é o melhor? Há um caso forte para cada um.

Vamos orientá-lo através de ambos e, no final deste artigo, você terá uma boa ideia do que é melhor para você.

Discutiremos seus principais recursos, diferenças, capacidades e muito mais. Para ter certeza de que estamos na mesma página, começamos tirando algumas noções básicas do caminho.

O que é WordPress Gutenberg?

Gutenberg é o novo editor padrão do WordPress. Ele permite que você construa páginas da web usando blocos – e é por isso que é chamado de editor de blocos. Assim como tijolos individuais podem ser colocados juntos para construir uma casa, esses blocos são elementos individuais que você pode juntar para construir seu site.

Existem blocos de título, blocos de conteúdo, blocos de imagem e todos os tipos de blocos, permitindo que você adicione todos os tipos de componentes importantes ao seu site.

E a melhor parte é que não há necessidade de codificação. Tudo o que você precisa fazer é arrastar e soltar os blocos para colocá-los no lugar em uma página.

Antes da introdução do Gutenberg em 2018, o editor do WordPress era essencialmente um editor de texto que permitia adicionar imagens, texto, alterar sua cor e pouco mais.

Se você quisesse projetar outras partes do seu site usando o editor, estava limitado pelas opções de design do seu tema. Para fazer mais alterações, você precisava usar código PHP, HTML ou CSS.

Entre no editor de blocos do Gutenberg.

Embora os blocos estivessem disponíveis muito antes de Gutenberg, sua chegada foi a primeira vez que o design WordPress baseado em blocos foi disponibilizado por padrão.

Ele foi desenvolvido desde seu lançamento em 2018 e, hoje, o Gutenberg oferece muitos recursos que podem rivalizar até mesmo com os melhores construtores de páginas em alguns aspectos.

O que nos leva ao Brizy, um dos melhores construtores de páginas disponíveis atualmente.

O que é Brizy?

Assim como o Gutenberg, o Brizy foi lançado em 2018. Já conquistou uma enorme base de usuários com mais de 80.000 instalações ativas. É considerado uma excelente alternativa para construtores de páginas mais antigos e populares, como Divi e Beaver Builder.

Existem várias razões para sua popularidade em rápido crescimento.

Para começar, o Brizy se concentra na facilidade de uso, especialmente para iniciantes com pouco conhecimento técnico.

Com sua interface de arrastar e soltar, você pode adicionar elementos rapidamente às páginas e criar um belo site em questão de minutos. O Brizy também oferece muitos modelos pré-criados que permitem iniciar rapidamente o processo de design.

Tem toneladas de outros recursos. Mas antes de discuti-los, vamos analisar as diferenças entre os construtores de páginas e o editor de blocos.

Construtores de Páginas x Editor de Blocos

Até agora, construtores de páginas – como Brizy – e o editor de blocos Gutenberg podem parecer a mesma coisa. Ambas são ferramentas que dão acesso a elementos que você pode usar para construir seu site.

Mas existem algumas diferenças importantes entre o editor de blocos Gutenberg e um construtor de páginas WordPress completo.

Aqui estão os principais:

1. Padrão vs terceiros : Como editor padrão, o Gutenberg é totalmente integrado ao núcleo do WordPress. Os construtores de páginas, por outro lado, são plugins criados por desenvolvedores de terceiros. Isso tem algumas implicações que discutiremos mais adiante no artigo.
2. Editor vs construtor : a equipe do WordPress chama Gutenberg de editor de blocos em vez de construtor de páginas por um motivo. Embora seja definitivamente uma grande atualização do editor WordPress anterior, o foco do Gutenberg ainda é o texto. Em outras palavras, o principal objetivo do Gutenberg é facilitar a edição de conteúdo no WordPress. Os construtores de páginas, por outro lado, geralmente têm um foco mais amplo e incluem tudo o que você precisa para criar páginas da Web inteiras.
3. Edição de back- end vs front-end : Gutenberg oferece apenas edição de back-end. Embora isso lhe dê uma boa ideia de como será sua página, você ainda precisa visualizá-la para ter certeza de como a página será exibida para os visitantes. Por outro lado, a maioria dos construtores de páginas oferece um editor de front-end e visualização ao vivo. Isso permite que você veja os resultados de todas as alterações feitas em tempo real.

Compare Gutenberg com Elementor aqui ou Gutenberg com Beaver Builder.

Construtores de Páginas e o Futuro do Web Design

Antigamente, o Editor do WordPress era essencialmente um editor de texto, e fazer outras alterações no seu site exigia conhecimento de codificação.

Para preencher a lacuna, os desenvolvedores criaram construtores de páginas. Usuários com pouco conhecimento técnico podem realizar ações avançadas de design, como ajustar layouts de página, criar cabeçalhos e rodapés personalizados e muito mais.

Com a introdução do Gutenberg, muitos dos recursos oferecidos pelos construtores de páginas agora estão presentes no WordPress por padrão.

Naturalmente, a questão que a maioria dos desenvolvedores do WordPress debate é se o editor Gutenberg substituiu ou substituirá os construtores de páginas. Hoje a resposta é não, pois a maioria dos construtores de páginas ainda são significativamente mais sofisticados.

Embora o editor Gutenberg forneça uma maneira intuitiva e amigável de criar sites, ainda é em grande parte um editor de conteúdo com algumas limitações.

À medida que mais atualizações são lançadas, no entanto, o Gutenberg acabará por igualar e superar todos os outros construtores de páginas.

Gutenberg e Brizy comparados

Agora que você entende as diferenças entre o editor de blocos e os construtores de páginas, podemos discutir como Gutenberg se compara especificamente ao Brizy.

Gutenberg vs Brizy – Capacidades

O editor Gutenberg permite editar todo o conteúdo nas páginas que você cria, mas você está limitado às restrições do layout principal do seu tema. Isso ocorre porque o Gutenberg não pode substituir as configurações ou estilos do seu tema. Em vez disso, ele assume a maioria dessas configurações.

Como tal, quando você usa o Gutenberg, seus layouts de página dependem do seu tema.

Brizy, por outro lado, é um construtor de páginas inteiras com tudo o que isso implica. Ele oferece muito mais flexibilidade e dá a você a liberdade de romper com o layout e as configurações do seu tema para criar designs exclusivos.

Você pode adicionar conteúdo às páginas, editar o conteúdo e alterar todo o layout de uma página, incluindo o cabeçalho, o rodapé e as barras laterais.

Existem mais opções de estilo e design com o Brizy que lhe dão controle total do design do seu site.

Gutenberg vs Brizy – Facilidade de uso

Tanto o Gutenberg quanto o Brizy possuem uma interface de arrastar e soltar que os torna muito fáceis de usar. Mas existem algumas diferenças entre os dois.

Com o editor Gutenberg, você pode arrastar blocos e soltá-los onde quiser em uma página. No entanto, você não pode ajustar a altura ou largura desses blocos, adicionar um elemento a outro ou criar layouts complexos. Em comparação com a maioria dos construtores de páginas, as opções são bem básicas.

O recurso de arrastar e soltar do Brizy, por outro lado, permite que você vá muito além de apenas mover elementos. Você pode ajustar a altura e a largura, criar layouts complexos e colocar certos elementos dentro de outros elementos. Isso lhe dá muito mais controle sobre o design de suas páginas da web.

Gutenberg vs Brizy – Principais características

Como uma atualização do editor TinyMCE, o Gutenberg tem muitos recursos interessantes que foram antecipados pelos usuários do WordPress.

Aqui estão alguns deles:

• Ele usa uma abordagem baseada em blocos para o design de páginas e oferece uma ampla variedade de tipos de blocos. Isso inclui parágrafo, título, imagem de capa, vídeo e muito mais.
• Gutenberg tem uma Biblioteca de Blocos Reutilizáveis ​​que permite salvar blocos que você editou e usá-los mais tarde.
• O editor de back-end é um editor WYSIWYG que permite que você veja o conteúdo em um formato próximo ao que aparecerá no front-end do seu site.
• Ele oferece um recurso de 'Esboço do Documento' que fornece uma visão geral rápida da estrutura de conteúdo de uma página. No Document Outline, você pode ver a contagem geral de palavras, juntamente com o número e a hierarquia de títulos, parágrafos e blocos em uma página. Você também pode usá-lo para navegar e editar facilmente um bloco individual.
• O Gutenberg permite o alinhamento de largura total quando você usa um tema que suporta esse recurso. Com isso, você pode criar designs impressionantes estendendo seu conteúdo até a largura total de uma página.
• O Block Editor oferece suporte a âncoras, um recurso que permite vincular blocos a outras áreas de uma página.
• Gutenberg é um projeto de código aberto que está sendo constantemente atualizado por alguns dos melhores desenvolvedores do WordPress ao redor do mundo. Isso significa que só pode melhorar com o tempo!

Você pode expandir ainda mais o Gutenberg com plugins de bloco.

Brizy, por outro lado, rapidamente se tornou um dos construtores de páginas mais populares, competindo facilmente com construtores de páginas mais antigos, como Divi e Beaver Page Builder. Isso se deve à sua impressionante coleção de recursos inovadores:

• Brizy tem mais de 500 blocos de conteúdo que você pode selecionar para construir seu site.
• Além disso, possui mais de 60 modelos de sites pré-projetados que abrangem uma ampla variedade de categorias. Isso inclui blogs, empresas, sites pessoais e de uma página.
• Brizy oferece uma biblioteca de mais de 4000 ícones vetoriais que você pode usar para adicionar estilo e exclusividade em seu site.
• Existem mais de 40 pop-ups atraentes disponíveis no construtor que você pode usar para aumentar as conversões.
• Ele oferece acesso a várias ferramentas avançadas de marketing e é compatível com uma variedade de ferramentas populares de marketing de terceiros.
• A Brizy oferece um plug-in de criação de páginas do WordPress e uma plataforma de criação de sites baseada em nuvem.

Gutenberg vs Brizy – Principais diferenças

Além das diferenças na interface de arrastar e soltar e no nível de flexibilidade oferecido, existem outras diferenças importantes a serem lembradas.

Como o Gutenberg faz parte do núcleo do WordPress, ele é compatível com todos os plugins do WordPress no mercado. Isso significa que você está livre para usar basicamente qualquer plugin que desejar sem se preocupar com o editor atrapalhando.

Por outro lado, embora o Brizy ofereça suporte para plugins bem codificados, ainda é um plugin de terceiros e isso traz um certo grau de risco quando combinado com outros plugins.

O Gutenberg também não oferece modelos pré-projetados que permitem que você construa seu site rapidamente. Dito isto, existem alguns plugins de terceiros que fornecem esses recursos. Brizy, por outro lado, tem mais de 60 que você pode escolher.

Isso pode tornar o Brizy uma escolha melhor para pessoas que são novas no WordPress ou simplesmente não têm tempo para investir na criação de sites personalizados.

Gutenberg vs Brizy – Experiência de edição ao vivo

Como já mencionado, o Gutenberg oferece apenas edição de back-end, portanto, ainda é necessário visualizar o front-end do seu site para ter certeza de como ele aparecerá para os visitantes.

Como a maioria dos outros construtores de páginas modernos, o Brizy oferece uma experiência mais intuitiva. O editor de front-end permite que você veja exatamente como seu site aparecerá para os visitantes em tempo real, se você estiver criando para desktop ou celular ou outros tamanhos de tela. Você também pode visualizar suas páginas da web, como no Gutenberg, simplesmente clicando no ícone de visualização.

Gutenberg vs Brizy – Recursos responsivos

O Gutenberg por si só não oferece recursos que aumentam a capacidade de resposta do seu site. No entanto, como depende muito das configurações do seu tema, você pode simplesmente emparelhá-lo com qualquer um dos melhores temas responsivos do WordPress.

Por outro lado, o Brizy possui vários recursos que permitem projetar sites altamente responsivos. Isso inclui a opção de ver como seu design ficará em dispositivos móveis e a capacidade de ocultar determinados elementos em dispositivos móveis.

Você ainda vai querer usar um tema responsivo adequadamente para obter os melhores resultados.

Gutenberg vs Brizy – Recursos avançados

O Gutenberg, por si só, não oferece muitos recursos avançados. Mas como ele pode ser usado basicamente com qualquer plugin do WordPress, existem milhares de ferramentas disponíveis para estender sua funcionalidade.

Na verdade, muitos desenvolvedores criaram blocos de terceiros que você pode adicionar à coleção padrão de blocos do Gutenberg.

Nosso Ultimate Addons for Gutenberg, por exemplo, oferece acesso a blocos como caixa de informações, cabeçalho avançado, listas de preços, compartilhamento social, classificação por estrelas e muito mais.

Brizy oferece vários recursos avançados gratuitamente. Isso inclui formulários de contato visual integrados, a opção de transformar qualquer bloco em um controle deslizante e blocos globais. Mesmo em comparação com outros construtores de páginas de terceiros, esses recursos são impressionantes.

A versão premium oferece acesso a ainda mais recursos, como um construtor WooCommerce, funcionalidade de cabeçalho fixo, opções de rótulo branco, teste de divisão A/B e muito mais. Ele também suporta uma ampla variedade de plugins que podem ser usados ​​para aprimorar ainda mais sua funcionalidade.

Gutenberg vs Brizy – Impacto na velocidade da página

Em termos de velocidade, o Gutenberg é sempre o vencedor claro quando comparado aos construtores de páginas de terceiros. Isso porque agora é parte integrante do núcleo do WordPress. Ao usá-lo, você não está instalando software adicional que pode tornar seu site mais lento.

Para provar isso, executamos um teste do Pagespeed Insights em uma instalação padrão do WordPress (com Gutenberg) e outra com Brizy. Testamos a mesma página da web com um pouco de conteúdo e uma imagem e descobrimos que a versão com Brizy marcou 98 decentes, mas a versão com Gutenberg marcou 100 perfeitos.

A página Gutenberg também superou a página Brizy em todas as outras métricas relevantes, como Primeira pintura de conteúdo, Índice de velocidade, Maior pintura de conteúdo e Tempo para interação. Essas métricas são uma parte crucial do Core Web Vitals do Google, que agora é um fator de classificação.

Essas diferenças podem não parecer muito e, para ser justo, ambas as ferramentas tiveram um desempenho muito bom neste teste, mas quando você começar a adicionar muitas imagens e outros pedaços de conteúdo, você desejará ter todas as vantagens possíveis, não importa quão pequenas .

Gutenberg vs Brizy – Preços

Como editor padrão do WordPress, o Gutenberg é totalmente gratuito. O Brizy, por outro lado, possui versões gratuitas e pagas. Comparado ao Gutenberg e à maioria dos outros construtores de páginas, a versão gratuita oferece uma impressionante coleção de recursos.

As opções pagas começam em $ 34 por ano e geralmente são bastante acessíveis. Cada plano está disponível em um plano anual ou vitalício da seguinte forma:

• O plano pessoal custa $ 34 por ano ou $ 104 para o plano vitalício
• O plano Freelancer custa $ 69 por ano e $ 209 para o plano vitalício
• O plano da agência custa $ 139 por ano e $ 279 para o plano vitalício

Como construir uma página com Gutenberg

Não há necessidade de instalar nenhum software para começar a usar o editor de blocos. Foi introduzido com o WordPress 5.0. Portanto, se você estiver usando a versão mais recente do WordPress, já possui o Editor Gutenberg.

Caso contrário, você precisa atualizar o WordPress e todos os seus plugins para a versão mais recente.

A maioria das atualizações do WordPress não vem com a versão mais recente do construtor Gutenberg. As versões mais recentes do editor geralmente serão uma versão beta, o que significa que ainda está sendo testado antes de ser incorporado ao núcleo do WordPress.

Se você quiser usá-lo, você pode baixá-lo como um plugin do diretório de plugins do WordPress. Você provavelmente não deve seguir essa abordagem se não for um usuário experiente, pois o plug-in oferece recursos beta que podem causar complicações com seu site ao vivo.

Para usar o Gutenberg, basta criar uma nova postagem ou página – ou abrir uma existente. No canto superior esquerdo da sua página, você verá uma caixa azul com um sinal de adição. Clicar aqui abre o painel de blocos - onde você encontrará todos os seus blocos.

Para adicionar um novo bloco à sua página, clique em um bloco, arraste-o para a área em branco e solte-o. Outra opção é passar o mouse sobre uma área específica da página e um sinal de mais aparecerá.

Clicar nele abrirá uma lista de blocos populares. Você pode selecionar um de lá ou clicar em 'Procurar tudo' para ver todas as opções de bloqueio.

Depois de adicionar um bloco, talvez você queira personalizá-lo. Quando você passa o mouse sobre um bloco, uma pequena barra de menu aparecerá com algumas opções básicas de personalização.

`Para opções mais avançadas, verifique a barra lateral à direita da página. Esta barra lateral é dinâmica. Quando você seleciona um bloco, ele mostra automaticamente todas as opções de edição relevantes para aquele bloco específico.

Se você quiser remover um bloco, passe o mouse sobre ele. Na barra de menu que aparece, você verá três pontos no lado direito. Clique nele e selecione Remover bloco

Para mover um bloco, você pode passar o mouse sobre ele e usar as setas para cima ou para baixo que aparecem na barra de menus para movê-lo nessas direções.

Outra opção é selecionar os seis pontos ao lado das setas para cima e para baixo. Isso ativa a funcionalidade de arrastar e soltar, permitindo que você mova o bloco selecionado.

Saiba mais sobre como construir um site com Gutenberg neste guia abrangente.

Como construir uma página com Brizy

Construir uma página com o Brizy é fácil, mas um pouco menos direto do que usar o Gutenberg. O primeiro passo é instalar o plugin Brizy Page Builder. Feito isso, crie uma nova página ou poste ou abra uma existente.

Você verá um botão chamado ' Editar com Brizy '. Clique nele para começar a projetar sua página na interface resultante.

Uma vez dentro, você pode criar sua página do zero ou simplesmente usar um modelo pré-projetado.

Para adicionar elementos à sua página, selecione o ícone de adição na barra de ferramentas no lado esquerdo da página. Isso abrirá uma biblioteca contendo vários elementos.

Depois de adicionar um elemento à sua página, basta clicar nele para revelar as opções de personalização.

Mover elementos também é muito fácil. Tudo o que você precisa fazer é clicar, arrastar e soltá-los em qualquer bloco que desejar.

Gutenberg é melhor para…

Gutenberg se concentra em dar aos web designers uma experiência moderna de edição de conteúdo. Isso torna mais fácil para os web designers criarem um ótimo conteúdo. Como tal, é especialmente ótimo para indivíduos focados em conteúdo, como blogueiros, escritores e fotógrafos.

Brizy é melhor para…

Enquanto o editor de blocos se concentra no conteúdo, o Brizy está mais focado em ajudar você a criar sites bem projetados e totalmente funcionais para aumentar as conversões. Isso o torna ótimo para empresas de todos os tipos.

Com o Brizy, é fácil criar landing pages profissionais, usar pop-ups e adicionar ferramentas de marketing como MailChimp e ConvertKit ao seu site.

Gutenberg vs Brizy – O Veredicto

Neste ponto, devemos afirmar que o termo “melhor” é relativo. Tanto o Gutenberg quanto o Brizy são maneiras fáceis, intuitivas e acessíveis de construir seu site.

Cada um tem prós e contras que o tornam mais adequado para determinadas situações. Se velocidade e conteúdo são suas prioridades, Gutenberg é o melhor. Mas se você precisa de mais liberdade criativa ou deseja construir um site de negócios, o Brizy pode ser uma escolha melhor.

Ambas as ferramentas são capazes de construir a maioria dos tipos de páginas da web, então, quando se trata disso, a escolha será entre gastar mais recursos no design do seu site quando você usa o Gutenberg ou gastar mais recursos na otimização do desempenho do seu site quando você usa o Brizy.

Existem outros grandes construtores de páginas do WordPress a serem considerados. E enquanto você contempla qual usar, lembre-se de que a melhor maneira de aproveitar ao máximo qualquer construtor de páginas ou editor de blocos do WordPress é combiná-lo com um tema poderoso, leve e responsivo, como o Astra.

Você construiu um site usando Brizy ou Gutenberg? Qual foi sua experiência e qual você recomendaria? Adoraríamos ouvir sobre isso nos comentários abaixo!