Beaver Builder vs Elementor Pro: Qual é o melhor construtor de páginas do WordPress?

Tentando decidir entre Beaver Builder vs Elementor Pro como sua ferramenta para construir sites WordPress personalizados usando um construtor visual de arrastar e soltar?

Estes são dois dos melhores plugins de construtor de páginas do WordPress. Ambos também são mais do que apenas construtores de páginas – você também pode usá-los para a construção completa de temas.

Então – como você pode escolher entre eles? Bem, é sobre isso que este post trata.

Eu acho que esses dois plugins são excelentes ferramentas, então não vou declarar um único vencedor. Em vez disso, tentarei ajudá-lo a escolher o melhor plugin para suas necessidades e orçamento.

Vamos cavar!

Recursos

Para iniciar nossa comparação Beaver Builder vs Elementor Pro, vamos dar uma olhada geral nos recursos que essas duas ferramentas oferecem.

Veja o que os ícones significam na tabela de comparação abaixo:

• ️ – o recurso está disponível no plugin.
• ️️ – o recurso está disponível em ambos os plugins, mas a implementação de um plugin é mais flexível/poderosa.
• – o recurso não está disponível no plugin.

*Requer o complemento oficial (mas separado) do Beaver Themer.

**O Elementor Pro requer uma chave de licença ativa para cada site de rede em sua rede multisite.

Conclusão dos recursos do Beaver Builder vs Elementor Pro

Em termos de recursos, o Elementor Pro tem a clara vantagem. Você consegue…

• Construtor de pop-ups, que é um recurso realmente poderoso que pode substituir a necessidade de um plug-in pop-up/opt-in separado.
• Mais widgets para escolher, incluindo opções exclusivas, como um botão do PayPal para aceitar pagamentos.
• Mais modelos para escolher.
• Um construtor de formulários mais poderoso.
• Mais opções de design ( não abordei isso na tabela, mas compartilharei mais sobre isso um pouco mais tarde ).
• Melhor suporte ao WooCommerce. O Beaver Themer suporta o WooCommerce, mas o Elementor Pro oferece mais flexibilidade para trabalhar com o WooCommerce.

No entanto, uma coisa que é difícil de capturar na tabela de comparação acima é a troca entre recursos e estabilidade. Se você deseja adicionar mais recursos a uma ferramenta, precisa ter um ciclo de desenvolvimento mais rápido, o que aumenta a chance de bugs ou problemas.

O Beaver Builder tem um ciclo de desenvolvimento mais lento, o que significa que não possui tantos recursos. Mas esse ciclo de desenvolvimento mais lento significa que o Beaver Builder é realmente sólido e você pode ter certeza de que uma atualização não causará problemas.

Certamente não estou dizendo que o Elementor Pro é instável. É o plugin construtor de páginas mais popular e milhões de sites o estão usando sem problemas.

Estou apenas tentando destacar que a estabilidade é algo que o Beaver Builder faz bem e merece crédito. Se você é o tipo de pessoa que valoriza a estabilidade em vez de obter mais recursos, isso pode ser importante para você.

Por outro lado, se você deseja o máximo de recursos e deseja ter acesso regular a novos recursos, o Elementor Pro definitivamente tem vantagem.

Interface

Em seguida, vamos nos aprofundar em como a interface funciona com cada ferramenta.

A qualidade da interface é subjetiva, então não vou declarar um “vencedor” aqui. Ambas as ferramentas têm ótimas interfaces e geralmente são rápidas e sem falhas.

Uma vantagem que o Beaver Builder tem, porém, é que ele permite que você personalize a interface de acordo com suas preferências, enquanto a interface do Elementor é praticamente corrigida.

Por outro lado, o Elementor tem algumas vantagens, pois oferece algumas ferramentas úteis que o Beaver Builder não oferece, como suporte para clique com o botão direito e uma ferramenta de navegação para organizar seu design.

Construtor de castores

Como mencionei acima, a interface do Beaver Builder é bastante flexível. Ao iniciar o Beaver Builder pela primeira vez, você verá uma visualização em tela cheia do seu design com uma barra de ferramentas na parte superior:

Para inserir módulos ou templates, você pode clicar no ícone “mais” para abrir um painel:

Da mesma forma, para abrir as configurações de uma linha, coluna ou módulo, você pode passar o mouse sobre ele e clicar na chave inglesa para abrir um pop-up (que você pode redimensionar e mover conforme necessário):

Se preferir ter um painel fixo em vez das opções flutuantes, você pode arrastar o painel para qualquer lado da interface. Isso criará uma barra lateral fixa que é onde você pode adicionar novos módulos e definir as configurações para os elementos existentes:

Se você quiser editar o texto, basta clicar e digitar na página ou usar o editor de texto na área de configurações.

Para design responsivo, você pode abrir o modo de edição responsiva, que permite ver uma visualização responsiva ao vivo e personalizar seu design com base no dispositivo:

Um recurso que adoro no Beaver Builder é a capacidade de criar designs de várias colunas apenas arrastando um módulo ao lado de outro:

A maioria dos construtores de páginas força você a configurar a estrutura da coluna antes de adicionar elementos, o que adiciona algum tempo extra ( o Beaver Builder também permite que você faça isso se preferir esse método ).

Além do que mostrei acima, o Beaver Builder também oferece seu próprio plugin Assistant para ajudá-lo a alternar rapidamente entre os designs ( embora não exija o Beaver Builder ).

Elementor Pro

Com o Elementor e o Elementor Pro, você obtém uma barra lateral fixa no lado esquerdo da interface e uma visualização ao vivo do seu design à direita:

Se você deseja ver uma visualização de largura total do seu design, pode recolher a barra lateral para ocultar a interface do Elementor:

A barra lateral é onde você pode adicionar novos módulos e definir as configurações de um elemento:

Para editar o texto, basta clicar e digitar na página ou usar o editor de texto na barra lateral.

O Elementor também vem com algumas opções úteis para ajudá-lo a trabalhar com mais eficiência. Por exemplo, o Elementor suporta o clique com o botão direito do mouse, que permite acessar as principais opções como copiar/colar (elementos ou estilos), elementos duplicados e muito mais.

Você também obtém uma ferramenta Navigator que permite ver o layout da sua página – você também pode renomear seções e elementos na página para ajudá-lo a lembrá-los e selecionar rapidamente o elemento certo:

O Elementor Pro também inclui um modo de edição responsivo que mostra uma visualização responsiva e permite personalizar o design para determinados dispositivos:

Se você quiser mais controle sobre a interface do Elementor, como o Beaver Builder permite, você pode usar um plug-in de terceiros como o Flexible Elementor Panel.

Opções de design

Se você estiver interessado em um construtor visual, provavelmente desejará uma ferramenta que o ajude a configurar seu design sem a necessidade de qualquer CSS personalizado. Para fazer isso, você precisa de uma ampla gama de opções de design integradas.

Ambas as ferramentas são bastante flexíveis quando se trata do básico. Você pode controlar facilmente:

• Cores
• Tipografia
• Espaçamento via margem/preenchimento
• Planos de fundo
• Design responsivo
• etc.

No entanto, o Elementor Pro também vai além do básico, e é por isso que acho que é o vencedor bastante claro quando se trata de flexibilidade de design.

Basicamente, quando se trata de design, o Elementor pode fazer praticamente tudo o que o Beaver Builder faz, além de “mais”. Por exemplo, aqui estão alguns dos recursos de design exclusivos do Elementor Pro:

• Efeitos de movimento - adicione efeitos interessantes, como efeitos de rolagem, inclinação 3D, rastreamento do mouse e muito mais. Saiba mais e veja exemplos aqui.
• Posicionamento personalizado – use o posicionamento absoluto e relativo para colocar widgets perfeitamente em seus projetos.
• Adicionar CSS diretamente aos elementos – você pode adicionar CSS diretamente a widgets/colunas/seções, enquanto o Beaver Builder permite adicionar apenas uma classe ou ID CSS.

Claro, existem muitas outras opções menores e diferenças entre os plugins. Estou apenas tentando destacar que, no geral , o Elementor Pro definitivamente tem mais opções de design.

O único construtor que acho que pode rivalizar com o Elementor Pro em termos de opções de design integradas é o plug-in Divi Builder (saiba mais em nossa análise do Divi).

atuação

Ao usar um construtor de páginas, você sempre fará algumas trocas quando se trata de desempenho. Não importa qual construtor de páginas você escolha, ele nunca criará designs tão leves quanto o editor nativo do WordPress.

Com isso dito, alguns plugins são melhores que outros.

O Beaver Builder sempre foi uma das opções mais leves ( para um construtor de páginas ) e a equipe Elementor tem colocado um grande foco nas melhorias de desempenho ultimamente, com melhorias como simplificar o DOM e otimizar o carregamento de ativos para carregar apenas scripts onde necessário.

Para avaliar o desempenho dessas duas ferramentas, criei um design idêntico para cada uma. O design é bastante simples – estou apenas tentando ter uma ideia do “peso” básico de cada ferramenta. Ele inclui apenas um widget de texto, widget de botão e formulário de contato ( do construtor de páginas ). Estou usando as configurações padrão em ambas as ferramentas.

*Esses números incluem meu tema, que é GeneratePress.

No geral, o Beaver Builder é um pouco mais leve, pelo menos neste teste. O Elementor Pro oferece mais recursos e efeitos de design, por isso é natural que ele precise carregar mais ativos para conseguir isso. Por exemplo, o Elementor está carregando scripts para seus efeitos de movimento, que é um recurso que o Beaver Builder não possui.

Se você habilitar o novo recurso de carregamento de ativos aprimorado do Elementor ( que ainda está apenas em teste alfa ), a diferença será menor porque o Elementor fica melhor em carregar apenas determinados ativos onde são necessários:

E tudo isso sem nenhum plugin de otimização de desempenho. Se você usar algo como o WP Rocket, poderá reduzir ainda mais esses números.

Acho que resumiria o desempenho assim:

• O Beaver Builder é um pouco mais leve que o Elementor Pro, o que faz sentido porque possui menos recursos e efeitos para carregar.
• O Elementor fica melhor se você habilitar os novos recursos de desempenho, que ainda estão em teste quando estou escrevendo isso.
• Mais importante ainda - você pode criar um site de carregamento rápido com ambas as ferramentas, desde que crie seus designs de maneira ideal e implemente as práticas recomendadas de desempenho do WordPress.

Preços

Em termos de preços, ambas as ferramentas apresentam algumas vantagens. O Elementor Pro é mais barato se você precisar apenas de uma ferramenta para um único site ou um pequeno número de sites, enquanto o Beaver Builder é mais barato se você precisar de uma ferramenta para muitos sites (mais de 25 sites).

Antes de podermos comparar preços, porém, você precisa pensar sobre quais são suas necessidades.

O Elementor Pro inclui todos os seus recursos em um único plugin. Então, quando você compra o Elementor Pro, você tem acesso a tudo – que inclui o construtor de temas, construtor de pop-ups, etc.

O Beaver Builder, por outro lado, separa seus recursos de construtor de páginas e de construção de temas.

• Plugin Core Beaver Builder Pro – suporta apenas a construção de páginas.
• Complemento oficial do Beaver Themer – adiciona suporte para a construção completa de temas ( e requer o plugin do construtor de páginas premium para funcionar ).

Portanto, com o Beaver Builder, você pagará um preço se quiser apenas a criação de páginas e outro preço se quiser adicionar a criação de temas.

Outra diferença importante é que o Beaver Builder suporta sites ilimitados em todos os planos , enquanto todos os planos do Elementor Pro têm limites de sites.

Vamos ver os preços de cada um e depois vou compará-los e mostrar quando cada ferramenta é mais barata.

Preços Elementor Pro

Aqui estão os preços do Elementor Pro - todos esses preços são para uma licença de um ano:

Preços do Beaver Builder

Aqui estão os preços do Beaver Builder para o plugin principal. A menos que você precise de suporte multisite ou white label, acho que você deve ficar bem com o plano padrão mais barato de US $ 99:

Para adicionar Beaver Themer, você pagará outros US$ 147 (US$ 246 no total).

Com o Beaver Builder e o Beaver Themer, você receberá um desconto de 40% se renovar sua licença para continuar recebendo suporte e atualizações após o primeiro ano.

Quando é mais barato comprar Elementor Pro vs Beaver Builder?

Para resumir todas essas informações acima, vamos passar pelas diferentes situações em que cada ferramenta é mais barata:

• O Elementor Pro é muito mais barato se você quiser apenas uma ferramenta para um único site (US $ 49).
• Se você precisar apenas de um construtor de páginas, o ponto de equilíbrio será de três sites . Se você só precisa de uma ferramenta para três sites, as ferramentas têm o mesmo preço (US$ 99). Mas se você precisar de mais de três sites, o Beaver Builder é mais barato.
• Se você precisar de criação de páginas e criação de temas, o ponto de equilíbrio é de 25 sites . Se você tiver menos de 25 sites, o Elementor Pro é mais barato. Mas se você tiver mais de 25 sites, o Beaver Builder é mais barato.

Estes são todos os preços do primeiro ano. Se você renovar após o primeiro ano, o Beaver Builder fica mais barato porque o Beaver Builder oferece um desconto de renovação de 40%, enquanto o Elementor Pro não.

Você deve usar o Beaver Builder ou o Elementor Pro?

Eu acho que o Beaver Builder e o Elementor Pro são dois dos melhores (se não os dois melhores) construtores de páginas do WordPress, então não acho que você tomará uma decisão “errada” quando se trata de Beaver Builder vs Elementor Pro.

Em vez disso, acho que se trata apenas de escolher a melhor ferramenta para sua situação:

• Se você deseja o máximo de recursos e opções de design, o Elementor Pro é provavelmente a melhor escolha para suas necessidades. Você obtém recursos exclusivos, como um construtor de pop-ups, opções de design exclusivas, como efeitos de movimento e posicionamento personalizado, e muito mais. Simplificando, o Elementor Pro é uma das ferramentas de design do WordPress mais ricas em recursos, e é por isso que é o plug-in de construção mais popular.
• Se você quer apenas um construtor sólido que seja um pouco mais leve e tenha todas as opções principais de construção de páginas e temas, o Beaver Builder também é uma ótima opção.

De qualquer forma, você terá uma ótima ferramenta para ajudá-lo a criar alguns designs incríveis.

Claro, há também outra distinção que pode desempenhar um papel importante na sua decisão – o preço . Lembrar:

• O Elementor Pro é mais barato para um único site e igual em preço para 3 sites.
• O Beaver Builder é mais barato para mais de 3 sites se você precisar apenas de um construtor de páginas OU 25+ sites se precisar de construção de páginas e construção de temas. Caso contrário, o Elementor Pro ainda é mais barato.
• O Beaver Builder oferece um desconto de renovação de 40%, enquanto o Elementor Pro não.

Para saber mais sobre ambos os plugins, você pode ler nossas análises completas:

• Revisão do elemento
• Revisão do Beaver Builder

Você ainda tem alguma dúvida sobre Beaver Builder vs Elementor Pro? Deixe-nos saber nos comentários!