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 vs O artigo do plugin Elementor foi atualizado em setembro de 2024, adicionando informações e atualizações relevantes e importantes conforme 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.
 |
 |
|
| 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 construtores de páginas prometem tornar o design do seu site muito mais fácil e menos 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.
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.
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.
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:
Editar texto é fácil. Basta clicar em qualquer elemento de texto em seu site e editá-lo diretamente.
Você também pode editar o texto por meio da barra lateral.
Finalmente, na parte inferior, você pode acessar configurações adicionais.
- 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:
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.
O 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á:
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.
Para adicionar um elemento ou um “módulo” para usar Beaver Builderda terminologia, você pode simplesmente 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.
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.
Observe que fixar esse editor de texto também fixará tudo, fazendo com que pareça o construtor Elementor em termos de layout.
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.
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:
- seções
- colunas
- 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.
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.
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.
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:
- Linhas
- colunas
- 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.
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.
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.
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.
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.
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.
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 a 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.
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:
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 a avançado opções.
Estilos
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.
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).
separador
O 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
O 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 plugins oferecem uma ampla gama de opções de estilo e configurações. Eles permitem personalização infinita até os menores detalhes de cada elemento em 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
Ao clicar no Adicionar modelo botão, você será saudado com um menu mostrando os modelos para escolher.
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.
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.
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.
Você pode até importar modelos feitos por terceiros, enviando-os para o seu site.
Isso permite infinitas possibilidades de personalização.
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.
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.
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.
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.
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.
O 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
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.
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.
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
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.
Todos 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.
O 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.
. 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.
e muitos mais ...