Beaver Builder vs Elementor - Um guia definitivo e comparação (2021)

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 vs comparação Elementor, você já sabe, esses são dois dos melhores produtos que existem! Como um usuário final que deseja criar seu próprio site, temos certeza de que você sabe que esses plug-ins estão entre suas melhores opções entre as muitas opções disponíveis.

No entanto, existem alguns diferenças que você precisa saber antes de fazer sua escolha. Ambos os produtos possuem nuances que podem fazer a diferença na sua decisão.

Porque, uma vez que você toma uma decisão, você está mais decidido a longo prazo, (quase) não há como voltar atrás. Fazer a escolha certa é fundamental! 

Você precisa se certificar de que escolheu o construtor de páginas que se adapta às suas necessidades e preferências.

Por exemplo, se você criar páginas usando um construtor de páginas e, em seguida, decidir alternar para o outro, seu conteúdo será preservado, mas você acabará com um layout bagunçado junto com códigos de acesso espalhados por todo o lugar. Pode ser muito tedioso e demorado reconstruir tudo novamente.

Vamos examinar os recursos de ambos os plug-ins e compará-los para que você possa tomar a decisão certa.

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 na próxima seção. Se você estiver ansioso para iniciar a comparação, pode pular para o Elementor vs Beaver Builder seções.

Este Beaver Builder O artigo do plugin vs Elementor foi atualizado em Setembro 2021 adicionar 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 ambas ferramentas poderosas para projetar sites. Elementor tem uma versão gratuita, mas a versão PRO ($ 49) é onde ele se destaca com um extenso conjunto de elementos e biblioteca de modelos. Beaver Builder ainda é uma ótima alternativa pela sua simplicidade e preço atraente (US $ 99).

  logotipo da elementor beaver builder logotipo
No geral  5/5  4.5/5
Vencedora 🏆  
Preço $ 49 $ 99
Free Version Sim Sim
Editor em tempo real Sim Sim
Frontend / Backend 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 Beaver Themer
atuação
Do que gostamos  Solução muito poderosa para a criação de qualquer tipo de design  Interface de usuário simples
   Opções superiores de gerenciamento de layout  O conteúdo permanece intacto mesmo após a desativação do plugin
   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 do que os outros construtores de página
     Sem opção de desfazer, refazer ou histórico
Website Visite o site da Elementor Visite 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. Em essência, essas ferramentas garantem que você não precisa de nenhum conhecimento técnico quando se trata de coisas como HTML, CSS ou JavaScript.

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.

Ao contrário do que era costume até alguns anos atrás, ser programador, ou pelo menos ter bons conhecimentos de tecnologia web era essencial para desenvolver um website!

Com o advento desses produtos, a necessidade de contratar desenvolvedores web parece ter se tornado um pensamento remoto ou completamente desnecessário.

Na realidade, este não é o caso.

Os desenvolvedores e designers da Web ainda são as melhores opções para soluções totalmente personalizadas. Isso não significa que não haja espaço para construtores de páginas. Ambos têm seus cenários de caso de uso.

Os criadores de páginas podem realmente tornar os web designers mais eficientes.

O resultado final é que os web designers e criadores de páginas continuarão a coexistir em um futuro próximo. Muitos desenvolvedores e designers usam construtores de páginas para construir sites para seus clientes.

Existem muitos artigos, discussões e debates online sobre este tópico se você quiser se aprofundar nas diferenças entre a contratação de web designers e o uso de um plug-in de construtor de páginas.

Mas, por enquanto, estamos divagando.

Porque o foco deste artigo é sobre Beaver Builder vs Elementor, vamos falar um pouco sobre por que você deseja usar um construtor de páginas em vez de contratar um web designer profissional.

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 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, pode ser necessário instalar vários plug-ins diferentes. E se você decidir ir para 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

O próximo motivo é o mais óbvio e também o principal motivo pelo qual você deseja ter um construtor de páginas WordPress instalado: 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 deles atenderá "a maioria" de nossas necessidades.

Você sempre pensará que está faltando alguma coisa ou "Eu gostaria de poder fazer isso ou aquilo".

A solução? Os construtores de páginas do WordPress gostam Beaver Builder e construtor Elementor.

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 predefinidos que tornarão sua vida mais fácil. Estes 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 customizados, sabendo como escrever códigos HTML e CSS, isso NÃO é necessário.

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

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

Elementor vs Beaver Builder: A interface

Uma das coisas mais importantes a se considerar ao escolher um aplicativo ou software é a interface do usuário. Embora se trate principalmente de preferências pessoais, pode ser difícil usar um aplicativo cuja interface não seja a que você está acostumado ou não do seu agrado.

Deve ser fácil de usar e melhorar sua produtividade.

Então, vamos dar uma olhada nas “faces” de ambos os plugins, ou melhor, nas interfaces.

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.

Mas, é claro, a aparência e a experiência do usuário ao criar um site com ele podem fazer ou quebrar um produto.

Vamos começar com a interface do Elementor.

Interface do 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.

Visite para baixar a versão gratuita do Elementor

Funciona com o conceito de blocos, que você pode ver em ação neste vídeo de 1 minuto:

VRoPdyk97mg

 interface 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.

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 é onde você pode ver informações sobre a página atual do WordPress, como o título da página, imagem em destaque, seu status de publicação e outros.
  • Navegador - clicar aqui abre uma janela pop-up exibindo um painel em árvore de navegação tornando a navegação mais fácil.
  • História - se quiser voltar a uma revisão anterior, clique aqui. Observe que isso exibe apenas as alterações feitas na sessão atual.
  • Modo Responsivo - permite que você dê uma olhada na aparência de seu site em diferentes dispositivos / 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.

Beaver BuilderInterface de

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

Clique aqui para uma demonstração ao vivo

Se você não tem tempo para conferir a demonstração, este vídeo de 2 minutos criado pelo Beaver Builder equipe, pode mostrar rapidamente a interface e como criar páginas:

tCNDDQ7Jrs8

Como você viu no vídeo acima, quando edita uma página do WordPress via Beaver Builder, isto é o que você verá:

interface de castor

No topo, você tem Beaver Builderbarra de 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" de acordo com Beaver Builderda terminologia, você pode simplesmente arrastar e soltar.

castor arrastar e soltar

Você deve ter notado que Beaver BuilderO editor de texto do é ligeiramente diferente do do Elementor. Podemos ver no GIF acima que teremos um editor pop-up ao editar textos.

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

editor de texto castor

Se você não gosta dessa função de janela pop-up, pode arrastar o editor de texto para a esquerda ou direita da tela para fixá-lo. Depois de fazer isso, você também poderá realizar a edição 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

Como você pode ver de cima, 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

Conclusão da Interface

Uma das maiores diferenças e talvez um fator decisivo para os outros é Beaver Buildera falta de histórico de edições para tornar mais fácil desfazer edições.

Tirando esse problema, os dois plug-ins oferecem layouts e desempenho de edição idênticos.

Em termos de aparência, Beaver Builder tem a vantagem de seu visual muito mais limpo, embora isso possa ser apenas uma preferência pessoal. Arrastar e soltar itens também é um pouco mais preciso e fácil em 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 são textos, cabeçalhos, 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 do Elementor: Seções, Colunas e Widgets

O construtor Elementor tem três tipos de elementos:

  1. Seções,
  2. colunas e
  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.

O Elementor oferece 30 widgets para usar na versão gratuita e mais de 52 widgets de WordPress na versão PRO. Esses números estão sempre aumentando à 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 dela e qualquer estilo que você aplicar a um widget permanece para si mesmo. O GIF abaixo mostra isso em ação para o construtor Elementor.

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 o outro.

Beaver BuilderElementos de: linhas, colunas e módulos

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

  1. filas,
  2. colunas e
  3. módulos.

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

Beaver BuilderA versão gratuita do oferece 6 módulos, enquanto a versão profissional oferece 30 módulos para você brincar. É aconselhável consultar o site para confirmar os módulos atuais disponíveis em ambas as versões.

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

Seu estilo funciona da mesma forma que o 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

Conclusão dos Módulos e Widgets

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 por ter um menu do botão direito em cada elemento que permite a você ir diretamente para 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 ter widgets ou módulos individuais com 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

Na série Geral configurações, você pode configurar se deseja desativar as cores e fontes padrão do Elementor. É recomendável marcar essas caixas para manter a consistência do estilo em todo o site.

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

estilo das configurações do elementor

Não vamos examinar tudo isso, mas 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 básico ou elementar

As opções de estilo disponíveis permanecem muito semelhantes para a maioria dos elementos no Elementor. Abaixo, você pode ver as opções básicas de estilo para o elemento 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).

Vamos voltar às opções de estilo disponíveis para nós. Acima, temos:

  • Cor do texto
  • Tipografia
  • Text Shadow
  • 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 fundo, etc. Você também pode aplicar um CSS personalizado se quiser (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ê está editando 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

Na série 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ê pode encontrar opções para o seu separador. Se você está se perguntando como é a aparência de um separador, veja um 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

Conclusão de Estilo

Ambos os plug-ins oferecem uma ampla gama de opções e configurações de estilo. Eles permitem o fimless personalização até os menores detalhes de cada elemento em uma página. Sentimos que ambos os construtores de páginas são quase sempre equivalentes a esse respeito.

Modelos

Até agora, vimos ferramentas poderosas que nos permitem criar páginas personalizadas do zero. Mas não seria melhor se tivéssemos modelos para usar? Os modelos permitiriam que o processo de design fosse muito mais rápido.

A grande questão é que tanto Elementor quanto Beaver Builder oferecem recursos de modelagem. 

Nesse contexto, os modelos são designs prontos que você pode usar para iniciar o design de suas páginas. Ambos 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 diferentes e modelos de bloco 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: modelos de 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 os modelos de uma página de destino e uma página inicial. Além disso, 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ágina 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. Isso 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: páginas iniciais, 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 templates, então você terá que fazer tudo do zero se quiser usar a versão gratuita.

beaver builder modelos

Os modelos de página de destino servem para criar páginas de destino elaboradas. No momento em que este livro foi escrito, você pode escolher entre 30 modelos de página 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 sobre a página, página de contato, página inicial, etc. No momento em que este livro foi escrito, havia 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 de Elementor. Você pode verificar como ele faz isso lendo sua documentação aqui.

Conclusão dos Modelos

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 ao equipe 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 o Elementor, você ainda pode escolher entre mais de duas dúzias de modelos gratuitos e até mesmo a capacidade de importá-los e exportá-los. Em 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 aos seus usuários.

Para Elementor, o criador de tema é desbloqueado automaticamente assim que você atualizar para sua versão premium. Quanto a Beaver Builder, você teria que instalar um plugin separado chamado Beaver Themer, que é uma compra separada de $ 147.

Construtor de Tema de 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 tema. Você pode criar ou editar modelos para:

  • página
  • cabeçalho
  • Rodapé
  • Single Post
  • 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 de tema em que está trabalhando. Por exemplo, é assim que o construtor de temas se parece para 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 construir seu modelo de tema personalizado, você pode controlar quando e onde ele aparecerá. Por exemplo, você pode escolher exibir seu modelo de postagem única personalizado apenas para um autor de postagem específico.

Beaver Builder's Theme Builder

Beaver BuilderO construtor de temas do, embora ativado de forma diferente, funciona de forma semelhante ao construtor de temas do Elementor. Esta é uma ótima ferramenta se seus clientes exigem que você crie temas personalizados para eles.

Você só pode acessar o criador de temas depois de instalar o plug-in Beaver Themer. Depois de ativá-lo, você pode acessar Beaver Builder > Layouts de Themer e a partir daí, você pode criar um modelo personalizado para o seguinte:

  • cabeçalho
  • Rodapé
  • arquivo
  • Postagens simples (singulares)
  • páginas 404
  • Parte

 

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.

Esta 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 próprio editor, você terá a mesma IU que o Beaver Builder construtor de páginas.

Abaixo, você pode ver o editor de layout de tema em ação, onde estamos editando o rodapé personalizado que criamos. Você tem acesso ao mesmo número de módulos e outros elementos que no construtor de página regular.

beaver builder themer editor

Conclusão do Theme Builder

Ambos os plug-ins do construtor oferecem excelente controle e personalização sobre a construção do tema. No entanto, se formos falar sobre preços, o plugin do construtor Elementor é mais barato do que Beaver Builder já que seu criador de tema está integrado à versão premium.

Preços

Já comparamos os dois plug-ins um pouco e vimos o que você pode obter em suas versões gratuita e Pro. Mas quanto custa cada construtor? E qual 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.

  • Pessoal - $ 49 para um único site.
  • O negócio - $ 99 para três sites.
  • Especialista - $ 199 para 25 sites
  • Studio - $ 499 para 100 sites
  • Ilimitado - $ 999 para sites ilimitados.

preços de elementor

Todos os planos têm a mesma quantidade de recursos e continuarão a receber suporte premium e atualizações por 1 ano e vêm com o criador 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 se divide em três níveis.

  • Standard - $ 99
  • Pro - $ 199
  • Agência - $ 399

 

Preços BB

A 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.

Conclusão de preços

Se você deseja uma versão gratuita, o Elementor é a 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.

Além disso, se você é um desenvolvedor que deseja revender hospedagem, convém dar uma olhada neste discussão. Resumindo, o Elementor não permite que você hospede o site de um cliente por conta própria e cobra 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 vs Divi, ou finalmente se você quiser mais comentários, nossa opinião sobre Divi, embora pensemos que você deve limitar sua escolha neste ponto e olhar para a nossa conclusão abaixo.

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.

Elementor não é de código aberto enquanto Beaver Builder é, mas Elementor é mais poderoso no geral.

Do ponto de vista da segurança, Elementor teve um sério vulnerabilidade de segurança no passado, mas isso foi resolvido e o produto continua a crescer cada vez mais, atingindo 5 milhões de instalações ativas recentemente e com uma estratégia forte para chegar a 10 milhões em breve!

Então, sim, você definitivamente está comprando um bom produto!

Se você é um desenvolvedor solo ou usuário procurando um plugin excelente com toneladas de recursos e atualizações rápidas, então vá com o plugin de construtor de página 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.

Como ambos Beaver Builder e Elementor estão evoluindo continuamente, não há um vencedor claro, mas ainda gostamos do Elementor um pouco melhor, embora você possa facilmente tomar a decisão certa com base nos fatores que descrevemos e em suas necessidades atuais.

Visite Elementor

 

Sobre o autor
David Attard
Autor: David AttardSite: https://www.linkedin.com/in/dattard/
David tem trabalhado na ou em torno da indústria online / digital nos últimos 18 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos ao seu redor. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seu website e plataformas digitais disponíveis hoje.

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 ...