Beaver Builder vs Elementor: apenas um é bom para você (2024)

Beaver builder vs Elementor

Quais são os dois construtores de páginas mais populares para WordPress? Se você está procurando por um Beaver Builder Comparação vs Elementor, você já sabe, esses são dois dos melhores produtos que existem!

Como um usuário final que deseja projetar seu site sozinho, temos certeza de que você sabe que esses plug-ins estão entre suas melhores escolhas entre as muitas opções disponíveis.

No entanto, existem algumas diferenças que você precisa conhecer antes de fazer sua escolha.

Ambos os produtos têm nuances e casos de uso ideais que podem ajudar na sua decisão.

Porque, depois de tomar uma decisão, você estará nela principalmente no longo prazo. Não há (quase) como voltar atrás. Fazer a escolha certa é fundamental! 

Sua decisão é importante.

Se você criar páginas usando um construtor de páginas e decidir mudar para outro, seu conteúdo será preservado, mas você acabará com um layout confuso junto com códigos de acesso espalhados por todo o lugar.

Pode ser muito tedioso e demorado reconstruir tudo novamente.

É por isso que é importante considerar cuidadosamente qual construtor de páginas você usará o mais cedo possível.

Analisaremos os recursos de ambos os plug-ins e compará-los para que você possa tomar essa decisão antes de começar a construir.

Mas você pode ter uma pergunta em mente agora.

Se usar plug-ins de construtor de páginas torna seu site dependente nele, por que usar um?

Vamos discutir isso rapidamente a seguir.

Se você estiver ansioso para iniciar a comparação, você pode pular para o Elementor vs. Beaver Builder .

Esta Beaver Builder O artigo do plugin vs Elementor foi atualizado em maio de 2024, adicionando informações e atualizações relevantes e importantes à medida que novos recursos são desenvolvidos e lançados para ambos os produtos. Você pode ter certeza de que este artigo contém as informações mais recentes e imparciais.

Beaver Builder vs Elementor

Elementor e Beaver Builder são ferramentas poderosas para projetar sites. Elementor tem uma versão gratuita, mas a versão Pro ($ 49) é onde se destaca com um extenso conjunto de elementos e biblioteca de modelos.

Beaver Builder é uma ótima alternativa graças à sua simplicidade e facilidade de uso.

  elemento vs. beaver builder beaver builder vs elemento
No geral  5/5  4.5/5
Vencedora 🏆  
Preço A partir de $ 59 / ano $99
Free Version Sim Sim
Editor em tempo real Sim Sim
Front-end / Back-end Ambos Ambos
Público-Alvo Desenvolvedor / Designer / Usuário / Agência Web Developer / Designer
Elementos suportados 80+  31 
Código Limpo Sim Sim
Modelos / layouts pré-fabricados 300+ 50+
Recurso legal Conteúdo dinâmico Themer do castor
Performance
Do que gostamos  Solução muito poderosa para criar qualquer tipo de site  Interface de usuário simples
   Opções superiores de gerenciamento de layout  O conteúdo permanece intacto mesmo após a desativação
   Preço atraente com acesso  Modo de editor exclusivo para clientes
   Construtor de páginas mais popular por um motivo  Permite que você use widgets WordPress nos layouts
O que não gostamos    Mais caro que outros construtores de páginas
Site Visite Elementor Visite a Beaver Builder 

O que é um construtor de páginas?

Os criadores de páginas prometem tornar o design do seu site muito mais fácil e less complicado.

Eles permitem que você construa e projete páginas que se parecem exatamente (ou pelo menos o mais parecidas possível) com o que você imaginou, sem ter que mexer em nenhum código.

Isto vai contra o que era a norma até há alguns anos atrás, onde ser programador, ou pelo menos ter bons conhecimentos de tecnologia web, era essencial para desenvolver um site!

Com o advento dos construtores de páginas, não há necessidade de contratar desenvolvedores web para executar qualquer coisa, menos a codificação mais personalizada.

O resultado final é que web designers e criadores de páginas continuarão a coexistir no futuro próximo.

Leia mais: Confira nosso novo Assistente Pro review - uma ferramenta para web designers.

Por que usar um construtor de páginas?

Existem muitos motivos pelos quais você deseja usar um plug-in construtor de páginas:

Um pacote completo

Em primeiro lugar, um construtor de páginas é como um plugin “tudo em um”. Eles têm botões, apresentações de slides, formulários de contato, galerias, grades de conteúdo, botões de compartilhamento social, etc., tudo em um único pacote.

Se você não usar um construtor de páginas, terá que instalar vários plug-ins, um para cada necessidade específica.

À medida que seus requisitos aumentam, talvez seja necessário instalar vários plug-ins diferentes. Se você decidir optar por plug-ins premium, as taxas de licença começarão a aumentar.

E depois há o problema de pesquisar qual plugin é o melhor, junto com o trabalho de manutenção que vem com tantos plugins instalados.

Simplificando, os construtores de páginas são conveniente e mais barato em geral.

elementos

Modelos e layouts

A próxima razão é a mais óbvia. É também a principal razão pela qual você usaria um construtor de páginas WordPress, belos modelos e layouts personalizados.

Embora possamos obter temas premium que nos oferecerão muitos recursos e opções de personalização, na maioria das vezes não há muitos temas que atendam a TODOS os nossos requisitos de design.

A maioria dos modelos irá satisfazer a maioria das nossas necessidades. Construtores de páginas WordPress como Beaver Builder e Elementor fornecem as ferramentas para satisfazer todas as suas necessidades.

Não há limite para o que você pode construir com um construtor de páginas.

Você pode personalizar suas páginas da maneira que desejar e, em alguns casos, até mesmo todo o seu tema.

Existem também modelos pré-fabricados que facilitarão sua vida.

Esses são sites e páginas totalmente desenvolvidos, que você SÓ precisa personalizar com seu conteúdo.

Modelos de layout

Não há necessidade de saber como codificar

Embora você possa tornar os construtores de páginas ainda melhores criando designs mais personalizados sabendo como escrever HTML e CSS, isso NÃO é necessário.

A maioria dos construtores de páginas, como Elementor e Beaver Builder, vem com uma interface de arrastar e soltar que ajuda você a criar páginas facilmente sem um único conhecimento sobre o que é um tag faz.

Agora que isso está fora do caminho, vamos continuar com a comparação do Beaver Builder vs construtores de páginas Elementor.

O que é Elementor?

Elementor é um dos construtores de páginas de arrastar e soltar mais estabelecidos para WordPress. Foi lançado em 2016 e tem crescido cada vez mais.

É tão popular que quando alguém pensa em um construtor de páginas, automaticamente pensa no Elementor. É considerado o construtor de páginas de arrastar e soltar ‘original’ que abriu o mundo da construção de sites para todos.

Oferece uma versão gratuita com diversas ferramentas para ajudar a construir e personalizar sites e possui milhares de temas criados com ele ou que o suportam.

Elementor Pro é a versão premium. Adiciona mais blocos, modelos e ferramentas. É amplamente desnecessário para indivíduos ou hobbyistas, mas oferece muito poder e flexibilidade às agências.

O que é Beaver Builder?

Beaver Builder na verdade, é anterior ao Elementor, tendo sido lançado em 2014. Não fez o mesmo sucesso que o Elementor e ainda não tem o mesmo perfil.

Como você verá em breve, isso se deve mais à forma como os dois são promovidos e não tem nada a ver com qualidade ou funcionalidade!

Beaver Builder possui uma versão básica gratuita e diversas versões premium. A versão gratuita é muito boa, mas não possui o mesmo número de elementos gratuitos que seu concorrente.

BUT Beaver Builder é estável e leve, duas coisas que todos valorizamos.

O design da UI também é muito bom.

Elementor vs. Beaver Builder: A interface

Uma das coisas mais importantes a considerar ao escolher um aplicativo ou software é a interface do usuário.

Embora se trate principalmente de preferência pessoal, pode ser difícil usar um aplicativo cuja interface não seja a que você está acostumado ou não seja do seu agrado.

A interface por si só não torna um plug-in excelente. Há outras coisas a serem consideradas, como a disponibilidade de recursos e módulos, portanto, leia até o final antes de tomar sua decisão.

Vamos começar com a interface do Elementor.

A interface Elementor

A interface do Elementor é dividida em duas seções principais. A barra lateral, que está localizada à esquerda, e a visualização ao vivo de seu site / página.

Baixe a versão gratuita do Elementor

A barra lateral contém o WordPress Widgets e elementos que você pode usar para construir suas páginas junto com as configurações que você pode ajustar.

interface elementor

Você pode adicionar elementos às suas páginas arrastando e soltando-os na visualização ao vivo. Por exemplo, adicionamos um título adicional em nosso site de exemplo:

arraste e solte o elemento

Editar texto é fácil. Basta clicar em qualquer elemento de texto em seu site e editá-lo diretamente.

elemento de edição de texto

Você também pode editar o texto por meio da barra lateral.

elemento de edição de texto ou barra lateral

Finalmente, na parte inferior, você pode acessar configurações adicionais.

elementoou mais interface

 

  • Configurações gerais - É aqui que você pode ver informações sobre a página atual do WordPress, como título da página, imagem em destaque, status de publicação e outros.
  • Navigator - Abre um pop-up exibindo um painel de árvore de navegação, facilitando a navegação.
  • HISTÓRIA - Se quiser voltar para uma revisão anterior, você pode clicar aqui. Observe que isso exibe apenas as alterações feitas na sessão atual.
  • Modo Responsivo - Permite que você veja como ficará o seu site em diferentes dispositivos e resoluções de tela.

Se você passar o mouse sobre um elemento e clicar com o botão direito, poderá acessar várias opções:

elemento de clique com o botão direito

O menu do botão direito permite excluir um elemento, visualizá-lo no navegador, salvá-lo como um elemento global (apenas na versão pro), duplicá-lo e muito mais.

Agora que vimos a interface principal do Elementor, vamos dar uma olhada em Beaver Builder seguinte.

A Beaver Builder Interface

Beaver BuilderA interface do é mais minimalista do que o construtor Elementor. 

Clique aqui para uma demonstração ao vivo

Quando você edita uma página WordPress via Beaver Builder, isto é o que você verá:

interface de castor

No topo você tem o Beaver Builder barra exibindo informações mínimas, mas essenciais, sobre sua página atual.

Para adicionar um elemento, você clica no botão “+”Botão localizado no canto superior direito.

módulos castores

Para adicionar um elemento ou um “módulo” para usar Beaver Builderda terminologia, você pode simplesmente arrastar e soltar.

castor arrastar e soltar

Você deve ter notado que Beaver BuilderO editor de texto do é um pouco diferente do Elementor.

Podemos ver no GIF acima que teremos um editor pop-up ao editar o texto.

Você também pode clicar em um módulo de texto para editá-lo, o que, novamente, abre o editor de texto pop-up.

editor de texto castor

Se você não gostar dessa função de janela pop-up, poderá arrastar o editor de texto para a esquerda ou direita da tela para fixá-lo.

Depois de fazer isso, você também poderá realizar edições em linha.

editor de texto castor personalizado

Observe que fixar esse editor de texto também fixará tudo, fazendo com que pareça o construtor Elementor em termos de layout.

interface do castor personalizada

Beaver Builder agora tem o mesmo layout do Elementor. Se preferir, você pode movê-lo para o lado direito arrastando e fixando-o.

Finalmente, temos configurações adicionais clicando no botão de seta para baixo localizado no canto superior esquerdo da tela.

configurações adicionais do castor

Interface - Conclusão

Ambos os plug-ins oferecem layouts e desempenho de edição quase idênticos.

Em termos de aparência, Beaver Builder tem a vantagem de ter uma aparência muito mais limpa, embora isso possa ser apenas uma preferência pessoal.

Arrastar e soltar itens também é um pouco mais preciso e fácil de usar. Beaver Builder do que no plugin Elementor.

Módulos e Widgets

Elementor chama seus elementos de “widgets” enquanto Beaver Builder os chama de “módulos”.

Esses são os blocos de construção que os criadores de páginas do WordPress podem usar para criar o conteúdo da sua página.

Eles incluem texto, títulos, botões, galerias e outros elementos. Nos exemplos anteriores, o que você viu foram os elementos de texto e título.

Vamos ver quantos outros elementos esses plug-ins têm a oferecer.

Elementos Elementor: Seções, Colunas e Widgets

O construtor Elementor tem três tipos de elementos:

  1. seções
  2. colunas
  3. Widgets

A seção é a mais alta na hierarquia do construtor. Cada coluna e widget existem dentro de uma seção.

A coluna é a segunda na hierarquia. Cada widget vive dentro de uma coluna. Os widgets são os mais baixos na hierarquia.

Os widgets são o seu conteúdo, como botões, texto e imagens. As seções e colunas são para a criação de diferentes layouts.

Elementor oferece 50 widgets para usar na versão gratuita e mais de 60 widgets WordPress na versão Pro.

Esses números aumentam cada vez mais à medida que novas versões são lançadas, então clique aqui para verificar os últimos números.

No GIF abaixo, você pode ver como adicionamos uma seção, depois colocamos uma coluna de “duas colunas” dentro da seção e finalmente adicionamos widgets dentro das colunas.

Você pode adicionar vários widgets em uma coluna, que você verá no segundo GIF abaixo, que mostra o estilo.

elemento ou seções colunas widgets

A aplicação de estilos na seção afeta tudo dentro dela.

O mesmo se aplica às colunas, mas não afetará nada fora delas e qualquer estilo aplicado a um widget permanecerá intacto.

seções colunas hierarquia de widgets

 Você deve ter notado como pode clicar com o botão direito em um elemento para editá-lo, duplicá-lo ou excluí-lo.

Esta é uma ação muito conveniente.

elementor menu do botão direito

Agora que você tem uma boa visão geral dos elementos do Elementor. Vamos verificar Beaver Builder.

Beaver Builder Elementos: Linhas, Colunas e Módulos

Como o plugin anterior, Beaver Builder também divide seus elementos em três categorias:

  1. Linhas
  2. colunas
  3. Módulos

As linhas são as mais altas na hierarquia. As colunas vão para dentro das linhas e os módulos vão para dentro das colunas. Os módulos são o seu conteúdo real, enquanto as colunas e linhas são para fins de layout.

Beaver BuilderA versão gratuita do oferece 6 módulos, enquanto a versão profissional oferece 30 módulos para brincar.

No GIF abaixo, usamos o construtor para adicionar uma linha contendo três colunas e preencher as colunas com vários módulos diferentes.

módulo de colunas de linha

O estilo funciona da mesma forma que Elementor.

Os estilos aplicados em linhas também são aplicados em colunas e módulos. Os estilos aplicados nas colunas afetam os módulos e você pode definir estilos específicos para os módulos individualmente.

estilo de módulo de colunas de linha

Ao contrário de Elementor, Beaver Builder não tem opções personalizadas de clique com o botão direito. Você tem que passar o mouse sobre um elemento para poder executar ações nele.

clique com o botão direito do castor

Módulos e Widgets – Conclusão

Ambos os plug-ins funcionam praticamente da mesma maneira.

Ambos oferecem maneiras fáceis de criar um layout para suas páginas.

Elementor, no entanto, torna isso um pouco mais fácil ao ter um menu do botão direito em cada elemento, o que permite acessar diretamente suas configurações.

Quanto ao número de módulos disponíveis, parece que o Elementor tem vantagem sobre Beaver Builder, especialmente na versão gratuita.

Finalizadores

Como você viu anteriormente, ambos Elementor e Beaver Builder oferecem controle refinado sobre as opções de estilo.

Você pode aplicar estilos a seções ou linhas ou ajustá-los e fazer com que widgets ou módulos individuais tenham seu próprio estilo.

Vamos nos aprofundar um pouco mais nas opções de estilo.

Opções de estilo do Elementor

Antes de verificarmos as opções de estilo disponíveis no próprio editor, vamos dar uma olhada nas configurações de estilo do Elementor, que podem ser encontradas em Elementor> Configurações.

opções de estilo elementor

No Geral configurações, você pode configurar se deseja desabilitar as cores e fontes padrão do Elementor.

Sob o Style guia, você pode definir várias outras configurações de design.

estilo das configurações do elementor

Como você pode ver, você pode ajustar muitas opções de estilo nesta página.

Vamos passar para as opções de estilo do editor.

Opções de estilo Elementor

As opções de estilo disponíveis permanecem bastante semelhantes para a maioria dos elementos no Elementor.

Abaixo, você pode ver as opções básicas de estilo para o elemento de título.

estilos elementor

A propósito, você deve ter notado que o estilo e a cor da fonte mudaram - isso porque acabamos de habilitar o Desativar cores padrão e Desativar fontes padrão nas configurações do Elementor.

Agora, ele herda as cores e fontes do tema em vez de usar seus personalizados (que você pode ver em nossos exemplos anteriores).

Voltemos às opções de estilo disponíveis para nós.

Acima, temos:

  • Cor do texto
  • Tipografia
  • Sombra do texto
  • Modo de mistura

Elementou Advanced Style Options

Se achar que isso não é suficiente, você pode ir para a guia Avançado para mais opções.

estilos elementor avançados

Aqui você pode configurar tudo, desde margens e preenchimentos personalizados, efeitos de rolagem, configurações de plano de fundo, etc.

Você também pode aplicar um CSS personalizado se desejar (isso está disponível apenas na versão Pro).

Um dos recursos exclusivos do Elementor é a capacidade de definir valores personalizados para diferentes tamanhos de tela, que podem ser vistos abaixo:

estilos responsivos avançados

Isso oferece um controle mais preciso sobre como o conteúdo é exibido em diferentes dispositivos e resoluções de tela.

Beaver Builder Opções de estilo

Ao contrário de Elementor, Beaver Builder herda as fontes e a cor do seu tema por padrão. Isso permite consistência fora da caixa.

Beaver BuilderAs opções de estilo variam de acordo com o elemento, mas basicamente, você tem estilo, separador, tipografia, e avançado opções.

Estilos

estilos de castor

O estilo as configurações são mostradas quando você edita uma linha, bem como outros elementos, como botões.

Você pode encontrar opções para:

  • Largura
  • Largura do conteúdo
  • Altura
  • Cores como cor do link, cor do texto, cor de foco do link, etc.
  • Tipo, cor e opacidade do fundo
  • Fronteira

A aplicação de cores, como cores de texto, link e foco, será aplicada a todos os elementos dentro da linha.

No entanto, você pode substituir essas configurações definindo valores personalizados por elemento.

estilos avançados de castor

No avançado configurações, você pode encontrar opções para:

  • Espaçamento
  • Layout responsável
  • Visibilidade
  • Elemento HTML - você pode definir um ID HTML personalizado e uma classe para um elemento específico para personalização posterior

Ambos Beaver Builder e Elementor permitem que você ajuste como seu conteúdo aparece em diferentes dispositivos clicando no ícone do dispositivo ao lado de uma configuração (que é visível apenas para configurações que o suportam).

castor responsivo

separador

estilos de separador de castor

A separator é outra opção de estilo que permite dar aos seus elementos uma aparência mais refinada.

Aqui você encontra opções para o seu separador. Se você está se perguntando como é um separador, veja o exemplo acima - a linha vermelha sob o título na imagem acima.

Você tem opções para:

  • Estilo do separador
  • Posição do separador
  • Estilo de linha
  • Cor da linha
  • Espessura e largura

Tipografia

tipografia estilo castor

A tipografia as opções servem para controlar como seu texto aparece. Esta configuração geralmente aparece para o cabeçalho módulo.

Aqui você tem opções para:

  • Tag HTML
  • Estilo, tamanho e rosto da fonte
  • Cor do texto
  • margens

Estilo - Conclusão

Ambos os plug-ins oferecem uma ampla gama de opções e configurações de estilo. Eles permitem o fimless personalização até os mínimos detalhes de cada elemento de uma página.

Sentimos que ambos os construtores de páginas são basicamente equivalentes nesse aspecto.

Modelos

Os modelos são designs prontos que você pode usar para iniciar o design de suas páginas. Elementor e Beaver Builder nos fornece muitos modelos para escolher.

Como web designers ou desenvolvedores, você provavelmente deseja a capacidade de criar seus próprios temas ou modelos de página específicos que podem ser reutilizados / ajustados como parte de seu processo de design.

Vamos dar uma olhada.

Templates Elementor

No Elementor, ao criar uma nova página, você verá que tem a opção de adicionar uma seção ou usar um modelo.

Na versão gratuita, você tem cerca de 40 modelos para escolher.

Na versão Pro, você tem mais de 300 páginas e modelos de blocos diferentes para escolher.

Visite o site para verificar todos os modelos

elementor novo template

Ao clicar no Adicionar modelo botão, você será saudado com um menu mostrando os modelos para escolher.

elementor template seletor

Elementor oferece dois tipos de modelos: Bloco e Página.

Modelos de Bloco são modelos de seção que você pode usar para construir partes específicas de sua página. Um exemplo de modelo de bloco é um formulário de contato ou uma seção de CTA.

Abaixo, você pode ver exemplos de modelos de CTA disponíveis.

templates de elementor block

Modelos de Página são modelos de página inteira projetados para tipos específicos de páginas e / ou propósitos por meio do plug-in do construtor.

Abaixo, você pode ver modelos para landing page e homepage.

Existem diferentes sabores para escolher. Por exemplo, você tem um modelo de página inicial personalizado para restaurantes e outro personalizado para agências.

modelos de página elementor

Você também pode criar seus modelos de páginas personalizados e até mesmo temas completos, salvá-los para reutilização.

Você pode fazer isso clicando na pequena seta para cima ao lado do botão publicar e escolhendo Salvar como modelo.

modelos elementor personalizados

Você pode até importar modelos feitos por terceiros, enviando-os para o seu site.

Isto permite o fimless possibilidades de personalização.

template de importação elementor

Beaver Builder Modelos

In Beaver Builder, você tem três tipos de modelos para escolher: landing pages, páginas de conteúdo e modelos salvos.

Ao contrário de Elementor, Beaver Builder não tem modelos de nível de bloco, embora você possa usar plug-ins para obter a mesma funcionalidade.

Clique aqui para ver todos os modelos

Observe que a versão gratuita do Beaver Builder não tem opções de modelos. Você terá que fazer tudo do zero se quiser usar a versão gratuita.

beaver builder modelos

Os modelos de landing page servem para criar landing pages elaboradas. No momento em que este artigo foi escrito, você pode escolher entre 30 modelos de páginas de destino diferentes dentro Beaver Builder.

modelo de página de destino do castor

Os modelos de página de conteúdo são para páginas de conteúdo como página sobre, página de contato, página inicial, etc.

Existem atualmente 25 modelos de página de conteúdo para escolher Beaver Builder.

modelo de página de conteúdo castor

 

Os modelos salvos são seus modelos personalizados salvos. Como no Elementor, você pode criar uma página como um modelo com o construtor para que possa reutilizá-la posteriormente.

A importação de modelos também é possível em Beaver Builder, mas não é tão intuitivo quanto o do Elementor.

Modelos - Conclusão

O construtor Elementor oferece mais modelos para escolher e opções mais fáceis de importação e exportação de modelos do que Beaver Builder.

Quanto à design e aparência, ambos os plug-ins oferecem uma ampla variedade de belos modelos que atendem a muitos tipos diferentes de nichos.

Quanto às suas versões gratuitas, Elementor vence facilmente contra Beaver Builder.

Com Elementor você ainda pode escolher entre mais de duas dúzias de modelos gratuitos e até mesmo importá-los e exportá-los.

Com o Beaver Builder, você deve atualizar para a versão premium para aproveitar esse recurso.

Edifício Temático

O recurso de construção de tema é uma ferramenta muito poderosa que tanto o Elementor quanto Beaver Builder oferece.

Para Elementor, o construtor de temas é desbloqueado automaticamente assim que você atualiza para a versão premium.

Com o Beaver Builder, você teria que instalar um plugin separado chamado Beaver Themer, que é uma compra separada de $ 147.

O Construtor de Tema Elementor

Para acessar seu criador de tema, você pode ir para Modelos> Criador de temas. A partir daí, você pode criar ou editar modelos de temas.

Você pode criar ou editar modelos para:

  • Página
  • cabeçalho
  • Rodapé
  • pós Individual
  • arquivo
  • páginas 404
  • Etc.

O criador de temas do Elementor funciona praticamente da mesma forma que o criador de páginas.

Você tem todos os elementos normais, além de elementos novos e específicos para o tipo de seção temática em que está trabalhando.

Por exemplo, esta é a aparência do construtor de tema Postagem única.

elementor editor de postagem única

Como você pode ver, você tem um novo conjunto de widgets WordPress específicos para postagens únicas, como título da postagem, imagem em destaque, comentários da postagem, etc.

Se você não quiser começar do zero, também existem modelos predefinidos que você pode usar, os quais você pode acessar pressionando o ícone da pasta no editor de conteúdo da mesma forma que faria no construtor de página normal.

Quando terminar de criar seu modelo de tema personalizado, você poderá controlar quando e onde ele aparecerá.

Por exemplo, você pode optar por exibir seu modelo de postagem único personalizado apenas para um autor de postagem específico.

A Beaver Builder Theme Builder

Beaver BuilderO construtor de temas do Elementor, embora ativado de forma diferente, funciona de maneira semelhante ao construtor de temas do Elementor.

Esta é uma ótima ferramenta se seus clientes exigirem que você crie temas personalizados para eles.

Você só pode acessar o construtor de temas depois de instalar o plugin Beaver Themer.

Depois de ativá-lo, você poderá acessar Beaver Builder > Layouts de Themer e a partir daí, você pode criar um modelo personalizado para o seguinte:

  • cabeçalho
  • Rodapé
  • arquivo
  • Postagens únicas (singular)
  • 404 página

beaver builder construtor de tema

Depois de decidir o layout que deseja criar ou editar, você pode personalizá-lo ainda mais, escolhendo onde e quando ele aparecerá.

Por exemplo, para o rodapé personalizado, você pode escolher se ele aparecerá em todo o site, substituindo efetivamente o rodapé padrão, ou se deseja exibi-lo apenas em determinados posts ou páginas.

Você também pode personalizá-lo ainda mais exibindo-o apenas quando uma postagem for escrita por um determinado autor.

Essa personalização baseada em regras em Beaver Builder é muito poderoso porque traz muitas possibilidades de flexibilidade e customização.

beaver builder as regras personalizadas mais populares

Quanto ao editor em si, você terá a mesma UI do construtor de páginas.

Abaixo, você pode ver o editor de layout de tema em ação, onde editamos o rodapé personalizado que criamos.

Você tem acesso ao mesmo número de módulos e outros elementos que no construtor de páginas normal.

beaver builder editor de temas

Construtor de Tema - Conclusão

Ambos os plug-ins de construção oferecem excelente controle e personalização sobre a construção de temas.

No entanto, se quisermos falar sobre preços, o plugin Elementor Builder é mais barato que Beaver Builder já que seu criador de tema está integrado à versão premium.

Construtor Popup Elementor

Construtor Popup Elementor

Se você comprar o Elementor Pro, também terá acesso ao Elementor Popup Builder.

Se você usa pop-ups para marketing, esta é uma vantagem significativa. Isso significa que você não precisa comprar ou usar um construtor de pop-up de terceiros e Beaver Builder não tem nada parecido.

Elementor Popup Builder integra-se ao construtor de páginas e usa os mesmos menus, blocos e metodologia.

Você pode usar modelos pop-up prontos ou criar o seu próprio do zero, o que é um truque interessante.

Embora os pop-ups sejam controversos, eles são eficazes.

Se você está começando um negócio ou deseja expandir o atual, os pop-ups são definitivamente algo a se considerar.

Performance

Sem elemento vs. Beaver Builder a comparação estaria completa sem um teste de desempenho.

Não queríamos entrar em muitos detalhes aqui, pois já cobrimos muito terreno.

Em nossos testes rápidos, descobrimos que, no geral, Elementor é mais rápido que Beaver Builder mesmo que ambos diminuam a velocidade de carregamento da página.

Usando uma página de modelo padrão para cada um:

  • Elementor pontuou 83/100 e Beaver Builder pontuou 68/100 no PageSpeed ​​​​para celular.
  • Páginas de teste carregadas em 3.8 segundos com Elementor e 4.2 segundos com Beaver Builder.
  • O maior conteúdo de pintura (LCP) da Elementor é de 3.3 segundos com Beaver Builderestá em 7.1 segundos.
  • Elementor tem First Contentful Paint (FCP) mais lento em 4.8 segundos vs 2.5 segundos para Beaver Builder.
  • Beaver Builder também tem menos solicitações HTTP do que Elementor, 17 vs 38.

Como você pode ver, não há muita diferença entre os dois. Embora ambos tenham um impacto moderado na velocidade da página em comparação com o uso do editor padrão do WordPress, eles são em sua maioria cabeça a cabeça no tempo de carregamento.

Desempenho – Conclusão

Embora o Elementor tenha uma ligeira vantagem em termos de velocidades de carregamento, é insignificante na maior parte.

Claro, a pontuação móvel poderia ser melhorada, mas é improvável que você lançasse um site sem otimizá-lo primeiro.

Ter menos solicitações HTTP é um benefício definitivo, então é isso.

Vamos chamar isso de empate.

Preços

Já comparamos bastante os dois plug-ins e vimos o que você pode obter nas versões gratuita e Pro.

Mas quanto custa cada construtor? Qual deles lhe dá mais valor?

Ambas as versões de construtor premium vêm em três níveis de preços.

Preço Elementor

Vamos começar com Elementor. Existem opções de preços pessoais, empresariais e ilimitadas.

  • Essential - $ 59 para um único site.
  • Avançado - $ 99 para três sites.
  • Expert - $ 199 para 25 sites
  • Agência - $ 399 para 1000 sites.

preço elementor vs beaver builderTodos os planos têm o mesmo número de recursos e continuarão recebendo suporte premium e atualizações por 1 ano e vêm com o construtor de temas.

Clique aqui para obter o menor preço no Elementor

Beaver Builder Preços

Como Elementor, Beaver Builder o preço também vem em três níveis - todos com sites ilimitados, mas diferentes recursos ativados.

  • Padrão - $ 99 por ano.
  • Pró - $ 199 por ano.
  • Agência - $ 399 por ano.
  • Final - $ 546 por ano.

Beaver Builder Preços vs ElementorA padrão licença não tem suporte multisite e Beaver Builder Tema. O pró licença é capaz de suporte multisite e vem com o Beaver Builder Tema, mas não há etiqueta branca.

Finalmente, o agência licença tem todos os recursos padrão e profissionais, além de rotulagem branca.

Todos os planos são para sites ilimitados.

Lembre-se de que o Beaver Themer é uma compra separada da Beaver Builder em si que custa $ 147.

Clique aqui para obter o preço mais baixo em Beaver Builder

Grátis vs Pro

Ambos os plug-ins vêm com versões gratuitas e Pro, mas a versão gratuita do Elementor é a clara vencedora aqui.

A versão gratuita do Elementor vem com dezenas de módulos e modelos gratuitos.

Beaver Builder só vem com os muito básicos, o que o torna muito restrito em sua versão gratuita.

Preços - Conclusão

Se você deseja uma versão gratuita, Elementor é sua escolha certa.

Quanto às versões premium, embora possa parecer que Beaver Builder é mais caro, seus planos de nível superior oferecem recursos mais amigáveis ​​para o desenvolvedor, especialmente rotulagem em branco.

Elementor não permite que você hospede o site de um cliente sozinho e cobre uma taxa mensal se você usou o Elementor para construir ou projetar seu site.

Acreditamos que o Elementor é melhor para usuários solo, enquanto Beaver Builder é melhor para desenvolvedores - especialmente por causa das opções de rotulagem em branco e de hospedagem.

Se você ainda está procurando outras opções, também temos comentou Elementor vs Divi aqui, e também Beaver Builder contra Divi.

Se você quiser mais comentários, nossa opinião sobre Divi e Análise do tema Astra WP, embora pensemos que você deve limitar sua escolha neste ponto e olhar para a nossa conclusão abaixo.

Prós e Contras

Ambos Elementor e Beaver Builder tem prós e contras. Vamos dar uma olhada nisso aqui.

Prós do Elementor

  • Mais blocos, modelos e recursos
  • Mais opções de design
  • Ideal para agências menores ou indivíduos
  • A versão Pro tem um preço competitivo
  • Construção temática incluída
  • Construtor de pop-up incluído no Pro
  • Milhares de temas WordPress compatíveis com Elementor

Contras do Elementor

  • Alguns dos controles não são tão intuitivos quanto poderiam ser
  • Preços profissionais eliminam indivíduos e agências menores

Prós de Beaver Builder

  • A interface do usuário é moderna e fácil de aprender
  • Todas as suas necessidades básicas de blocos e modelos são atendidas
  • Você pode personalizar a IU se desejar
  • Suave e fluido de usar
  • O desconto de renovação é bem-vindo

Contras de Beaver Builder

  • Poucos temas WordPress suportam isso
  • A comunidade é menor que a da Elementor
  • Mais caro para uso individual
  • Não tantos blocos ou modelos quanto Elementor

Elementor vs. Beaver Builder: Conclusão

No geral, esses são atualmente os dois melhores plug-ins de construtor de páginas para WordPress. 

Elementor oferece uma grande quantidade de modelos e elementos, enquanto Beaver Builder tenta mantê-lo simples, mas ainda assim atende às necessidades de todos os usuários de web design.

Beaver Builder é amigável ao desenvolvedor. Ele oferece opções de etiqueta em branco e não tem restrições sobre como os desenvolvedores podem vender serviços ou sites criados com ele.

Se você é um desenvolvedor solo ou usuário em busca de um plugin excelente com muitos recursos e atualizações rápidas, escolha o plugin construtor de páginas Elementor.

Se você é um desenvolvedor ou usuário que não quer ficar sobrecarregado com toneladas de recursos e atualizações rápidas, escolha Beaver Builder.

Mas, no final, cabe a você tomar a decisão final.

 

Sobre o autor
David Attard
David trabalha na indústria online e digital ou em torno dela há 21 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos que os cercam. Ele trabalhou com agências de desenvolvimento de software, empresas internacionais de software, agências de marketing locais e agora é Chefe de Operações de Marketing na Aphex Media – uma agência de SEO. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seus sites e plataformas digitais disponíveis atualmente. Sua combinação de experiência em tecnologia combinada com uma forte visão de negócios traz uma vantagem competitiva aos seus escritos.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...