Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts
O Beaver Builder é um plugin popular de criação de páginas. Ele vem com vários módulos prontos que você pode usar para criar todos os tipos de páginas de destino, páginas de vendas e homepages personalizadas.
Você já usou "Construtor Beaver" antes? Adicione sua avaliação para ajudar a comunidade.

Prós:

  • Construtor de páginas do tipo arrastar e soltar
  • Funciona com todos os temas do WordPress
  • Mais de 170 modelos projetados por profissionais
  • Diversos módulos prontos para uso
  • Biblioteca de animação integrada
  • Responsivo para dispositivos móveis
  • Oferece suporte a conteúdo dinâmico e personalizado

Os usuários do WPBeginner podem comprar o Beaver Builder por US$ 99!

Visite Construtor Beaver

(esse desconto será aplicado automaticamente)

Revisão do Beaver Builder: É o construtor de páginas certo para você?

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Está procurando uma análise do Beaver Builder para ajudá-lo a decidir se ele é o construtor de páginas certo para você?

Com o Beaver Builder, você pode criar páginas de destino personalizadas, páginas de vendas e muito mais. Ele vem com módulos prontos e modelos de sites, para que você possa criar belos designs rapidamente e sem escrever uma única linha de código.

Nesta análise detalhada do Beaver Builder, veremos se ele é o construtor de páginas certo para o seu site WordPress.

Is Beaver Builder the right page builder plugin for you?

O que é o Beaver Builder?

O Beaver Builder é um plugin popular de criação de páginas para WordPress.

Ele vem com um editor fácil de usar que mostra as alterações em tempo real, para que você possa experimentar diferentes configurações e conteúdos para ver o que fica melhor.

The Beaver Builder drag and drop editor

O Beaver Beaver tem uma variedade de módulos prontos para que você possa adicionar todos os tipos de conteúdo com facilidade, inclusive controles deslizantes, carrosséis, galerias e botões. Basta localizar o módulo certo no menu e arrastá-lo para o layout.

Para economizar ainda mais tempo, o Beaver Builder tem 170 modelos projetados profissionalmente que podem ser usados para criar belas páginas de destino, páginas de vendas, formulários de contato e muito mais.

A selection of professionally-designed WordPress templates

Se estiver apenas começando ou tiver um orçamento limitado, poderá fazer o download do Beaver Builder lite no repositório oficial do WordPress.

Esse plug-in gratuito vem com muitos módulos essenciais, incluindo cabeçalhos, ícones, blocos de texto e vídeos. Ele também suporta layouts de largura total e baseados em colunas.

The free Beaver Builder lite page builder plugin

No entanto, se você comprar um plano premium, terá acesso a módulos adicionais, como tabelas de preços, ícones sociais e formulários de contato.

Você também pode reutilizar seus layouts, linhas e módulos salvando-os ou exportando-os. Isso pode economizar muito tempo e esforço, especialmente se você estiver criando vários designs de página diferentes.

Revisão do Beaver Builder: É o construtor de páginas certo para você?

Com o plug-in do construtor de páginas correto, você pode criar belas páginas de destino, páginas iniciais personalizadas, vitrines e muito mais. Isso ajudará a manter as pessoas em seu site por mais tempo e a convertê-las em assinantes ou até mesmo em clientes pagantes.

Dito isso, vamos dar uma olhada mais de perto no Beaver Builder para ver se ele é o construtor de páginas certo para o seu site WordPress.

1. Mais de 170 modelos criados por profissionais

O Beaver Builder vem com mais de 170 modelos que você pode usar como ponto de partida para seus designs. Muitos desses modelos abrangem nichos específicos de negócios e blogs, portanto, você não deverá ter problemas para encontrar um design que se adapte perfeitamente ao seu site.

A selection of ready-made WordPress templates

O Beaver Builder também tem modelos de páginas de conteúdo que você pode usar em qualquer tipo de site. Isso inclui páginas de preços, formulários de inscrição em boletins informativos e páginas de “contato”.

Por fim, o Beaver Builder tem modelos para micro páginas, que são páginas autônomas que têm uma finalidade muito específica. Dentro do editor, você encontrará modelos para páginas de manutenção e de lançamento em breve, um link na página de biografia e um design de contagem regressiva de lançamento.

An example of a Coming Soon page, created using Beaver Builder

Todos esses modelos são totalmente personalizáveis no editor do Beaver Builder, para que você possa ajustá-los perfeitamente ao seu tema do WordPress ou à marca da empresa.

2. Funciona com todos os temas do WordPress

O Beaver Builder foi projetado para funcionar com qualquer tema do WordPress. Isso significa que você pode trocar de tema sem se preocupar com o fato de a mudança afetar suas páginas de destino, páginas de vendas e quaisquer outros designs criados com o Beaver Builder.

Melhor ainda, se você decidir parar de usar o Beaver Builder, ele moverá automaticamente seu conteúdo para o editor de blocos do WordPress para que você não perca seu conteúdo.

3. Editor de front-end

O Beaver Builder vem com um editor do tipo arrastar e soltar que permite que você edite seus layouts sem escrever uma única linha de código.

Basta clicar em qualquer módulo e fazer suas alterações na janela pop-up exibida.

The Beaver Builder page builder WordPress plugin

Você também pode mover elementos pelo layout usando o recurso de arrastar e soltar.

Para adicionar mais conteúdo ao seu design, basta clicar no botão “+” e, em seguida, selecionar o módulo que deseja usar.

Adding content modules to a custom page design

4. Módulos de conteúdo prontos para uso

O Beaver Builder tem uma tonelada de módulos prontos que você pode adicionar aos seus designs usando o recurso de arrastar e soltar. Isso inclui módulos avançados, como carrosséis de postagens, cronômetros de contagem regressiva, formulários de assinatura e depoimentos.

Adding testimonials, images, text, and other content to a custom page design

Todos esses módulos são totalmente personalizáveis. Basta clicar para selecionar o módulo e usar o pop-up para alterar o espaçamento, as fontes personalizadas, as bordas, o preenchimento e muito mais.

Dependendo do módulo, você poderá ver algumas opções extras, como adicionar texto de título ou uma imagem de fundo.

Editing a ready-made module using Beaver Builder

5. Responsivo para celular

Todos os designs do Beaver Builder são responsivos a dispositivos móveis por padrão. Isso significa que suas páginas ficarão tão boas em smartphones e tablets quanto em dispositivos desktop.

O Beaver Builder também tem um modo de editor responsivo que permite que você visualize a versão móvel do seu design. Em seguida, você pode ajustar seu design para que ele seja otimizado para todos esses dispositivos diferentes.

Creating a mobile responsive landing pages, sales page, or similar

Você pode definir configurações exclusivas de linhas, colunas e módulos para cada tamanho de tela ou substituir os pontos de interrupção padrão do Beaver Builder e definir suas próprias larguras preferenciais para diferentes dispositivos.

Por fim, talvez você queira mostrar conteúdo exclusivo para usuários de smartphones e tablets, ou até mesmo ocultar completamente determinado conteúdo. Por exemplo, talvez você queira evitar a exibição de imagens grandes e de alta resolução para usuários móveis.

Showing unique content on mobile and desktop

6. Animações incorporadas

As animações podem chamar a atenção do visitante para o conteúdo mais importante de sua página. Por exemplo, você pode usar animações para destacar um código de cupom em sua loja on-line.

O Beaver Builder tem uma variedade de animações de entrada incorporadas que você pode adicionar a qualquer linha, coluna ou módulo.

How to add animations to your WordPress website, blog, or online store

Você também pode alterar o tempo de duração da animação ou adicionar um atraso.

7. Criar conteúdo dinâmico

Às vezes, você pode querer mostrar conteúdo diferente para usuários diferentes, como botões exclusivos de call to action. Com o Beaver Builder, você pode ocultar ou exibir facilmente uma linha, coluna ou módulo com base no fato de o visitante estar conectado a uma conta.

Adding dynamic content to your WordPress blog or website

Dessa forma, é possível criar conteúdo exclusivo para usuários e membros registrados.

Você também pode criar regras de lógica condicional detalhadas. Por exemplo, você pode mostrar um botão de chamada para ação somente se o visitante tiver a função de usuário “Assinante” ou mostrar a contagem total de comentários quando ultrapassar um determinado número.

Showing dynamic content to visitors using conditional rules

8. Copiar e colar facilmente

Às vezes, você pode querer usar as mesmas configurações ou estilos várias vezes no mesmo design. O Beaver Builder tem uma seção Exportar/Importar na qual é possível copiar as configurações ou os estilos de qualquer módulo para a área de transferência e depois colá-los em outro módulo no mesmo layout.

Re-using styles on your WordPress blog, website, or online marketplace

9. Adicionar código personalizado

O Beaver Builder permite que você crie layouts personalizados sem escrever uma única linha de código. No entanto, ele tem editores de código JavaScript e CSS integrados, de modo que você pode adicionar código personalizado aos layouts, se preferir.

Adding code to your WordPress website

Você também pode aplicar código personalizado a uma página inteira usando a ferramenta Layout CSS & JavaScript.

10. Elemento de contêiner HTML5

No editor do Beaver Builder, você pode aplicar um ID personalizado, classes, rótulos e escolher um elemento de conteúdo de seção HTML5.

The Beaver Builder code-free page builder

Isso pode melhorar a acessibilidade da página e facilitar a edição do conteúdo usando JavaScript ou CSS personalizado.

11. Integra-se ao WooCommerce

Se você instalar o complemento Beaver Themer, poderá criar layouts personalizados do WooCommerce para sua loja on-line. Isso inclui páginas de produtos personalizadas, uma vitrine, checkout, carrinho e páginas My Account.

Dessa forma, você pode criar designs otimizados para vendas usando o editor, os módulos e as ferramentas familiares do Beaver Builder.

12. Criar layouts reutilizáveis

Com o Beaver Builder, você pode salvar seus designs como modelos personalizados.

Saving your page designs as custom templates

Depois de salvar um modelo, você pode acessá-lo a qualquer momento dentro do editor do Beaver Builder, para que possa usá-lo em qualquer outra página.

Isso pode ajudá-lo a criar um design mais consistente em todo o seu site.

Você pode até criar um modelo inicial que apresente seu logotipo personalizado, banners, menu de navegação e qualquer outro conteúdo que queira usar em seu website. Isso pode economizar muito tempo, pois você não precisará adicionar esse conteúdo manualmente em cada página.

Você pode até mesmo exportar seus modelos personalizados e importá-los para qualquer outro site que tenha o Beaver Builder instalado. Isso pode ser útil se você tiver vários sites ou se tiver uma agência de desenvolvimento WordPress e gerenciar um portfólio de sites de clientes.

13. Revisões e histórico

Ao trabalhar em seus designs, talvez seja necessário reverter para uma versão anterior. Por exemplo, talvez você perceba que cometeu um erro e queira desfazer rapidamente o trabalho.

A boa notícia é que o Beaver Builder registra suas alterações, portanto você não deve ter problemas para restaurar uma versão anterior. Para começar, você pode ver todas as versões publicadas anteriormente de um layout e escolher aquela para a qual deseja reverter.

The Beaver Builder page builder

O Beaver Builder também cria um registro de cada ação realizada, para que você possa identificar a alteração exata que deseja desfazer.

Basta selecionar “Histórico” para ver essa lista e clicar em qualquer item para reverter para o layout naquele momento.

Restoring a previous version of your page layout

14. Configurações globais personalizáveis

Muitas vezes, você desejará usar as mesmas configurações em todo o seu blog ou site WordPress. Em vez de aplicar esses padrões a cada layout manualmente, você pode economizar tempo personalizando as configurações globais do Beaver Builder.

Adding your own global settings to the Beaver Builder page builder

Aqui, você pode alterar as margens padrão, os preenchimentos, o cabeçalho da página, a largura máxima e muito mais.

Você também pode alterar se algumas configurações estão ativadas ou desativadas por padrão, como a edição responsiva e o espaçamento automático.

Customizing the default page builder settings

15. Criar cabeçalhos e rodapés personalizados e muito mais

Por padrão, você não pode personalizar os cabeçalhos e rodapés do seu site usando o editor Beaver Builder, pois essas áreas são controladas pelo seu tema do WordPress.

No entanto, o Beaver Builder tem um complemento Themer que permite que você edite essas áreas. Você também pode criar layouts personalizados para seu arquivo, página de erro 404, modelo de postagem única e páginas semelhantes.

Melhor ainda, você pode personalizar essas áreas usando o editor do Beaver Builder, com o qual já está familiarizado.

Customizing your WordPress theme using a page builder plugin

Você também pode usar regras condicionais inteligentes para controlar quando o WordPress usa esses layouts.

Por exemplo, você pode criar um cabeçalho diferente para os visitantes em comparação com os usuários que estão conectados ao seu site de associação.

Creating a custom header or footer for your WordPress website

16. Apoio comunitário e profissional

Com o Beaver Builder, você pode criar layouts bonitos e personalizados sem precisar contratar um desenvolvedor do WordPress. No entanto, talvez você precise de ajuda para desbloquear os recursos mais avançados do plug-in.

Se você preferir pesquisar os tópicos por conta própria, o Beaver Builder tem uma base de conhecimento detalhada.

An example of an online knowledge base

Eles também publicam tutoriais em vídeo em seu canal do YouTube e têm uma biblioteca de cursos sob demanda.

Você precisará pagar para acessar determinados cursos, mas também há uma pequena seleção de treinamentos gratuitos que abrangem tópicos como configuração de hospedagem na Web e compra de um nome de domínio, wireframing e criação de um site de comércio eletrônico.

Online training on the Beaver Builder website

Há também um blog em que a equipe do Beaver Builder publica tutoriais sobre como usar os recursos específicos do plug-in, além de conselhos sobre tópicos gerais, como redirecionar uma página do WordPress.

Se você preferir ajuda individual, todos os planos do Beaver Builder incluem suporte por e-mail. Se você fizer upgrade para o plano Ultimate, também terá suporte prioritário, de modo que seus problemas deverão ser resolvidos mais rapidamente.

Preços e planos do Beaver Builder

Se você for uma pequena empresa, uma startup ou tiver um orçamento limitado, poderá fazer download de uma versão gratuita do Beaver Builder no repositório oficial do WordPress.

No entanto, você terá acesso a mais módulos e modelos ao fazer o upgrade para o plug-in premium.

The Beaver Builder pricing plans

Há 4 planos para escolher:

  • Padrão. Por US$ 99 por ano, esse plano inclui módulos e modelos premium para que você possa criar belos designs rapidamente. Ele também se integra ao WooCommerce, para que você possa otimizar seu mercado on-line e obter mais vendas. Com isso em mente, o Standard é uma ótima opção para empresas menores, negócios paralelos ou até mesmo blogs pessoais.
  • Pro. Por US$ 199, o Beaver Builder Pro oferece suporte ao WordPress multisite, portanto, recomendamos esse plano se você tiver uma rede multisite. Como um bônus adicional, você também terá acesso ao Beaver Builder Theme.
  • Agência. Por US$ 399 por ano, você pode substituir a marca do Beaver Builder pelo seu próprio logotipo personalizado e nome da empresa. Com isso em mente, esse plano é perfeito para desenvolvedores de WordPress ou agências que precisam usar o Beaver Builder em vários sites.
  • Ultimate. Por US$ 546 por ano, esse plano vem com o complemento Beaver Themer para que você possa criar seu próprio cabeçalho e rodapé e personalizar páginas que não podem ser alteradas usando o editor de conteúdo padrão do WordPress. Ele também vem com uma assinatura de 6 meses do Assistant Pro, para que você possa armazenar os ativos criativos do seu site na nuvem. Com isso em mente, o Ultimate é recomendado para proprietários de sites que desejam personalizar cada parte do site.

Conclusão: O Beaver Builder é o construtor de páginas certo para você?

Depois de analisar os recursos, o suporte e os planos de preços, temos certeza de que o Beaver Builder é um ótimo plug-in de criação de páginas.

Ele tem um editor de arrastar e soltar fácil de usar, módulos prontos e modelos projetados por profissionais. Isso significa que você pode criar designs personalizados com facilidade e sem precisar escrever uma única linha de código.

Se você administra um site de uma pequena empresa ou um blog pessoal, o plano Starter tem muitos recursos essenciais. Ele também vem com módulos e modelos premium e se integra ao WooCommerce. Isso significa que você pode personalizar sua loja on-line e converter visitantes do WooCommerce em clientes.

Você usa o WordPress multisite? O Beaver Builder Pro suporta multisite para que você possa usá-lo em toda a sua rede.

Se você administra uma agência WordPress ou gerencia sites de clientes, o plano Agency adiciona um recurso de etiqueta branca. Isso permite que você substitua a marca do Beaver Builder pelo seu próprio logotipo e nome da agência. Dessa forma, você pode fazer com que sua agência pareça mais profissional e construir sua marca pessoal.

Por fim, se quiser ter controle total sobre o design do seu site, recomendamos o Beaver Builder Ultimate. Esse pacote poderoso vem com o complemento Beaver Themer, para que você possa criar cabeçalhos e rodapés personalizados. Você também pode personalizar páginas que normalmente são difíceis de editar, como a página de resultados de pesquisa e o arquivo do blog.

Esperamos que esta análise do Beaver Builder tenha ajudado você a decidir se ele é o construtor de páginas ideal para você. Você também pode conferir nosso guia sobre como escolher o melhor software de web design ou ver nossa seleção de especialistas dos plug-ins obrigatórios do WordPress para sites comerciais.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Os usuários do WPBeginner podem comprar o Beaver Builder por US$ 99!

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Reader Interactions

1 avaliação de usuárioAdicione sua avaliação

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deixe uma avaliação

Obrigado por deixar uma avaliação. Lembre-se de que todas as avaliações são moderadas de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Sua avaliação: