Revisão do Beaver Builder: é o melhor plug-in do construtor de páginas do WordPress? (2022)

Procurando o melhor plugin de construtor de páginas para o seu site WordPress?

Beaver Builder definitivamente merece um lugar nessa lista. Desde o seu lançamento em 2014, tornou-se um dos principais construtores de páginas e construiu uma merecida reputação de confiabilidade sólida e uma grande comunidade.

Em nossa análise prática do Beaver Builder, darei uma visão detalhada do plug-in, incluindo o que ele faz bem e o que faz mal.

Em geral, acho que o Beaver Builder é um construtor de páginas muito bom, mas não é necessariamente a melhor ferramenta para todos, então você vai querer ter as informações certas para decidir se deve usar o Beaver Builder ou uma de suas alternativas populares, como Elementor ou Divi Builder.

Continue lendo nossa análise e eu vou te ajudar a tomar essa decisão!

Revisão do Beaver Builder: um resumo rápido

Se você não estiver familiarizado com o Beaver Builder, vou começar com um resumo muito rápido de seus recursos para que você fique atualizado.

Beaver Builder é um plugin construtor de páginas de arrastar e soltar fácil de usar. Isso significa que ajuda você a criar designs complexos e páginas de destino sem exigir nenhum conhecimento técnico.

Você pode configurar seu design usando módulos de conteúdo e criar layouts usando linhas e colunas . Para cada módulo, linha e coluna, você terá opções detalhadas para controlar seu design, layout, espaçamento e muito mais.

Se você quiser ir mais longe, pode usar o complemento Themer do Beaver Builder para projetar todo o seu tema usando edição visual de arrastar e soltar, incluindo cabeçalhos personalizados, modelos de postagem, rodapés etc.

Basicamente, o Beaver Builder ajuda você a criar um site WordPress 100% personalizado.

Como funciona a interface do Beaver Builder

Vamos começar explorando a interface do Beaver Builder e como ela funciona.

Tour da interface básica

Ao iniciar a interface, você obtém uma boa visualização de largura total do seu design ao vivo. Não há barra lateral fixa por padrão, embora você possa criar uma se quiser:

Adicionando Módulos

Para adicionar novos módulos ou modelos, você pode clicar no ícone “mais” no canto superior direito para abrir a interface do insersor. Os módulos são divididos em diferentes categorias, e você também pode pesquisar por nome.

Para adicionar um módulo, basta arrastá-lo para a página:

Depois de adicionar o módulo, o menu desaparece e você volta para uma visualização completa.

Se preferir que o menu permaneça fixo, você pode arrastá-lo para o lado direito ou esquerdo para transformá-lo em uma barra lateral fixa desse lado. Aqui, eu consertei para a esquerda:

Em termos dos módulos em si, o Beaver Builder faz um bom trabalho ao fornecer acesso a todos os módulos mais importantes. A lista pode não ser tão grande quanto alguns outros construtores de páginas, mas não acho que a maioria das pessoas terá problemas. Se você precisar adicionar mais módulos, sempre poderá fazê-lo usando plugins de terceiros (mais sobre isso posteriormente).

Configurando módulos, colunas e linhas

Para abrir as configurações de qualquer elemento, passe o mouse sobre ele e clique no ícone de chave inglesa.

Se você tiver o menu desaparecendo, as configurações aparecerão em um pop-up que você pode arrastar para qualquer local e alterar seu tamanho:

Se você preferir a abordagem de barra lateral fixa, as configurações serão abertas automaticamente na barra lateral:

Embora você possa ver um editor de texto nas capturas de tela acima, o Beaver Builder também suporta edição em linha, o que significa que você pode adicionar texto diretamente na página clicando e digitando.

Em termos do número de opções de design, eu diria que você obtém todas as opções principais importantes, mas não obtém as opções de design avançadas que alguns construtores de páginas, como o Elementor e o Divi Builder, oferecem.

Por exemplo, não há posicionamento absoluto/relativo personalizado, nem há nada como os efeitos de movimento do Elementor ou os efeitos de rolagem do Divi ( embora o Beaver Builder inclua animações básicas ).

Para usuários regulares, não acho que você sentirá que está perdendo alguma coisa. Mas se você é um designer que gosta de poder configurar todos esses efeitos de design legais, o Elementor e o Divi são definitivamente um pouco mais flexíveis a esse respeito.

O Beaver Builder também suporta design responsivo. Você pode ocultar certos elementos em dispositivos móveis e também ter a opção de alterar a configuração com base no dispositivo de um usuário (por exemplo, você pode usar espaçamento ou tamanho de fonte diferentes para visitantes móveis):

Há também um modo de edição responsivo que facilita o design para dispositivos móveis e tablets.

Criando designs de várias colunas

Este é um dos meus recursos favoritos do Beaver Builder, e não sei por que todo construtor de páginas não faz isso dessa maneira.

Digamos que você queira criar um design de várias colunas. Com a maioria dos outros construtores de páginas, primeiro você precisa configurar sua estrutura de colunas. Em seguida, você pode arrastar os widgets para essas colunas.

Com o Beaver Builder, você pode pular essa etapa e simplesmente arrastar um módulo ao lado de outro módulo para criar automaticamente uma nova coluna. É uma coisa pequena, mas é realmente útil e você economizará algum tempo:

É claro que o Beaver Builder ainda permite que você configure sua estrutura de colunas primeiro - você precisa adicionar manualmente uma linha se preferir fazê-lo dessa maneira.

Inserindo Modelos

Para economizar tempo, o Beaver Builder inclui alguns modelos de página inteira que você pode inserir. Esses modelos vêm em duas formas:

• Páginas de destino completas
• Páginas de conteúdo (por exemplo, uma página “Sobre”)

Eu diria que os modelos não são o ponto forte do Beaver Builder, no entanto. Os modelos em si parecem bons, mas você não tem acesso à quantidade de modelos que algumas outras ferramentas oferecem. Por exemplo, o Divi oferece mais de 1.700 modelos e o Elementor também está nas centenas.

Além dos modelos de página, você também obtém modelos de linha pré-criados, que são modelos para parte de uma página — por exemplo, uma seção hero.

Você também pode salvar seus próprios designs como modelos para reutilizá-los posteriormente.

Usando as configurações globais

As configurações globais permitem controlar configurações de alto nível para todos os designs do Beaver Builder, como largura padrão para linhas, margens/preenchimento padrão para linhas e colunas, layouts responsivos e muito mais.

Você também pode personalizar seus pontos de interrupção de dispositivos pequenos e médios no plug-in principal, algo que nem todos os construtores de páginas permitem (por exemplo, o Elementor ainda está no processo de permitir pontos de interrupção ajustáveis).

Trabalhando com código

Se você deseja trabalhar com código, o Beaver Builder facilita a adição de CSS ou JavaScript diretamente à página — pressione Ctrl + Y para abrir o editor de código.

No entanto, você não pode adicionar CSS personalizado diretamente a um módulo/seção individual, como o Elementor Pro permite. Mesmo que você possa adicionar uma classe ou ID CSS personalizada a um módulo, você não pode adicionar o CSS em si.

Considerações gerais sobre a interface e a experiência de edição

No geral, acho que a experiência de edição no Beaver Builder é muito boa.

Ele não tem “tanto” quanto Elementor ou Divi quando se trata de opções de design, mas possui todas as opções principais que a maioria dos usuários precisará.

Além disso, eu realmente gosto da interface em si. Embora seja difícil mostrar isso em capturas de tela, a interface é sempre rápida e sem falhas. Nunca encontro nenhum atraso ou problemas ao abrir as configurações ou arrastar coisas - simplesmente funciona.

Também é bom que você possa personalizar a interface de acordo com suas preferências. Se você gosta de ter a visualização visual em tela cheia, pode continuar usando o estilo pop-up padrão e ocultando todas as configurações quando estiver olhando para o seu design.

Ou, se você gosta da abordagem da barra lateral, pode colar a barra lateral em ambos os lados e fazer tudo a partir de uma interface fixa.

Não há nada especialmente chamativo, é apenas uma interface realmente sólida e agradável de usar.

Themer do castor

Beaver Themer é uma extensão oficial da equipe do Beaver Builder que adiciona suporte completo à criação de temas ao Beaver Builder.

O Beaver Builder foi um dos primeiros construtores de páginas a oferecer construção completa de temas, superando outros grandes nomes como Elementor e Divi.

Com o Beaver Themer ativo, você pode ir para Beaver Builder → Themer Layouts para criar modelos para o seu tema:

• Cabeçalho
• Rodapé
• Singular (por exemplo, postagens de blog, páginas, etc.)
• Arquivo (por exemplo, a página que lista todas as postagens do seu blog)
• página 404

Você também pode criar partes de tema, que é um recurso muito legal que permite injetar um design em diferentes partes do seu site, como um gancho de tema.

Modelos de tema

Ao criar um novo modelo de tema, primeiro você precisa escolher quando usar esse modelo. Você pode segmentar tipos específicos de conteúdo, por exemplo, todas as postagens do blog ou apenas postagens com uma determinada categoria/tag.

Se quiser mais controle, você também pode configurar Regras , que permitem usar um determinado modelo somente quando as condições especificadas forem atendidas, como status de logon, função de usuário, autor, campo personalizado, modelo de postagem e muito mais.

Como a maioria dos outros construtores de temas não possui um recurso semelhante, essa é uma vantagem definitiva do Beaver Themer.

A partir daí, você pode usar a mesma interface do Beaver Builder para projetar seu modelo. A única diferença é que você poderá inserir conteúdo “dinâmico”, como o título e o conteúdo de um post.

O Beaver Themer também funciona com campos personalizados para que você possa inserir dados de plug-ins como Campos personalizados avançados ou pods. Abaixo, você pode ver como é conectar o conteúdo de um campo a informações dinâmicas.

Partes do Tema

As partes do tema funcionam basicamente da mesma forma que os modelos de tema, mas você obtém uma opção extra que permite injetar a parte em um determinado local do seu tema, por exemplo, abaixo do título do post ou abaixo do conteúdo.

Você pode usar partes do tema para anúncios, formulários de inscrição, chamadas para ação e muito mais.

Tema do construtor de castores

O Beaver Builder Theme é um tema WordPress base leve projetado para emparelhar com o Beaver Builder.

Essencialmente, a ideia é que você use o Beaver Builder Theme para lidar com áreas sem conteúdo, como os modelos de cabeçalho, rodapé e blog, e depois use o Beaver Builder para projetar o conteúdo real (a parte que fica entre o cabeçalho e o rodapé).

Honestamente, porém, não acho o Beaver Builder Theme tão valioso como uma adição em 2022 e além. Não é que o tema seja “ruim” – é um bom tema. Eu só acho que o espaço do WordPress mudou, e não é mais tão especial.

Anos atrás, era bom ter o tema porque ainda era difícil encontrar temas básicos leves e multifuncionais.

Mas agora, temos muitas opções quando se trata de temas leves e flexíveis projetados para combinar com construtores de páginas. Todos esses temas seguem o mesmo princípio básico do Tema Beaver Builder, mas fazem isso melhor ( pelo menos na minha opinião ). Em 2022 e além, prefiro emparelhar o Beaver Builder com o GeneratePress.

Desempenho

O desempenho é sempre uma consideração importante ao usar um plug-in do construtor de páginas. Um construtor de páginas sempre adicionará mais peso à página do que apenas usar o editor padrão do WordPress, mas alguns construtores de páginas são melhores do que outros para manter esse peso no mínimo.

Eu pessoalmente fiz alguns testes onde criei páginas idênticas com diferentes construtores de páginas e o Beaver Builder geralmente é uma das melhores opções quando se trata de desempenho. Com isso, quero dizer que seus tamanhos de página e solicitações HTTP são menores do que outros construtores.

Para dar uma boa ideia de quanto peso extra o Beaver Builder adiciona em relação ao editor de blocos nativo do WordPress (Gutenberg), decidi fazer um pequeno teste.

Criei um design simples em duas versões: uma com o editor Gutenberg e outra com a versão premium do Beaver Builder.

Em seguida, comparei os tamanhos de página e solicitações HTTP (esses números incluem o tema do meu site, que é GeneratePress):

Você pode ver que o Beaver Builder não carrega muito por padrão. O design é muito simples e inclui principalmente texto, botões e colunas. Esse resultado é menor do que você veria com muitos outros construtores de páginas.

Por exemplo, quando fiz a mesma coisa com o Divi Builder, ele adicionou 316,7 KB (vs +44,1 KB do Beaver Builder) e sete novas solicitações HTTP (vs as quatro novas solicitações HTTP do Beaver Builder).

Outra coisa legal é que o Beaver Builder não carrega seus scripts em todo o site. Portanto, se você tiver uma página criada com o editor nativo do WordPress, o Beaver Builder não carregará um único script nessa página.

Isso é notável porque alguns outros construtores de páginas carregam seus scripts em todo o site, o que adiciona peso à página, esteja você usando ou não o construtor de páginas nessa página.

Conclusão do desempenho do Beaver Builder

Uma página que você projeta com o Beaver Builder carrega tão rápido quanto a mesma página que você projeta com o editor de blocos Gutenberg? Não, todas as coisas iguais, não vai.

No entanto, o editor de blocos Gutenberg não oferece tanta flexibilidade de design quanto o Beaver Builder. E, quando comparado a outros plugins de construtor de páginas com flexibilidade semelhante, o Beaver Builder se compara muito favoravelmente.

Então - contanto que você esteja de acordo com a compensação básica de desempenho que é verdade com qualquer plug-in de construtor de páginas, o Beaver Builder faz um bom trabalho em manter seu peso adicional no mínimo.

Contanto que você esteja seguindo as práticas recomendadas de desempenho do WordPress, usando alguns plugins de otimização de velocidade e hospedando seu site em hospedagem rápida, você pode criar totalmente um site de carregamento rápido com o Beaver Builder.

Complementos do Beaver Builder de terceiros

Além do Beaver Themer, o Beaver Builder também possui um mercado vibrante de complementos do Beaver Builder de terceiros, que permitem estender ainda mais o construtor principal.

Normalmente, você usará essas extensões para adicionar novos módulos e modelos de conteúdo, embora alguns também adicionem novos recursos, como integrar a estrutura Pods com o Beaver Builder/Themer.

Para dar um gostinho, aqui estão duas das opções mais populares:

• Ultimate Addons para Beaver Builder (da mesma equipe por trás do tema Astra)
• Complemento PowerPack para Beaver Builder

Para ver ainda mais opções, confira nosso resumo dos melhores complementos do Beaver Builder.

Preços

Agora que cobrimos todo o resto, vamos falar sobre preços.

Em primeiro lugar, o Beaver Builder tem uma versão lite gratuita no WordPress.org, mas é muito limitada.

Honestamente, agora que o editor de blocos Gutenberg existe, não vejo nenhum valor na versão gratuita do Beaver Builder além de permitir que você experimente a interface do usuário para ver se gosta.

Você pode discordar – então você definitivamente deve testar a versão gratuita por si mesmo. Mas, na minha opinião, se você estiver procurando especificamente por um plugin de construtor de páginas gratuito, as versões gratuitas do Elementor e do Brizy são muito mais generosas em seus recursos.

No entanto, quando se trata da versão premium, o Beaver Builder é bastante acessível.

Primeiro, o importante a notar é que todos os planos de preços do Beaver Builder permitem o uso em sites ilimitados.

A partir daí, os planos começam em apenas US$ 99 por um ano de suporte e atualizações. Em todos os planos, você pode obter um desconto de renovação de 40% se quiser continuar recebendo suporte e atualizações após o primeiro ano.

Como mencionei acima, não acho mais o tema Beaver Builder tão valioso, então acho que praticamente todo mundo ficará bem com a licença padrão de US $ 99. Os únicos motivos pelos quais você pode querer pagar mais são:

1. Você precisa de suporte multisite do WordPress e, nesse caso, precisa da licença Pro de US $ 199.
2. Você precisa de white label e, nesse caso, precisa da licença de agência de US$ 399.

Se você quiser adicionar suporte à criação de temas, também precisará comprar o Beaver Themer, que custa US $ 147 para uso em sites ilimitados.

Portanto, se você quiser o construtor de páginas e o construtor de temas, pagaria US$ 246 para uso em sites ilimitados e um ano de suporte e atualizações. Você pagará um total de US$ 147,60 para renovar se quiser continuar recebendo suporte e atualizações após o primeiro ano.

Considerações finais sobre o Beaver Builder

No geral, acho que o Beaver Builder é um plugin muito bom de uma equipe de desenvolvimento estabelecida e confiável. Já existe há mais de sete anos e construiu uma grande comunidade nesse período.

No entanto, se você deve ou não usar o Beaver Builder, realmente se resume ao que você valoriza em um plug-in do construtor de páginas do WordPress.

Se você deseja um construtor de páginas que está sempre adicionando novos recursos e oferecendo novas habilidades de design, o Beaver Builder pode não ser sua melhor escolha porque esse não parece ser o foco da equipe do Beaver Builder. Não é como se o Beaver Builder nunca adicionasse novos recursos, mas eles vêm em um ritmo mais lento do que plugins como Elementor, Divi e Brizy.

No entanto, se você valoriza a estabilidade em vez de obter novos recursos com frequência, é aí que acho que o Beaver Builder se sai muito bem. Um ciclo de desenvolvimento mais lento significa mais tempo para testar e resolver problemas. Eu nunca vi usuários do Beaver Builder reclamando que uma nova versão causou algum bug generalizado ou quebrou algo em seus sites.

Certamente há valor em obter novos recursos, mas também há valor na estabilidade. Se um plug-in já faz tudo o que você precisa, você pode querer que ele continue fazendo isso bem sem adicionar novos recursos que podem ou não causar problemas em seu site.

Então é basicamente assim que eu vejo. Eu não acho que exista uma única resposta “certa” – realmente depende de qual abordagem você prefere.

Se você gosta da abordagem do Beaver Builder, clique no botão abaixo para acessar o site:

Obtenha o Beaver Builder

Se você preferir ver algumas outras opções, confira nossa coleção dos melhores plugins de construtor de páginas. Se você deseja flexibilidade máxima de design, acho que algumas boas opções são Elementor (leia nossa análise) e Divi Builder (leia nossa análise).

Para ver como o Beaver Builder se compara a esses plugins, você pode conferir estes posts:

• Elementor Pro vs Beaver Builder
• Divi vs Beaver Builder

Ainda tem alguma dúvida sobre o Beaver Builder ou nossa análise do Beaver Builder? Deixe um comentário e deixe-nos saber!