Os 10 melhores plugins de construtor de páginas do WordPress comparados em 2022

Tentando decidir sobre o melhor construtor de páginas WordPress para o seu site?

Eu trabalhei com 10 construtores de páginas diferentes do WordPress para ajudá-lo a tomar sua decisão. Sim – eu usei cada um deles – esta não é apenas uma lista baseada na cópia de marketing .

Vou comparar objetivamente esses 10 construtores de páginas do WordPress em cinco categorias:

1. Interface – como a interface funciona e facilita a construção de belas páginas?
2. Widgets/modelos incluídos – quais opções você tem para construir suas páginas?
3. Opções de estilo – como você pode estilizar os elementos em sua página?
4. Outros recursos notáveis – o construtor de páginas oferece recursos exclusivos notáveis?
5. Lock-in – o que acontece se você quiser desativar o plugin? Você sempre perderá seu estilo personalizado, mas alguns construtores de páginas deixam para trás um código limpo, enquanto outros não.

Para cada categoria, darei ao construtor de páginas uma pontuação de 5.

Então, no final, vou juntar tudo e recomendar o que eu acho que é o melhor construtor de páginas do WordPress.

Aqui estão os 10 construtores de páginas do WordPress que examinarei – você pode clicar para pular para um construtor de páginas específico:

• Elementor
• Construtor de castores
• Construtor Divi
• Prosperar Arquiteto
• Construtor de página de origem do site
• Construtor de Páginas WPBakery
• Construtor Themify
• Brizy
• Compositor Visual
• Construtor de páginas WP

Ou você pode ir direto para a tabela de comparação.

1. Elementor

Originalmente lançado em 2016, o Elementor é um dos construtores de páginas mais jovens nesta lista. Mas, embora tenha começado tarde, o Elementor acumulou rapidamente mais de 3.000.000 de instalações ativas no WordPress.org, o que o torna o construtor de páginas mais popular do mercado, pelo menos pelos números do WordPress.org.

Sua fama é uma interface visual rápida e sem falhas, opções de estilo flexíveis e outros recursos poderosos, como a criação completa de temas.

Embora tenha começado apenas como um editor de páginas, a versão premium, Elementor Pro, agora permite que você faça muito mais do que apenas criar páginas. As duas características mais notáveis ​​são:

• Theme Builder - crie todo o seu tema usando a mesma interface conveniente do Elementor. Isso inclui seu cabeçalho, rodapé, páginas de arquivo, páginas de postagem única, páginas de produtos/lojas WooCommerce, modelos de tipo de postagem personalizados, etc. Você obtém widgets dedicados para elementos comuns e pode até inserir conteúdo dinamicamente de campos personalizados.
• Construtor de pop-ups – crie pop-ups flexíveis usando a interface completa do Elementor. Você pode incluir todos os widgets regulares do Elementor, que permitem criar pop-ups de e-mail opt-in, pop-ups de formulário de contato, pop-ups de login e muito mais.

Essas duas adições realmente ajudam a Elementor a se destacar da concorrência. Embora a construção de temas esteja se tornando um recurso popular, o construtor de pop-ups ainda é bastante exclusivo.

Leia nossa análise do Elementor Pro.

Preço: Versão core gratuita. O Elementor Pro começa em US $ 49 para uso em um único site.

Interface - 5/5

A interface Elementor é dividida em duas partes principais, com uma terceira área para algumas configurações menores:

• 1 – esta é a visualização ao vivo do seu design. Parece exatamente como seus visitantes vão vê-lo. Você também pode digitar texto diretamente nesta interface, bem como arrastar e soltar vários elementos para reorganizá-los.
• 2 – mostra uma lista de elementos que você pode usar. Basta arrastá-los. E quando você seleciona um elemento ou seção individual, é aqui que você irá estilizá-lo.
• 3 – eles ajudam você a acessar visualizações responsivas, desfazer/refazer alterações e outros recursos menores.

Por exemplo, veja como você pode arrastar um widget de texto e simplesmente digitar na página (edição embutida) para alterar o texto:

Com o Elementor Pro, você pode usar essa mesma interface para criar seu tema e pop-ups. Você também obtém widgets/recursos dedicados para ajudá-lo a fazer isso.

Widgets/Modelos Incluídos – 5/5

Na versão gratuita, o Elementor inclui 28 widgets gratuitos . E você também pode usar todos os widgets principais do WordPress. A versão Pro adiciona outros ~30 widgets , dando a você um total de 58 widgets na versão Pro:

A versão gratuita também vem com ~40 modelos gratuitos . E a versão Pro adiciona centenas de modelos adicionais.

Os modelos vêm em dois formatos:

• Páginas – designs de página inteira que você só precisa editar.
• Blocos – seções individuais que você pode montar como Legos.

Você também pode salvar seus próprios designs como modelos para reutilizar mais tarde.

Opções de estilo - 5/5

Quando você clica em qualquer seção, coluna ou widget, o Elementor oferece três guias de estilo na barra lateral esquerda.

As opções exatas dependem de qual elemento você está editando, mas geralmente o Elementor oferece um dos conjuntos mais profundos de opções de estilo de qualquer construtor de páginas.

Além de coisas básicas, como cores, planos de fundo e tipografia, você também pode controlar configurações mais avançadas, como:

• Margens/preenchimento personalizados.
• Classes/IDs CSS personalizados. Com o Elementor Pro, você pode adicionar diretamente estilos CSS a elementos individuais.
• Controles responsivos. Você pode mostrar/ocultar elementos em dispositivos específicos.

A Elementor também adicionou recentemente o posicionamento personalizado, o que facilita muito a colocação de widgets em pontos específicos da página.

Outros recursos notáveis ​​- 5/5

Esses recursos estão disponíveis no Elementor Pro:

• Edifício temático completo. Você pode usar a mesma interface do Elementor para criar partes do modelo, como cabeçalhos, rodapés, singles e arquivos. Basicamente, você pode criar todo o seu tema com o Elementor.
• Construtor WooCommerce – projete seu produto WooCommerce e páginas de loja.
• Edifício pop-up . Crie pop-ups flexíveis e direcione-os para conteúdo específico.
• Integrações de formulário . Conecte o widget de formulário a serviços populares de marketing por e-mail (ou Zapier para ainda mais flexibilidade).
• Widgets globais. Eles permitem que você reutilize um elemento comum em várias páginas e edite todas as instâncias do widget global apenas atualizando o widget global.
• Incorpore em qualquer lugar . Use modelos Elementor em outras áreas por meio de widgets ou códigos de acesso.

Bloqueio - 5/5

Se você desativar o Elementor, ele deixará um código limpo. Por exemplo, se você tiver um cabeçalho <h3> com o Elementor, ainda terá um cabeçalho <h3> após desativar o Elementor – ele usará apenas o estilo do seu tema.

2. Construtor de castores

O Beaver Builder tem sido uma referência no mercado de construtores de páginas há algum tempo. Ele produz código limpo ( para um construtor de páginas ), é popular entre usuários finais e implementadores e recebe atenção regular na forma de novos recursos e atualizações.

Existem também alguns complementos oficiais que você pode emparelhar com ele para obter mais flexibilidade - notadamente um tema opcional Beaver Builder e a extensão Beaver Themer.

Leia nossa análise do Beaver Builder.

Preço: Versão gratuita limitada. Começa em $ 99 para uso em sites limitados.

Interface - 5/5

O Beaver Builder oferece uma interface exclusiva para seu construtor visual de front-end. Você faz a maior parte do seu trabalho a partir de uma barra lateral à direita. Mas essas opções da barra lateral só aparecem quando você clica em um botão na barra superior, então é possível visualizar uma visualização em tela cheia a qualquer momento:

• 1 – você clica aqui para abrir a área da barra lateral
• 2 – esta é uma visualização ao vivo do seu design

O Beaver Builder adicionou recentemente a edição de texto em linha, o que significa que você pode digitar diretamente na página para editar seu texto ou usar o pop-up que aparece:

Usar a edição em linha com o pop-up é um pouco estranho, para ser honesto. Mas você pode fixar facilmente o editor na barra lateral para corrigir isso.

Widgets/Modelos Incluídos – 4/5

Na versão gratuita, o Beaver Builder só dá acesso a 6 módulos , embora você também possa usar widgets padrão do WordPress.

A versão premium, por outro lado, dá acesso a 30 módulos . Esses módulos também são todos modulares, portanto, você pode ativá-los ou desativá-los conforme necessário.

Na versão premium, você também tem acesso a ~56 modelos de página, bem como a capacidade de salvar seus próprios designs como modelos.

Opções de estilo - 5/5

Para estilizar seus módulos e seções, você pode:

• Use a janela pop-up padrão
• Fixe a janela ao lado para criar uma barra lateral ( você pode ver isso no exemplo abaixo ).

As opções exatas dependem do módulo, mas geralmente o Beaver Builder oferece um controle muito bom sobre seus elementos, incluindo espaçamento personalizado e controles responsivos.

E o Beaver Builder também oferece uma alternância muito exclusiva que permite mostrar ou ocultar módulos individuais com base em se um usuário está logado ou não:

Outros recursos notáveis ​​- 4/5

• Beaver Themer. Embora esta seja uma extensão separada, ela adiciona funcionalidade completa de criação de temas, como Elementor.
• Marcação branca . Você pode facilmente rotular o Beaver Builder se estiver criando sites para clientes.
• Tema Beaver Builder . Este tema opcional oferece ainda mais controle sobre a aparência do seu site.

Embora os recursos exclusivos sejam bons, estou fazendo um ponto porque você precisa pagar mais para obtê-los.

Bloqueio - 5/5

Assim como o Elementor, o Beaver Builder deixa um código 100% limpo com a formatação HTML adequada.

3. Construtor Divi

O Divi Builder é um construtor de páginas premium popular da Elegant Themes. Embora seja mais comumente usado como parte do tema Divi, o Divi Builder também é um plug-in autônomo que você também pode usar com outros temas.

Ao contrário dos dois construtores de páginas anteriores, o Divi Builder permite que você edite seu conteúdo usando uma interface visual de front-end e uma interface de back-end , embora a maioria dos usuários provavelmente prefira a interface de front-end.

Com a versão mais recente, o Divi 4.0, o Divi também adicionou suporte completo à criação de temas, o que o coloca no mesmo nível do Elementor e do Beaver Builder nesse aspecto. Ou seja, agora você pode usar o Divi para projetar seu cabeçalho, rodapé, modelos etc.

Leia nossa análise do Divi Builder.

Preço: Disponível como parte da assinatura de $ 89 Elegant Themes

Interface - 5/5

A interface de back-end do Divi Builder se parece com isso:

Mas na maioria das vezes, você usará a interface visual de front-end. O Divi Builder é definitivamente único. Eu pessoalmente não sou um fã , mas conheço muitas pessoas que adoram, então não vou apontar nenhum ponto por esse motivo.

Basicamente, em vez de qualquer tipo de barra lateral, tudo são pop-ups e botões flutuantes. Você pode ver um exemplo de adição de um módulo abaixo:

Como os dois construtores de páginas anteriores, você também pode usar a edição em linha para editar seu texto diretamente na página:

Cabe a você decidir se prefere essa abordagem à barra lateral usada por alguns outros plugins do construtor de páginas.

Widgets/Modelos Incluídos – 5/5

O Divi Builder inclui 46 módulos que você pode usar para criar seus projetos:

Você também obtém acesso a 316 modelos pré-criados em massa, distribuídos em 40 pacotes de layout diferentes, bem como a capacidade de salvar seus próprios designs como modelos:

Opções de estilo - 5/5

Assim como o Beaver Builder, o Divi Builder permite estilizar elementos de um pop-up que você pode, se desejar, fixar na lateral.

Uma das características do Divi sempre foi o controle de estilo que ele oferece. Em três guias diferentes, você pode definir uma variedade de configurações, incluindo controles responsivos, espaçamento personalizado e muito mais.

Você pode até adicionar CSS personalizado ao elemento principal ou antes/depois do elemento principal. Os editores de CSS incluem até validação básica e preenchimento automático! E você também pode abrir um seletor de cores diretamente do editor:

Em suma, o Divi Builder está realmente ultrapassando os limites com suas opções de estilo – é uma coisa boa.

Outros recursos notáveis ​​- 5/5

• Construção de temas – crie todo o seu tema usando a interface do Divi Builder.
• Teste A/B. Um dos melhores recursos extras é o sistema de teste A/B integrado do Divi Builder. Nenhum outro construtor de páginas facilita tanto o teste de divisão no núcleo.
• Tema Divi . Emparelhar o Divi Builder com o tema Divi oferece controle total sobre a aparência do seu site.
• Controles de acesso do usuário . O Divi Builder inclui fortes controles de acesso baseados em função.
• Controles do personalizador do WordPress . Você pode personalizar a aparência de alguns elementos usando o personalizador nativo do WordPress.

Bloqueio - 3/5

Uma das críticas ao Divi Builder sempre foi que ele é baseado em shortcode. Isso significa que, se você desativá-lo, ele deixará para trás vários códigos de acesso em seu conteúdo.

Embora isso seja um pouco ruim, isso é um problema menor agora que existem plugins como o Shortcode Cleaner. Você perderá a formatação – como uma tag <h3> – mas não perderá o conteúdo em si.

4. Prosperar Arquiteto

O Thrive Architect é a versão renovada do que já foi o Thrive Content Builder. A nova interface apresenta muitas semelhanças com a interface do Elementor, que você verá em um segundo.

Embora qualquer pessoa possa usá-lo, é especialmente popular entre blogueiros e comerciantes afiliados por causa de seu foco nas taxas de conversão. E uma das coisas que eu pessoalmente gosto no Thrive Architect é que seu estilo padrão parece muito bom logo de cara.

Leia nossa análise do Thrive Architect.

Preço: Faz parte do Thrive Suite, que custa US$ 19 por mês (cobrado anualmente).

Interface - 5/5

Como eu disse, você verá algumas semelhanças entre a interface do Thrive Architect e a interface do Elementor ( Elementor veio primeiro, caso você esteja se perguntando ):

É a mesma ideia, você tem:

• 1 – esta é a visualização ao vivo do seu design. Parece exatamente como seus visitantes vão vê-lo. Você também pode digitar texto diretamente nesta interface, bem como arrastar e soltar vários elementos para reorganizá-los.
• 2 – mostra uma lista de elementos que você pode usar. Basta arrastá-los. E quando você seleciona um elemento ou seção individual, é aqui que você irá estilizá-lo.
• 3 – eles ajudam você a acessar visualizações responsivas, desfazer/refazer alterações e outros recursos menores.

Sim - copiei e colei isso da seção Elementor .

Uma coisa única é o seletor de breadcrumb quando você clica em um elemento aninhado. Esse recurso realmente é bastante útil quando você deseja pular rapidamente entre um elemento e uma seção:

E o Thrive Architect também oferece uma verdadeira edição de texto em linha. Na verdade, o Thrive Architect tem a funcionalidade de edição em linha mais perfeita de qualquer construtor de páginas, na minha opinião:

Widgets/Modelos Incluídos – 4/5

O Thrive Architect oferece 40 widgets diferentes , incluindo alguns interessantes, como um cronômetro de contagem regressiva perene.

O Thrive Architect também inclui centenas de modelos divididos em ~36 “conjuntos”. E você também pode salvar seus próprios designs como modelo.

Opções de estilo - 5/5

O Thrive Architect rompe com o Elementor na forma como lida com o estilo. Em vez de fornecer guias, o Thrive Architect inclui tudo em uma única coluna.

As opções de estilo são bastante detalhadas e incluem controles responsivos e espaçamento personalizado:

Você também pode adicionar seu próprio CSS personalizado em um nível de página . Para elementos individuais, você só pode atribuir classes ou IDs CSS.

Outros recursos notáveis ​​- 3/5

Um recurso interessante é a opção de configurar eventos de página . Eles permitem que você exiba um pop-up lightbox com base em determinados gatilhos:

E outra coisa legal é o quão bem ele se integra com outros produtos Thrive Themes. Por exemplo:

• Se você usar o Thrive Optimize, poderá executar testes A/B usando o Thrive Architect.
• Se você usar o Thrive Leads, poderá integrar facilmente os opt-ins detalhados do Thrive Leads ao Thrive Architect.

Bloqueio - 5/5

O Thrive Architect deixa para trás um código 100% limpo, como Elementor e Beaver Builder.

5. Construtor de páginas de origem do site

O SiteOrigin Page Builder existe há o que parece uma eternidade. E nesse “para sempre”, conseguiu coletar mais de 1 milhão de instalações ativas no WordPress.org, o que o torna um dos plugins construtores de páginas mais populares do mercado.

Embora o SiteOrigin Page Builder seja um pouco mais leve do que a maioria das outras opções nesta lista, ele oferece ótimo desempenho e vários controles CSS úteis.

Preço: Gratuito. O pacote SiteOrigin Premium começa em $ 29

Interface - 3/5

SiteOrigin tem duas interfaces que você pode usar para construir seu design.

Você tem o editor de back-end original:

Você pode arrastar e soltar blocos ou clicar em um bloco específico para editá-lo.

Este editor oferece mais espaço para trabalhar, mas carece de qualquer tipo de visualização ao vivo.

Se você quiser essa visualização ao vivo, o SiteOrigin Page Builder adicionou um modo de editor ao vivo:

Isso não é o mesmo que os outros construtores de página nesta lista porque você não pode realmente arrastar e soltar os elementos na visualização ao vivo . Mas também é mais do que apenas uma visualização do seu design, porque há alguma interatividade entre as caixas de resumo à esquerda e a visualização ao vivo.

Por exemplo, você pode passar o mouse sobre uma caixa na visualização ao vivo e a caixa relevante na barra lateral também mostrará o destaque. Você também pode clicar em um elemento na visualização ao vivo para abrir suas configurações:

Widgets/Modelos Incluídos – 2/5

Além dos widgets principais do WordPress, o SiteOrigin Page Builder também oferece um plug-in Widgets Bundle gratuito que adiciona um conjunto modular de 23 widgets que você pode usar. Ele também inclui ~ 25 modelos pré-criados que você pode usar, embora sejam bastante básicos em comparação com outros construtores de páginas.

Você não pode salvar seus designs como modelos, mas pode clonar facilmente as páginas existentes que oferecem funcionalidades semelhantes.

Opções de estilo - 3/5

As opções de estilo do SiteOrigin Page Builder serão decepcionantes em comparação com os outros construtores de página se você não souber CSS . Mas se você estiver confortável usando seu próprio CSS, eles são realmente muito úteis.

Além de adicionar classes e IDs CSS, você também pode adicionar CSS diretamente a elementos individuais, incluindo uma seção para CSS somente para dispositivos móveis:

Você também obtém muitas opções de estilo não CSS – mas não tantas quanto os outros plugins. Se você é um desenvolvedor que planeja usar seu próprio CSS, provavelmente poderia dar ao plugin um 5 para esta categoria. Mas estou reduzindo para 3 porque acho que é onde ele se encaixa para usuários regulares .

Outros recursos notáveis ​​- 2/5

O SiteOrigin Page Builder é bastante leve, mas você obtém um construtor de tipo de postagem personalizado básico no pacote SiteOrigin Premium.

Bloqueio - 4/5

O SiteOrigin Page Builder deixa para trás uma mistura de HTML limpo e códigos de acesso. Ou seja, alguns dos widgets – como o editor de texto – deixam para trás um HTML limpo, enquanto outros – como o widget de botão – deixam para trás códigos de acesso.

6. Construtor de Páginas WPBakery

O WPBakery Page Builder, anteriormente conhecido como Visual Composer, é outro construtor de páginas premium muito popular. Uma grande parte dessa popularidade vem do fato de que o WPBakery Page Builder é fornecido com o que parece ser 99% dos temas do ThemeForest. Mas o fato é que ele é usado em um grande número de sites .

Preço: US$ 64

Interface - 3/5

Como o Divi Builder, o WPBakery Page Builder oferece edição visual de front-end e edição de back-end.

Você pode usar a interface de back-end se quiser:

Mas acho que a maioria das pessoas ficará mais feliz no front-end, que se parece com isso:

Você insere novos elementos e os estiliza usando pop-ups – não há área de barra lateral, nem edição em linha.

Pessoalmente, não sou fã dessa abordagem, mas algumas pessoas gostam porque não há nada para atrapalhar a visualização ao vivo quando você não tem um pop-up aberto .

Widgets/Modelos Incluídos – 3/5

O WPBakery Page Builder oferece 39 elementos , além de todos os widgets normais do WordPress. Alguns desses elementos seriam combinados em outro construtor de páginas, portanto, o número real é mais parecido com ~33 :

Você também recebe ~ 86 modelos. Alguns modelos são páginas inteiras, enquanto outros são apenas seções.

Opções de estilo - 3/5

Comparado a algo como Elementor ou Divi Builder, as opções de estilo do WPBakery Page Builder são um pouco limitadas.

Você tem uma boa quantidade de controle sobre as linhas:

Mas as opções de estilo para elementos individuais são um pouco mais limitadas.

Se você quiser usar seu próprio CSS, poderá adicionar uma classe ou ID CSS personalizada a elementos individuais ou adicionar estilos reais em nível de página:

Outros recursos notáveis ​​- 3/5

Não tenho certeza se o WPBakery Page Builder possui recursos exclusivos especialmente notáveis. Mas o que ele tem é uma enorme comunidade de complementos de terceiros. Embora muitos outros construtores de páginas tenham complementos de terceiros, o WPBakery Page Builder é único no número, que é bem mais de 250 complementos .

Bloqueio - 3/5

Como o Divi Builder, o WPBakery Page Builder deixa para trás vários códigos de acesso em seu conteúdo se você o desativar.

7. Construtor Themify

O Themify Builder é, sem surpresa, a oferta de construtor de páginas do Themify. O Themify o agrupa com muitos de seus temas para oferecer aos clientes opções fáceis de personalização. Mas você também pode comprá-lo como um plugin autônomo e usá-lo com qualquer tema.

Preço : Versão gratuita leve. Pro começa em $ 39 ou $ 59 (dependendo dos complementos)

Interface - 4/5

Assim como o Divi Builder e o WPBakery Page Builder, o Themify Builder permite que você crie seus projetos usando interfaces de back-end e front-end.

Com a versão 4.0, o Themify Builder fez algumas atualizações na interface, o que me fez aumentar a pontuação um pouco.

A interface de back-end se parece com isso:

Mas, novamente, a maioria das pessoas provavelmente desejará usar a interface front-end, que funciona assim:

• 1 – permite inserir novos módulos ( 2 maneiras diferentes )
• 2 – visualização ao vivo
• 3 – visualizações responsivas, desfazer/refazer e outras configurações

Não há edição em linha - você precisará editar seu texto em um pop-up:

Ainda assim, a nova interface parece muito “mais rápida” do que a antiga, o que cria uma experiência de edição muito mais rápida.

Ele também adiciona um seletor no estilo breadcrumbs acima do pop-up de configurações, que permite alternar rapidamente entre um módulo em si e as linhas e colunas nas quais ele está localizado.

Finalmente, uma das minhas novas adições favoritas é a capacidade de adicionar margens e preenchimento simplesmente clicando e arrastando na página. Esta é uma grande atualização e torna muito mais fácil ajustar o posicionamento em sua página. Você pode ver como consigo ajustar a margem ( pink ) apenas arrastando-a:

Realmente, minha única grande crítica ainda é a falta de edição de linha.

Widgets/Modelos Incluídos – 3/5

O Themify Builder oferece ~32 módulos (dependendo de seus complementos), bem como todos os widgets normais do WordPress.

Você também obtém cerca de 143 modelos de página inteira, bem como um número menor de linhas , que são basicamente seções pré-criadas .

Opções de estilo - 4/5

Se você clicar em qualquer elemento, terá quatro guias diferentes para ajudar a estilizá-lo:

• Contente
• Estilo ( mostrado abaixo )
• Visibilidade ( permite ocultar um elemento em determinados dispositivos )
• Animação

Outra coisa legal é que o Themify Builder permite que você personalize seus pontos de interrupção responsivos ( embora apenas no nível do site ).

Na versão 4.0, o Themify Builder também adicionou divisores de formas personalizados, que permitem escolher entre 25 formas predefinidas.

Outros recursos notáveis ​​- 4/5

Uma coisa legal sobre o Themify Builder é que ele ainda permite que você use o editor WordPress normal, enquanto outros construtores de páginas forçam você a usar a interface do construtor de páginas para tudo . O conteúdo do Themify Builder é marcado no Editor do WordPress para que você possa colocar conteúdo em torno dele:

Esse recurso também funciona no novo editor de blocos do WordPress.

Outro novo recurso interessante é a capacidade de usar diferentes resoluções para um design responsivo. Muitos construtores de páginas apenas fornecem visualizações genéricas de “Celular” e “Tablet”, mas o Themify Builder realmente permite testar dispositivos diferentes.

Bloqueio - 5/5

O Themify Builder melhorou massivamente em relação ao lock-in. Agora, se você desativá-lo, ele deixa seu conteúdo para trás com um HTML limpo.

8. Brisa

Lançado em abril de 2018, o Brizy é um dos construtores de páginas “mais jovens” desta lista. Mas vem de um desenvolvedor conhecido – ThemeFuse – e rapidamente acumulou 60.000 instalações ativas. Além disso, ele simplesmente oferece uma abordagem única para algumas partes da construção da página, o que o torna uma oferta interessante.

Os desenvolvedores também estão lançando novos recursos rapidamente, e o Brizy já tem suporte para criação de temas e pop-ups.

Preço: Versão básica gratuita. A versão Pro começa em US$ 49.

Interface - 5/5

Brizy é exclusivamente um construtor de páginas visuais de frontend.

Para construir sua página, primeiro você precisa adicionar um bloco. Você pode usar um bloco em branco ou escolher entre os blocos de seção pré-construídos:

A parte da “interface única” é o que acontece quando você começa a adicionar elementos. Em vez de ter uma barra lateral ou pop-up onde você personaliza/estiliza o elemento, quase tudo acontece inline (incluindo digitação).

Veja o que quero dizer:

O resultado é uma maneira muito rápida de construir páginas.

Widgets/Modelos Incluídos – 4/5

Brizy oferece atualmente 26 elementos básicos . Esse número é pequeno, mas Brizy ainda é novo, então esperamos que aumente com o tempo.

Você também obtém elementos adicionais para determinados recursos, como um elemento de menu ao criar um cabeçalho.

Ele também inclui mais de 150 blocos (seções de modelo) que você pode usar.

Opções de estilo - 5/5

Por causa de como a interface do Brizy funciona, não há uma fórmula definida para opções de estilo como os outros construtores de páginas.

Você pode expandir uma barra lateral para configurações avançadas, como espaçamento e controles responsivos:

Você também pode adicionar um estilo básico no nível da página para não precisar editar manualmente cada elemento:

Mas na maioria das vezes, você usará os controles embutidos para estilizar seus elementos, o que lhe dará uma boa quantidade de controle.

Outros recursos notáveis ​​- 5/5

A interface do Brizy já é bastante única, mas também rapidamente montou uma lista de recursos bastante estelar desde o seu lançamento:

• Construtor de temas - crie cabeçalhos, rodapés, arquivos e modelos de postagem única usando o Brizy. O suporte ao WooCommerce está a caminho . Ele também inclui um recurso dinâmico para trazer conteúdo de campo personalizado de plugins populares como ACF e Toolset.
• Construtor de pop-ups – crie pop-ups usando a interface Brizy e use condições para controlar onde/quando eles são exibidos.
• Banners globais que são sincronizados em várias páginas.
• Integrações com serviços populares de email marketing (e Zapier).

Bloqueio - 4/5

Brizy deixa para trás um código HTML principalmente limpo se você desativá-lo. Mas ainda deixa um monte de divs com classes CSS Brizy no código, o que atrapalha um pouco o espaçamento e exigiria limpeza.

9. Compositor Visual

Acima, eu disse que o WPBakery Page Builder costumava ser conhecido como Visual Composer. A razão para isso “costumava” é que a equipe por trás do Visual Composer decidiu desmembrar o WPBakery Page Builder para que eles pudessem lançar um produto completamente novo usando o nome Visual Composer.

É nisso que estamos focando nesta seção.

Embora venha da mesma equipe, é um produto completamente separado.

A principal diferença é que o Visual Composer é um construtor de sites completo, enquanto o WPBakery Page Builder é apenas um construtor de páginas .

Preço: Versão gratuita limitada. A versão Pro começa em US$ 49.

Interface - 3/5

Ao criar uma nova página com o Visual Composer, você pode escolher entre alguns layouts diferentes para sua tela. Você pode fazer uma tela completamente em branco, incluir seu cabeçalho/rodapé, etc.

A partir daí, você pode projetar tudo usando uma interface visual:

A interface é suave e sem falhas, no entanto, falta edição em linha, o que é um pouco decepcionante. Em vez disso, você precisa editar o texto na barra lateral:

Além disso, não acho as opções na barra lateral tão úteis porque tudo é uma única coluna longa. Eu prefiro a abordagem que a maioria dos outros construtores de páginas usam, que é dividir as configurações em guias.

Widgets/Modelos Incluídos – 5/5

Quando você instala o Visual Composer pela primeira vez (ou se estiver usando apenas a versão gratuita), terá acesso apenas a alguns blocos e nenhum modelo.

Mas não se engane – o Visual Composer tem uma enorme seleção de elementos e templates – você só precisa se conectar ao Visual Composer Hub e baixar os que deseja usar:

Como você pode ver, há uma enorme variedade, com tudo, desde blocos de conteúdo até integrações e muito mais. Há uma variedade semelhante quando se trata de modelos também.

Opções de estilo - 4/5

As opções de estilo do Visual Composer são sólidas, mas nada realmente se destaca. Você obtém todos os recursos esperados, como divisores de forma, espaçamento personalizado, paralaxe etc.

Você também obtém controles responsivos para editar o design com base no dispositivo de um usuário, bem como uma ampla variedade de opções de visualização responsiva.

Dois recursos interessantes são as opções para tornar uma linha ou elemento fixo e controlar como as colunas são empilhadas.

Outros recursos notáveis ​​- 5/5

Como mencionei acima, o Visual Composer é um construtor de sites completo, para que você possa criar seu site inteiro usando sua interface, incluindo cabeçalhos, rodapés, modelos e muito mais.

Você também pode inserir conteúdo dinâmico de campos padrão e personalizados, como aqueles que você adiciona com o ACF.

O outro recurso de destaque é o Visual Composer Hub, que vem com vários modelos e elementos de conteúdo que você pode importar.

Bloqueio - 5/5

Se você desativar o Visual Composer, ele deixará um HTML relativamente limpo. O HTML ainda inclui as classes CSS do Visual Composer, mas não há problemas de front-end ou códigos de acesso.

10. Construtor de páginas WP

WP Page Builder é uma nova oferta do Themeum, um desenvolvedor WordPress estabelecido. Portanto, embora o plug-in em si seja novo, ele vem de uma equipe que está no espaço do WordPress há algum tempo.

Themeum também faz o plugin Tutor LMS que analisamos há pouco tempo.

Preço: Versão gratuita bastante generosa. A versão Pro começa em US$ 39.

Interface - 4/5

O WP Page Builder tem uma interface bastante padrão no que diz respeito aos construtores de páginas. Você obtém uma visualização visual do seu design à direita e uma barra lateral à esquerda, onde você pode controlar seus designs.

Uma coisa que eu gosto muito é a capacidade de ajustar o espaçamento (margens/preenchimento) usando um controle deslizante de arrastar e soltar. Você também pode usar uma abordagem semelhante de arrastar e soltar para redimensionar colunas:

No entanto, não há edição em linha, o que é um pouco ruim. Em vez disso, você precisará editar o texto no editor da barra lateral:

Widgets/Modelos Incluídos – 5/5

Mesmo com a versão gratuita, o WP Page Builder vem com uma seleção estelar de widgets. Por exemplo, a versão gratuita oferece tabelas de preços, grades de postagem, caixas de flip e muito mais. A maioria dos outros construtores de páginas reserva esses elementos para a versão premium.

Você também tem acesso a mais de 31 pacotes de layout, que são pacotes de modelos temáticos para nichos específicos. Cada layout inclui vários modelos:

Opções de estilo - 4/5

Já mencionei os controles de espaçamento/layout de arrastar e soltar, que é um recurso muito conveniente.

Além disso, você também obtém uma boa variedade de opções de estilo. Por exemplo, você obtém divisores de forma, a opção de ocultar elementos em determinados dispositivos e usar configurações diferentes para diferentes dispositivos e muitas opções gerais de estilo:

No entanto, embora seja sólido, você não tem tantas opções quanto teria com algo como Elementor ou Divi, e é por isso que estou indo com uma pontuação de “4” em vez de “5”.

Outros recursos notáveis ​​- 3/5

O WP Page Builder é um construtor de páginas sólido, mas não construiu os tipos de extras que você obtém com outros construtores de páginas. Por exemplo, não há criação de temas, construtor de pop-ups etc.

Além do próprio construtor de páginas, não vejo nenhum recurso que se destaque.

Bloqueio - 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?