Beaver Builder Review: Uma análise aprofundada do popular plug-in do WordPress Page Builder

O Beaver Builder está fadado a aparecer em qualquer lista de plug-ins de construção de páginas do WordPress. Mas vale a pena o popular plugin? Ele tem os recursos certos para você e é fácil construir ótimos sites WordPress com ele? Como você instala o plugin no WordPress? Você obterá todas as suas respostas nesta revisão detalhada e exaustivamente testada do Beaver Builder.

Para colocar as coisas em perspectiva, o plug-in Beaver Builder WordPress é um construtor de páginas que usa o método arrastar e soltar que torna o design do site um passeio no parque. Ele permite que você trabalhe diretamente no front-end do site e crie sites incríveis em qualquer lugar, sem qualquer habilidade de codificação.

Em essência, usar construtores de páginas como o Beaver Builder é como brincar com Legos. Você escolhe peças (elementos e módulos) e os junta para criar o que sua imaginação permite. É muito fácil construir sites com bons construtores de páginas.

Então, se é isso que você está procurando, vamos direto a esta análise definitiva do Beaver Builder!

Beaver Builder: uma visão geral

O Beaver Builder oferece uma alternativa ao Editor de blocos do WordPress padrão para a criação de conteúdo, usando um sistema de módulos semelhante, mas muito mais abrangente.
Existem muitos plug-ins de construtor de páginas disponíveis no mercado, mas o Beaver Builder é uma das opções mais populares devido à sua facilidade de uso. Há uma versão gratuita do Beaver Builder disponível, bem como uma premium. Nesta revisão, vou me concentrar na versão premium e compartilhar minha experiência com todos os recursos e desempenho.

Recursos e controle poderosos

A diferença fundamental entre os plug-ins do construtor de páginas está nas opções de customização que eles fornecem e quanto controle eles fornecem sobre todos esses elementos. No entanto, muitos construtores de páginas podem ser difíceis de usar, independentemente do número de recursos que oferecem.

Facilidade de uso e integração

Mas o Beaver Builder se enquadra na última categoria, que oferece toneladas de ótimos recursos e funcionalidades e é empacotado em um pacote fácil de usar. A experiência de edição visual de front-end do plug-in também permite que você veja a página como ela aparecerá para seus visitantes durante a edição, o que é ótimo.

O construtor de páginas também permite editar postagens e tipos de postagens customizadas. Além disso, ele funciona com a maioria dos temas WordPress e se integra bem com a maioria dos plug-ins que geram códigos de acesso ou widgets.

Modelos personalizáveis

Se você não quiser criar páginas do zero, o Beaver Builder também vem com uma biblioteca de modelos personalizáveis ​​pré-fabricados. Você pode salvar qualquer página criada para reutilizar seu layout para outro conteúdo e pode fazer o mesmo com qualquer linha, coluna ou módulo que adicionar.

Sites responsivos

Por fim, é importante notar que o Beaver Builder permite que você crie sites responsivos prontos para uso. A qualquer momento, você pode visualizar a aparência de uma página em computadores desktop, smartphones e tablets.

No papel, o Beaver Builder parece impressionante. Nas próximas seções, mostrarei como funciona em ação.

Características e benefícios do Beaver Builder

Agora, você tem uma ideia clara do que o Beaver Builder oferece e como funciona. Antes de mostrar a interface do plug-in, vamos fazer uma breve recapitulação de seus recursos:

• Construtor de páginas visuais de front-end de arrastar e soltar
• 33 módulos para adicionar conteúdo
• Modelos de página pré-construídos que você pode usar para iniciar a criação de conteúdo
• Integra-se com a maioria dos temas WordPress , bem como plug-ins que geram códigos de acesso e widgets
• Páginas totalmente personalizáveis e tipos de postagem personalizados.

Esses são ótimos recursos, mas quanto você paga para adquiri-los para construir seu site? Vamos dar uma olhada no preço do plugin!

Preços do Beaver Builder

Como mencionei antes, o Beaver Builder vem em versões gratuitas e pagas. No entanto, se você planeja usar o Beaver Builder para qualquer coisa além de projetos pessoais, como um blog de passatempo, provavelmente precisará da versão premium.

As licenças do Beaver Builder Pro custam a partir de US $ 99 com atualizações por um ano para sites ilimitados e um desconto de 40% nas renovações anuais. Esse é o plano padrão, que é a opção que recomendo para a maioria dos usuários individuais que estão criando sites de comércio eletrônico, negócios ou blogs profissionais.

Existem planos mais caros que oferecem mais recursos, como:

• Suporte multisite WordPress
• O tema oficial do Beaver Builder, projetado para funcionar perfeitamente com o plugin
• Funcionalidade de etiqueta em branco.

Se você está procurando um construtor de páginas para projetos de agências, deve considerar um dos planos mais caros do Beaver Builder. Além desses cenários, a licença Standard oferece tudo o que você precisa.

Requisitos do sistema para o Beaver Builder

Agora, vamos dar uma olhada nos requisitos de sistema do Beaver Builder.

Compatibilidade do navegador

Você pode usar as três versões mais recentes dos navegadores chrome, firefox, safari e edge. Para usuários do Internet Explorer, o IE 11 é recomendado.

Versões WordPress

Eu recomendaria usar a versão mais recente do WordPress e PHP para melhor segurança e desempenho. Para atualizações e instruções do WordPress, você pode verificar os artigos do WordPress.

• Plugin Beaver Builder: WordPress 4.6 e superior | PHP 5.6.20 e superior (PHP 7.x recomendado)

Nota : Versões do WordPress desde 4.9.6 requerem Beaver Builder Versão 2.1.1.3 ou superior.

• Beaver Builder Theme : WordPress 4.1 e superior | PHP 5.6.20 e superior
• Beaver Themer : WordPress 4.6 e superior

Versões jQuery

Beaver Builder suporta versões jQuery que vêm junto com o WordPress. Não é recomendável usar outras versões do jQuery, pois embora possa funcionar, pode acabar danificando o seu site.

Portanto, antes da instalação, certifique-se de seguir os requisitos para evitar bloqueios de estradas e alcançar o local desejado sem problemas.

Como instalar o Beaver Builder no seu site WordPress?

Agora é hora de instalar o Beaver Builder no WordPress. O Beaver Builder vem com uma versão gratuita (leve) e uma versão premium, e é fácil de instalar. Vou compartilhar o processo de instalação para as duas versões, uma por uma.

Versão gratuita (Lite)

Vá para WordPress Dashboard> Plugin> Add new.

Procure por Beaver Builder na barra de pesquisa à direita. Clique no botão instalar e ative-o.

Depois de instalar e ativar o Beaver Builder, uma nova opção do Beaver Builder aparecerá quando você passar o mouse sobre qualquer página ou postagem em seu painel.

Versão Premium

Se você atualizar seu Beaver Builder para premium ou instalar diretamente a versão premium, deverá seguir as etapas abaixo.

• Baixe o arquivo zip do plug-in Beaver Builder na página Minha conta . Sua chave de licença aparece acima dos links do arquivo zip na página.

• Navegue até WordPress Dashboard> Plugin> Add new e clique em upload plugin .

• Clique no botão escolher arquivo e a janela do navegador aparecerá.

• Selecione o arquivo zip do Beaver Builder em seu sistema local ou simplesmente arraste o arquivo na parte superior do botão Procurar. O nome do arquivo zip aparecerá à direita do botão Escolher arquivo .
• Clique em Instalar agora .

• Antes de ativar o plugin, você deve entender o cenário. Se você tiver a versão Lite do plug-in instalada, ele será automaticamente desativado ao instalar uma versão premium. Se você já tem uma versão premium instalada, pode substituí-la clicando em Substituir atual por carregada .
• Clique em Ativar para ativar o plugin.

Ativação de licença

Depois de instalar e ativar o plug-in Beaver Builder, explicarei o processo de ativação da licença para você:

• No painel do WordPress, vá para Configurações> Beaver Builder e clique na guia Licença .
• Adicione sua chave de licença, que você pode encontrar na página Minha conta .
• Você pode obter upgrades e downgrades quando sua licença estiver ativa. O número da licença deve permanecer o mesmo.

Como usar o Beaver Builder (prático)

Depois de instalado e ativado, uma nova opção do Beaver Builder aparecerá quando você passar o mouse sobre qualquer página ou postagem em seu painel:

Clicar nele abrirá a página e dará acesso ao editor Beaver Builder. A primeira coisa que você notará é que pode clicar diretamente em qualquer elemento da página para acessar todas as suas configurações.

Entre essas configurações, você tem a funcionalidade de arrastar e soltar para mover o item pela página, personalização para esse elemento específico, duplicação de módulo, edição de coluna ou a capacidade de excluir o elemento:

No exemplo acima, selecionei um módulo Título. Se eu for editar esse título clicando no ícone de chave inglesa, poderei acessar um menu semelhante a este:

Embora as configurações variem dependendo de qual módulo você está usando, o plug-in Beaver Builder sempre as divide em três categorias amplas:

• Geral : Estas são as opções básicas de personalização para cada módulo.
• Estilo : pense na guia de estilo como uma maneira rápida de aplicar CSS a cada módulo por meio de uma interface amigável.
• Avançado : a guia Avançado permite modificar margens, especificar pontos de interrupção, adicionar animações, inserir HTML personalizado e muito mais.

Módulos mais abrangentes possuem guias adicionais. Por exemplo, o módulo Postagens, que exibe postagens ou páginas, inclui uma guia Conteúdo para filtrar quais postagens são exibidas e uma guia Paginação para controlar como um grande conjunto de postagens é visualizado.

Em teoria, você pode construir sites inteiros sem nunca tocar nas configurações de personalização avançadas do Beaver Builder. Nesta captura de tela, a configuração de Margens tem um ícone na área de trabalho que você pode alternar para definir diferentes valores de margem para telas grandes, médias e pequenas, se desejar:

Embora eu tenha usado várias ferramentas de criação de páginas do WordPress, o Beaver Builder tem a curva de aprendizado mais fácil. Onde outros construtores de página lançam dezenas de configurações em você desde o início, com Beaver Builder, você pode entender como cada módulo funciona e o que você pode fazer com ele.

No que diz respeito à seleção de módulos, o Beaver Builder inclui 33 elementos. Entre eles, você tem recursos básicos como menus, formulários de contato, imagens, parágrafos, cabeçalhos e muito mais.

No entanto, Beaver Builder também inclui opções mais 'avançadas', como módulos de testemunho, grupos de ícones, tabelas de preços e contadores de números. As tabelas de preços são uma adição fantástica a qualquer site de comércio eletrônico, então fiquei feliz em descobrir que o Beaver Builder torna relativamente fácil criá-las e personalizá-las:

Personalizar páginas existentes usando Beaver Builder é simples, mas construir páginas do zero é relativamente simples. Você pode dividir o processo em algumas etapas simples:

1. Descubra o layout aproximado que você deseja para uma página.
2. Comece adicionando colunas e linhas.
3. Preencha as colunas e linhas com os módulos que você deseja e personalize-os.
4. Arraste os módulos, se necessário, para obter os elementos exatamente como você os deseja.
5. Visualize a aparência da página em vários tamanhos de tela.

Isso é uma simplificação exagerada, sim. No entanto, todo o processo parece intuitivo, mesmo para alguém que usa o Beaver Builder pela primeira vez.

Dito isso, é importante observar que tenho alguma experiência em construção de sites. Se você é novo no uso do WordPress ou na criação de seu primeiro site, pode estar interessado em usar os modelos do Beaver Builder.

Modelos pré-construídos

Como mencionei antes, o Beaver Builder permite que você comece com uma tela em branco ou modelos para criar suas páginas. Fora da caixa, inclui mais de 30 modelos de página de destino e muitos mais modelos para vários tipos de páginas de conteúdo e mais de 100 linhas pré-construídas:

Embora a seleção de modelos possa ser mais ampla, o Beaver Build inclui designs modernos e não ficaria deslocado em qualquer site. Você tem opções com grandes seções de heróis, planos de fundo animados, grupos de ícones, seções de depoimentos, tabelas de preços e muito mais.

Se você não tem muita experiência com web design, os modelos são uma ferramenta que salva vidas. Depois de aprender como o plug-in funciona, você também pode usar o sistema de modelos do Beaver Builder para salvar seus próprios designs e adicioná-los a outras páginas ou projetos:

Os modelos são uma grande parte do que torna o Beaver Builder um construtor de páginas amigável para iniciantes, então eu o encorajo a pelo menos experimentar algumas opções se estiver trabalhando em um novo projeto.

Compatibilidade e desempenho do Beaver Builder com Cloudways

A velocidade do site desempenha um papel crucial no sucesso do seu site e é provavelmente uma das maiores preocupações da maioria dos proprietários de sites. A otimização do site é uma necessidade, mas avaliar como fazer isso pode ser complicado. Para esta revisão do Beaver Builder, testei este construtor de páginas no Cloudways para ver como ele funciona, para que você não tenha esses pensamentos persistentes.

Vou usar algumas ferramentas vitais de teste de velocidade e mostrar o quanto o Beaver Builder é compatível com a plataforma Cloudways.

Recursos que usamos:

Configuração do servidor Cloudways

Configuração de aplicativo

Plugin instalado

Usando os recursos acima, criei um site para ajudá-lo a entender o cenário ao vivo. Você pode verificar o site a partir deste link. Agora, vou testar o site em diferentes ferramentas para mostrar a compatibilidade e o desempenho do Beaver Builder com Cloudways.

Análise de Desempenho GTMetrix

URL: https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/

• Desempenho : 100%
• Estrutura : 93%
• LCP : 539ms
• TBT : 0ms
• CLS : 0,03

Análise de Desempenho Pingdom

URL: https://tools.pingdom.com/#5ea5673c8fc00000

• Grau de desempenho : 88
• Tamanho da página : 2,0 MB
• Tempo de carregamento : 365ms
• Pedidos: 49

Análise de desempenho do PageSpeed ​​Insight

Nota geral : 91
FCP : 0,8 s
Índice de velocidade: 1,5 s
LCP : 1.8s
TTI : 0,8 s
TBT : 0ms
CLS : 0,028

Como você pode ver, testei o site em três ferramentas de teste diferentes e os resultados são bastante impressionantes. Cloudways fornece hospedagem WordPress gerenciada com servidores dedicados com plug-ins de cache integrados e oferece desempenhos incríveis. A implantação de sites criados com construtores de páginas como o Beaver Builder significa que você tem experiências incríveis para oferecer aos seus usuários.

Beaver Builder: prós e contras

Verifiquei tudo o que o Beaver Builder oferece - seus recursos, como funciona e quanto custa. Com isso em mente, vamos fazer uma breve recapitulação dos prós e contras deste plugin do construtor de páginas.

Prós:

• É uma ferramenta incrivelmente intuitiva, mesmo se você não tiver experiência no uso de criadores de páginas.
• A seleção de modelos apresenta designs modernos e versáteis.
• Adicionar e personalizar elementos em suas páginas é simples e cada módulo inclui uma ampla gama de configurações e opções.
• O sistema de colunas e linhas é simples e funciona para qualquer tipo de site.
• Você pode salvar modelos e módulos personalizados para reutilizá-los em outro conteúdo.

Contras:

Mas, embora o Beaver Builder seja incrível, não é isento de falhas. Por exemplo, os modelos incluídos são bem projetados, mas a seleção poderia ser muito mais ampla, considerando que muitos novatos no WordPress provavelmente dependerão deles para construir seus sites.

A outra desvantagem potencial a considerar é que a versão gratuita do plugin não inclui muitos módulos. Para obter o máximo do Beaver Builder, você precisará atualizar para um plano pago, o que pode ser uma chatice para os usuários do site pessoal.

Incompatibilidades do Beaver Builder

O Beaver Builder é compatível com a maioria das coisas relacionadas ao WordPress, mas algumas deficiências permanecem. WordPress é uma plataforma de código aberto, então os usuários experimentam diferentes temas e plug-ins para verificar a compatibilidade, e às vezes eles têm sucesso, e outras vezes eles enfrentam uma incompatibilidade.

Vamos dar uma olhada em algumas das principais incompatibilidades do Beaver Builder.

1. Conflitos de plug-ins

Quando você enfrenta qualquer problema com o editor Beaver Builder, geralmente ocorre devido a outro conflito de plug-in. Um plugin de cache pode ser um motivo de conflito. Nesse caso, limpe o plug-in de cache sempre que enfrentar qualquer problema e desative todos os plug-ins, exceto o Beaver Builder. Habilite cada plugin um por um e teste o Beaver Builder após cada um. Repita esse processo até encontrar o plug-in que está causando o problema.

2. Conflitos de tema
Os temas também podem causar problemas com o plug-in Beaver Builder WordPress. Quais são os problemas que surgem por causa do tema e como podemos identificá-los?

Vamos verificar os pontos abaixo para melhor compreensão:

• A página trava durante a edição ou ao salvar a página editada
• O usuário não consegue editar a página no Beaver Builder
• A barra de edição do Beaver Builder não aparece no topo da página
• As caixas de configurações do módulo não aparecem no editor

Vá para Painel do WordPress> Aparência> Tema e mude seu tema ativo para qualquer tema padrão do WordPress, como vinte e vinte.

3. Plug-in Javascript assíncrono

O plug-in Javascript assíncrono pode entrar em conflito e causar um problema, a menos que você defina as configurações abaixo.

• Excluir jQuery
• wp-includes / js é adicionado ao campo Async Javascript> Configurações> Exclusão de scripts .

4. Plug-in do Duplicador

Não é recomendado usar nenhum plugin duplicador para clonar as páginas e salvar os layouts. Você pode achar que está funcionando, mas quando edita o layout do Beaver Builder na nova página, isso causa problemas. Em vez disso, você pode usar o Layout do Duplicador no menu Ferramentas do Beaver Builder.

5. Rocket Loader da Cloudflare

O Rocket Loader da Cloudflare pode causar problemas com o Beaver Builder durante a edição das páginas, por isso é recomendado desligá-lo durante a edição. Você pode ativá-lo quando terminar seu site.

Críticas de usuários da Cloudways no Beaver Builder

O boca a boca fala mais alto do que as técnicas de marketing, então vamos dar uma olhada na comunidade Beaver Builder e analisar o que as pessoas estão dizendo sobre Cloudways. É hora de explorar como as pessoas consideram o Cloudways a melhor plataforma ao usar o Beaver Builder.

É seguro dizer que Cloudways é uma das melhores opções para o seu próximo site que você pretende construir usando o Beaver Builder.

Considerações finais sobre o Beaver Builder

Tendo testado o plug-in Beaver Builder WordPress completamente, posso dizer com confiança que é uma das melhores soluções para começar a construir sites WordPress fenomenais.

O plugin tem toneladas de recursos e é flexível o suficiente para permitir que você seja o mais criativo possível com seu design. E, acima de tudo, é incrivelmente fácil de usar. É quase como brincar com Lego: você pega os elementos que deseja no seu site e os coloca onde quiser. Continue fazendo isso (mas você pode se tornar profissional nas configurações avançadas, se quiser) enquanto o site resultante está bem na sua frente. Resumindo, você vê todas as mudanças no site à medida que as faz, tornando o processo altamente intuitivo e, ouso dizer, divertido.

E depois de testar o desempenho do plugin em Cloudways Managed Hosting, posso dizer com certeza que se você deseja implantar um site rapidamente, mas não quer comprometer seu desempenho ou segurança, etc., você precisa ir com um servidor WordPress em Cloudways + Plugin Beaver Builder, que é uma fórmula certa para o sucesso.

O que você achou do Beaver Builder depois de ler esta análise? Se houver algum ponto que possamos ter perdido, entre em contato e eu atualizarei este comentário.