Guia e Revisão do Plugin do Beaver Builder WordPress

Os criadores de páginas são o assunto da comunidade WordPress há algum tempo. Essas ferramentas são populares há muito tempo, mas com a introdução do novo Editor de Blocos, muitos se perguntam o quanto elas ainda são relevantes..


Embora o Editor de Blocos seja um novo recurso intrigante, nada supera os plug-ins do construtor de páginas quando se trata de criar páginas e postagens personalizadas. o Beaver Builder WordPress plugin é um exemplo perfeito dos benefícios que esse tipo de ferramenta oferece – sendo fácil de usar e surpreendentemente poderoso.

Nesta postagem, veremos de perto o Beaver Builder. Discutiremos seus principais recursos e preços e mostraremos como ele funciona em ação, para que você possa decidir por si mesmo se essa é a solução ideal para o criador de páginas do seu site..

Vamos pular direto para o nosso novo e aprimorado guia atualizado para o construtor de páginas Beaver Build WordPress!

Por que você pode precisar de um Construtor de Páginas WordPress

A menos que você seja novo na plataforma, provavelmente conhece o editor clássico do WordPress:

O editor clássico do WordPress

Embora funcional, esse sempre foi um sistema básico. Quase todo o seu conteúdo foi adicionado a um único campo, incluindo texto, mídia etc. A criação de layouts exclusivos e a adição de recursos interessantes eram possíveis, mas muitas vezes eram necessários conhecimentos de codificação e / ou alguns plugins adicionais.

Recentemente, no entanto, os desenvolvedores do WordPress lançaram uma versão totalmente nova do editor, agora desenvolvido por Gutenberg:

Editor do WordPress Gutenberg

Essa mudança demorou muito tempo, mas também não é nada de novo. O Block Editor é uma versão simplificada de um construtor de páginas – uma solução que é popular entre os usuários do WordPress há algum tempo.

Embora todo construtor de páginas do WordPress seja diferente, em um nível básico, eles são quase todos baseados no mesmo conceito fundamental. Eles fornecem uma seleção de elementos pré-criados e permitem criar conteúdo a partir dessas peças. O objetivo é tornar mais fácil e intuitivo a criação de conteúdo com layouts e recursos exclusivos, mesmo se você não tiver experiência em design ou codificação.

No entanto, vale ressaltar que o Editor de blocos é um recurso muito limitado. Ele permite que você crie postagens e páginas de uma maneira mais visual, mas oferece uma pequena biblioteca de blocos e pouco suporte para layouts complexos. É por isso que ainda vale a pena examinar as outras opções do criador de páginas, como o plug-in que discutiremos ao longo deste post.

Noções básicas do Beaver Builder

Beaver Builder para WordPress

Informações e DownloadVer demonstração

O Beaver Builder é um dos plugins de criação de páginas mais populares por aí, e por boas razões. É simples para os iniciantes aprenderem, mas vem com uma ampla variedade de opções para brincar. Em um nível fundamental, é um sistema de arrastar e soltar para criar postagens e páginas – como qualquer outro construtor de páginas. No entanto, oferece muitas funcionalidades adicionais também.

Alguns dos principais recursos deste plug-in incluem:

  • Uma grande biblioteca de “módulos” de conteúdo, variando de opções básicas (como módulos de texto e imagem) a funcionalidades mais avançadas (call to action, módulos de mapa e galeria, etc.).
  • Uma interface de edição personalizada que permite criar páginas, postagens e tipos de postagem personalizados visualmente e ver suas alterações imediatamente.
  • A capacidade de criar layouts complexos de várias colunas e ajustar tamanhos, espaçamento e muito mais.
  • Seções pré-construídas e modelos de página que permitem iniciar o processo de design, que você pode modificar conforme necessário.
  • A opção de criar e salvar seus próprios modelos para uso posterior.
  • Opções para adicionar HTML personalizado e suas próprias classes CSS, para usuários mais avançados.

É claro que toda essa funcionalidade tem um custo. Enquanto houver um Beaver Builder Lite disponível gratuitamente, ele oferece apenas alguns módulos básicos e não inclui muitos recursos principais como modelos e opções de importação / exportação. No entanto, a versão lite é útil para testar este construtor de páginas e verificar se você gosta de como ele funciona..

Se você planeja usar o Beaver Builder a sério, convém adquirir uma licença premium para ter acesso ao pacote completo. Eles começam em US $ 99 para uso em sites ilimitados e um ano de suporte:

Preços Beaver Builder

Essa ferramenta em particular faz requer um investimento inicial. O custo inicial pode ser pago em tempo economizado e em um site mais eficaz a longo prazo, portanto, não é um mau negócio se estiver dentro do seu orçamento.

Como começar com o Beaver Builder

Quando você está em dúvida sobre escolher ou não um novo plug-in para o seu site, a melhor coisa a fazer é aprender tudo o que puder sobre ele. Quando se trata de criadores de páginas, isso inclui a aparência deles, como eles funcionam e quais opções eles fornecem.

Com isso em mente, vamos dar uma olhada em como é adquirir o Beaver Builder e começar a usá-lo para criar postagens e páginas. Naturalmente, a primeira coisa que você precisa fazer é instalar e ativar o plug-in.

Além disso, convém ativar sua chave de licença se você comprou a versão premium (que usaremos neste tutorial). Então, você pode começar a trabalhar.

Etapa 1: Acesse o Editor do Beaver Builder

Ao instalar o plug-in, você verá uma nova guia Beaver Builder em seu painel. É aqui que seu conteúdo personalizado será salvo – por exemplo, se você criar seus próprios modelos exclusivos.

Você também pode criar conteúdo com o construtor de páginas, acessando Beaver Builder> Adicionar novo. Como alternativa, você pode simplesmente ir para Páginas> Adicionar novo (ou o equivalente para postagens e tipos de postagem personalizados). Você verá uma nova opção:

Iniciando o Beaver Builder

Isso significa que você pode criar seu conteúdo no editor padrão do WordPress ou no construtor de páginas. Vamos acertar o Iniciar o Beaver Builder botão:

Editor de página do Beaver Builder

Como você pode ver, você será direcionado para uma interface totalmente nova. Aqui, você pode criar conteúdo e ver exatamente como ele será exibido na página.

Etapa 2: Selecione um modelo inicial

Vale a pena notar que você não precisa usar modelos se não quiser. Você pode criar suas páginas e postagens totalmente do zero, adicionando os módulos que desejar. A maneira mais fácil de aprender é começando com um modelo, que é o que demonstraremos aqui.

No menu no lado direito do editor, selecione o Modelos na parte superior e você verá muitas opções. Basta clicar em um modelo ou arrastá-lo para a página e você verá a versão completa:

Modelos do Beaver Builder

Isso fornece um layout inicial, juntamente com texto e imagens de espaço reservado. Felizmente, todos os elementos aqui podem ser substituídos e modificados à vontade, para que você possa criar algo exclusivo para o seu site.

Etapa 3: Editar módulos individuais

Cada elemento individual no editor Beaver Builder é um módulo independente. Para entender o que queremos dizer, você pode passar o mouse sobre um pedaço de texto, uma imagem ou um recurso no seu modelo inicial. Você verá o módulo destacado em azul e, se clicar nele, verá um novo menu:

Configurações do módulo Beaver Builder

Esta é a caixa de configurações para esse módulo. Ele contém todas as opções de personalização para o conteúdo selecionado. Exatamente o que inclui, portanto, dependerá do tipo de conteúdo com o qual você está trabalhando.

Por exemplo, o foto O módulo permite alterar o arquivo usado e adicionar uma legenda e / ou link. Você também pode mudar para o Estilo guia para modificar o alinhamento, a borda e muito mais da imagem:

Configurações de estilo do Beaver Builder

A maioria dos módulos também possui um Avançado guia, onde você pode ajustar suas margens, torná-lo visível apenas em certos tipos de dispositivos, adicionar HTML personalizado e assim por diante:

Configurações avançadas do Beaver Builder

Como você pode ver, personalizar seus módulos do Beaver Builder é muito fácil. Levará um pouco de experiência para se familiarizar com as opções que cada tipo de módulo oferece, mas, assim que você fizer isso, você começará a adicionar seu próprio conteúdo rapidamente..

Etapa 4: personalizar a organização e o layout do seu conteúdo

Além de fazer alterações nos módulos individuais, você também pode personalizar sua página como um todo. Uma das maneiras de fazer isso é adicionando e removendo módulos. Para adicionar um módulo, basta selecionar um no menu principal do editor e arrastá-lo para o lugar na página:

Módulo de formulário de contato do Beaver Builder

Por outro lado, você pode remover os módulos pressionando o botão X que aparece quando você passa o mouse sobre eles. Você também pode arrastar os módulos para cima e para baixo ou de um lado para o outro, para reorganizá-los à vontade.

Além disso, você pode alterar o layout geral da sua página. Para ver um exemplo disso em ação, passe o mouse sobre um módulo e pressione Editar coluna> Configurações da coluna:

Colunas do Beaver Builder

Aqui, você pode encontrar opções referentes a todos os módulos na coluna específica. Você pode modificar a cor e o espaçamento do plano de fundo da coluna, por exemplo, e até adicionar uma borda.

Agora, passe o mouse sobre o plano de fundo da página e selecione Configurações de linha no canto superior direito:

Linhas do Beaver Builder

Você verá um menu semelhante, mas desta vez as opções se aplicam à linha relevante de módulos. Você pode definir a linha como largura fixa ou total, personalizar cores e fazer as mesmas alterações disponíveis nas colunas.

Por fim, selecione o menu principal do editor novamente e navegue até o Linhas aba:

Opções da coluna do Beaver Builder

É aqui que você pode adicionar novas linhas e colunas à sua página, permitindo alterar drasticamente o layout. Além disso, este é o primeiro lugar que você deseja visitar se estiver criando uma página ou postando do zero. Você pode determinar primeiro o layout do seu conteúdo e adicionar módulos onde quiser.

Etapa 5: expanda o conjunto de recursos do criador de páginas (opcional)

Vale a pena notar que existem muitos outros recursos e opções no Beaver Builder – apenas arranhamos a superfície aqui. No entanto, abordamos as principais funcionalidades que você precisa entender para começar. Depois, a abordagem prática é a melhor maneira de aprender as cordas.

Antes de finalizar, no entanto, devemos salientar que existem algumas maneiras de aproveitar melhor esse construtor de páginas em particular. Primeiro, há um funcionário Tema Beaver Builder, que você obtém gratuitamente com as duas principais camadas de licenciamento:

Tema do Framework Beaver Builder

Você pode usar o Beaver Builder com qualquer tema que desejar. No entanto, este é construído desde o início para funcionar ao lado do construtor de páginas. Ele fornece uma estrutura básica que você pode moldar em muitos tipos e estilos diferentes de sites.

Há também um complemento opcional, o Beaver Themer:

Beaver Themer Addon

Com esse plug-in extra, você também pode usar o construtor de páginas de arrastar e soltar do Beaver Builder nos cabeçalhos e rodapés do site, nas páginas de arquivo, nas 404 e nas páginas de pesquisa e muito mais. Isso permite que você crie quase todo o site usando o mesmo sistema.

Por US $ 147, pode não caber em todo orçamento, mas é uma adição útil para um site que você pretende gerar receita ou para desenvolvedores e designers que trabalham em vários sites.


Escolher um construtor de páginas para o seu site é um grande compromisso. Alterar a maneira como você cria e cria conteúdo no futuro pode causar problemas de compatibilidade. Portanto, é melhor começar com uma ferramenta que você sabe que poderá usar a longo prazo.

Felizmente, Beaver Builder é uma opção sólida para usuários iniciantes e mais avançados. Além disso, é fácil começar como você já viu acima.

Você já usou o Beaver Builder e como foi sua experiência? Compartilhe conosco na seção de comentários abaixo!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me