TOP 10 de plug-ins de construtor de páginas WordPress para arrastar e soltar para 2020

Publicados: 2021-10-08

Os plug-ins do construtor de páginas do WordPress surgiram tremendamente nos últimos anos, mudando a tendência do curso de desenvolvimento de sites. Simplificando a personalização do WordPress, os construtores de páginas de sites são úteis tanto para iniciantes quanto para especialistas. Eles tornam possível criar um layout de site completamente novo sem usar nenhum código.

Existem vários plug-ins gratuitos e premium de criação de páginas do WordPress, cada um deles oferecendo recursos exclusivos. Neste artigo, vou escrever sobre os 10 melhores plug-ins de construtor de páginas para WordPress . Mas antes de apresentar a lista, quero dar uma breve introdução aos criadores de páginas do WordPress, caso você não tenha ouvido isso antes.


Índice

O que é um Construtor de Páginas WordPress?

Um construtor de páginas WordPress é um plug-in que oferece a flexibilidade de fazer alterações na estrutura e no layout de design das páginas da web com o editor de arrastar e soltar.

Em vez de escrever códigos, você pode simplesmente arrastar e soltar os widgets pré-fabricados na área de conteúdo (páginas / postagens), reorganizá-los e construir belas páginas. Dessa forma, você pode criar páginas exclusivas e completamente diferentes dos modelos padrão fornecidos no tema.

Um construtor de página fornece um editor de página avançado que parece diferente do editor de postagem / página padrão do WordPress. Você não precisa trabalhar com a visualização de 'texto' com componentes HTML ou o modo 'visual' com uma visualização real do conteúdo, mas um editor mais simples onde você adicionará widgets pré-fabricados , blocos de conteúdo e componentes .

Ele funciona como a barra lateral widgetized de um tema WordPress . Para adicionar o conteúdo necessário na barra lateral, você simplesmente arrasta e solta os widgets e instantaneamente dá uma nova aparência à barra lateral. Da mesma forma, o construtor de páginas permite adicionar qualquer tipo de conteúdo na forma de widgets nas páginas. Adicione quantos widgets desejar, organize-os com linhas e colunas, reordene e reorganize-os simplesmente arrastando e soltando.

Você pode usar os widgets padrão do WordPress, widgets fornecidos no tema, widgets adicionais em seu plug-in de construtor de página ou criar seus próprios widgets de acordo com sua necessidade.


Existem vários criadores de páginas na web para que os usuários tenham muitas opções. Ambos os construtores de páginas gratuitos e premium estão disponíveis, alguns são básicos e simples, enquanto outros estão repletos de opções, módulos e widgets. Esta lista contém os construtores de páginas mais populares, mais bem avaliados e mais vendidos .

Vamos dar uma olhada nos melhores construtores de páginas do WordPress 2020.

1. Elementor Page Builder (Grátis + Premium $ 49 por 1 site)

Elementor-Page-Builder-live-editor

Elementor é um poderoso construtor de páginas de arrastar e soltar . Você pode criar sites responsivos de ponta, perfeitos em pixels, instantaneamente usando este plugin. O plugin vem embalado com 28 widgets muito úteis e surpreendentes que servem como elementos poderosos para a criação de páginas da web deslumbrantes. O plug-in também permite que você use todos os widgets WordPress padrão existentes e widgets personalizados que vêm com o tema e outros plug-ins.

editor de elemento ou plugin

Elementor é um editor verdadeiramente vivo. Conforme mostrado na mídia acima, você pode simplesmente arrastar e soltar os widgets que deseja e criar um design como você deseja no modo de visualização ao vivo. A edição e a visualização da página da web acontecem simultaneamente.

Principais características do Elementor:

  1. Personalização total sobre o layout : você pode personalizar as páginas da web completamente da maneira que desejar: controle completo sobre a largura e altura da seção, o tamanho das colunas, a posição da coluna e do conteúdo, o preenchimento e a configuração da margem, o intervalo da coluna etc.
  2. Biblioteca de modelos : há mais de 20 belos modelos de páginas projetados para uma aparência profissional. Você pode escolher qualquer um deles e ter sua página desenhada em segundos. Além disso, você pode personalizar e salvar seus próprios modelos e reutilizá-los posteriormente.

Prós:

  1. Muitos widgets : Vem com 28 widgets que são suficientes para personalizar páginas da web. Você pode não precisar de mais widgets.
  2. Configurações específicas para tablets e celulares : o plugin Elementor permite que você faça ajustes específicos e alterações de design que afetam apenas essas versões específicas.
  3. Versão premium disponível : a versão premium do plugin vem com widgets adicionados e recursos avançados. Você pode precisar de alterações de design mais avançadas à medida que seu site cresce, portanto, a opção de atualizar pode ser uma vantagem.

Contras:

  1. Muitas opções: se você é um iniciante em WordPress, pode ser bastante confuso ou opressor para você.
  2. Não funciona com versões anteriores do WordPress e PHP: o plug-in Elementor funciona com o seu site apenas se a versão do WordPress for pelo menos 4.4 e o PHP versão 5.4.

Nossa opinião : Você pode usar o Elementor se quiser um construtor de páginas bastante avançado e também precisar de recursos adicionais que você obterá na versão premium.

Baixe o plug-in de graça View Premium

Ir para o topo

2. Construtor de páginas por SiteOrigin (GRATUITO)

Page Builder-by-SiteOrigin-wordpress-plugin

O Construtor de Páginas da SiteOrigin é o plugin de criação de páginas gratuito mais popular para WordPress com mais de um milhão de instalações ativas. Ele fornece uma interface simples de criação de conteúdo para a criação de layouts de página responsivos usando os widgets. Ele funciona perfeitamente com os widgets padrão do WordPress, juntamente com outros widgets fornecidos no tema específico e plug-ins que você pode usar. O plug-in funciona bem com a maioria dos temas e plug-ins do WordPress, o que é uma boa notícia para você se quiser algumas alterações de design em seu layout de tema pré-existente.

Editor de construtor de páginas do SiteOrigin

Conforme mostrado na imagem acima, você pode arrastar e soltar os widgets disponíveis na área de conteúdo, reordená-los, reorganizá-los facilmente. Além disso, você pode personalizar os estilos de widget em três categorias: atributos , layout e design . Você pode alterar facilmente os atributos do widget, como preenchimentos, cores de fundo e espaçamento de coluna.

Principais recursos do Construtor de páginas por SiteOrigin:

  1. Construtor de linhas conveniente : adicione quantas linhas desejar, divida as linhas no número exato de colunas e forneça o peso preciso para cada coluna.
  2. Edição ao vivo e navegador de histórico : Edite widgets e seu conteúdo em tempo real com visualizações ao vivo. As ferramentas de histórico permitem avançar e retroceder nas alterações.

Prós:

  1. Plug-in gratuito: é um plug-in gratuito. Você vai economizar algum dinheiro.
  2. Interface simples e fácil de usar : Crie páginas da web exclusivas e impressionantes sem escrever uma única linha de código.
  3. Compatibilidade com qualquer widget: Vem com alguns de seus próprios widgets. Além disso, permite que você use qualquer um dos widgets padrão do WordPress, quaisquer widgets personalizados. Você também pode usar o SiteOrigin Widgets Bundle, que é um pacote de 20 widgets úteis .

Contras:

  1. Widgets limitados: tem widgets limitados em comparação com outros construtores de páginas. Você precisa instalar plug-ins adicionais para mais widgets.
  2. Edição ao vivo básica: o construtor de páginas do SiteOrigin tem um editor ao vivo muito básico que não é avançado como outros construtores de páginas Premium.

Nosso Take: Use este plugin se quiser um construtor de páginas limpo, simples e básico. Melhor para iniciantes. Perfeito para desenvolvedores de temas WordPress, pois eles podem adicionar widgets personalizados para fornecer o design necessário.

Saiba mais e baixe o plug-in

Ir para o topo

3. WPBakery Page Builder para WordPress (Premium $ 64)

WPBakery-Page Builder-for-WordPress

WPBakery Page Builder para WordPress (anteriormente Visual Composer ) é o plugin de criação de páginas mais vendido da CodeCanyon . Ele alimenta mais de 2 milhões de sites na web. O plug-in fornece a experiência de edição de conteúdo de front-end e back-end. Acima de tudo, não é apenas uma ferramenta de edição de back-end, mas também um editor de front-end rico em recursos do WordPress. A experiência de edição de front-end é incrível.

what-make-wpb-special-page-builder

O plugin vem com mais de 50 elementos de conteúdo predefinidos que você pode arrastar e soltar em qualquer lugar nas páginas do seu site. Além disso, existem mais de 100 layouts predefinidos que você pode usar para construir suas páginas. O plugin oferece as melhores possibilidades de criação de páginas.

Principais recursos do Visual Composer:

  1. Edição de conteúdo de front-end e back-end : você pode experimentar a edição de front-end e back-end com este plug-in.
  2. Blocos de conteúdo extensos, layouts e add-ons : Existem vários elementos de conteúdo, layouts e também opções para usar mais de 150 add-ons exclusivos de terceiros.

Prós:

  1. Compatível com WooCommerce: O plugin tem uma integração muito boa com o plugin WooCommerce. Construir páginas de comércio eletrônico é realmente fácil.
  2. SEO Friendly : O plugin tem bom suporte e compatibilidade com o plugin Yoast SEO.

Contras:

  1. Não é amigável para iniciantes: você não precisa de nenhum conhecimento de codificação para usar este plugin, mas pode ser opressor para os iniciantes. Tem muitos módulos que você nunca pode usar.
  2. Baseado em códigos curtos: se você desinstalar o plugin, perderá todo o conteúdo ou o conteúdo deixará de funcionar.

Nossa opinião: você pode usar o plugin WPBakery Page Builder para WordPress se estiver procurando um poderoso construtor de páginas por um preço razoável (US $ 45). Melhor para os usuários com alguma experiência em desenvolvimento.

Saiba mais e baixe o plug-in

Ir para o topo

4. The Divi Builder (Premium $ 89)

Plugin Divi Builder

Divi Builder é um incrível plugin de criação de páginas da Elegant Themes . É a ferramenta poderosa por trás do popular tema Divi, que agora está disponível para qualquer outro tema. O plugin fornece uma interface de arrastar e soltar altamente intuitiva. Você pode construir quase qualquer coisa visualmente sem tocar em nenhum código. Existem mais de 40 blocos / módulos de conteúdo lindamente projetados que você pode arrastar e soltar, misturar e combinar e construir páginas da web deslumbrantes.

Interface do editor de página Divi

Além disso, tem mais de 20 layouts predefinidos incríveis. Você pode escolher layouts adequados e começar a construir suas páginas.

Principais recursos do Divi Builder:

  1. Possibilidades infinitas de layout : Crie qualquer tipo de design com 3 tipos de seção, tipos de 20 linhas e mais de 40 módulos de conteúdo.
  2. Adicionar CSS personalizado : Se você é bom em escrever códigos CSS bonitos, coloque a mão na massa. Possui opções de CSS customizado.

Prós:

  1. Construtor de páginas final amigável ao desenvolvedor : O plugin tem muitas opções que permitem construir qualquer coisa, qualquer design que você possa imaginar. É amigável ao desenvolvedor e adequado para sites profissionais.

Contras:

  1. Não para iniciantes : em primeiro lugar, você não pode comprar este plugin SOMENTE. Você deve adquirir pelo menos o pacote de acesso anual que vem com acesso a todos os temas e plug-ins. É bastante caro, pois o custo mínimo é de US $ 89 para o acesso anual.

Nossa opinião: se você está planejando criar vários sites para seus clientes ou agência, é uma escolha perfeita. Você obterá este construtor de páginas junto com vários outros plug-ins e temas de Elegant Themes.

Saiba mais e baixe o plug-in

Ir para o topo

5. Beaver Builder (Grátis + Premium $ 99 para o plano Padrão)

WordPress-Page-Builder-Beaver-Builder

Beaver Builder é um criador de conteúdo visual avançado para WordPress . Ele permite que você estruture e crie lindas páginas, postagens de seu site com suporte total para arrastar e soltar. Com o plugin Beaver Builder, você pode editar o front-end com visualização em tempo real; adicione linhas, reordene e redimensione as colunas como desejar. Você pode encontrar a versão gratuita e paga do plugin.

Interface de edição do plugin Beaver Builder

O plugin permite adicionar áudio, HTML, foto, editor de texto e vídeo como módulos básicos e a barra lateral como módulo avançado. O plug-in Beaver Builder funciona bem com qualquer tema e plug-in personalizado. Você pode usar widgets WordPress, bem como outros widgets personalizados, para construir belas páginas.

Principais características do Beaver Builder:

  1. Módulos de conteúdo : adicione qualquer tipo de conteúdo de sua preferência, escolhendo entre os módulos de conteúdo disponíveis; HTML, foto, editor de texto, áudio, vídeo e barra lateral.
  2. Compatível com dispositivos móveis / responsivo: as páginas criadas com o plug-in Beaver Builder serão 100% responsivas (certifique-se de que o tema seja totalmente responsivo).
  3. Modelos reutilizáveis: tem vários modelos de página bonitos que você pode usar. Além disso, você pode salvar os modelos criados e reutilizá-los posteriormente.

Prós:

  1. Suporte WooCommerce : Beaver Builder tem integração mais profunda com o plugin WooCommerce. Projetar páginas de comércio eletrônico é realmente fácil com este plugin.
  2. Amigável para o desenvolvedor : os desenvolvedores podem facilmente estender e personalizar o plug-in por meio de widgets ou usando o poderoso módulo customizado clichê.

Contras:

  1. Módulos limitados na versão GRATUITA : o plugin Beaver Builder tem um número limitado de módulos na versão gratuita. Você precisa atualizar para a versão premium para mais módulos.
  2. Caro: o plano Beaver Builder mais barato está disponível por US $ 99.

Nossa opinião: se você deseja ter um criador de páginas que permita editar seu conteúdo no back-end e no front-end ao mesmo tempo, é uma boa escolha. Instale a versão GRATUITA para o editor simples e Premium para um editor mais avançado.

Baixe o plug-in de graça View Premium

Ir para o topo

6. Live Composer Page Builder (GRATUITO)

Plug-in do Live Composer

O Live Composer é um plug-in de construtor de páginas do WordPress rico em recursos . É um editor de front-end para WordPress que permite que você edite seu site com facilidade. O plug-in é totalmente GRATUITO, mas oferece muitos recursos avançados, permitindo que você crie páginas da web incríveis em um piscar de olhos. Existem mais de 30 módulos de conteúdo incríveis com suporte completo para arrastar e soltar. O plugin permite que você crie páginas incríveis em tempo real com visualizações ao vivo.

Interface do Live Composer

O plugin oferece opções de personalização avançada para cada linha, cada coluna, widget ou módulo. Todas as opções são facilitadas para os usuários não codificadores, enquanto a caixa CSS personalizada também está disponível para designers e desenvolvedores.

Principais recursos do Live Composer:

  1. Edição de front-end ao vivo: Como o nome sugere, oferece um editor de conteúdo ao vivo de front-end incrível. Você verá o design que você faz simultaneamente.
  2. Importar , exportar seções e layouts : Você pode exportar as seções ou páginas e importá-los em outras páginas. Isso torna sua tarefa muito mais rápida.

Prós:

  1. Plug-in poderoso GRATUITO : Você obtém este plug-in avançado GRATUITAMENTE. Todos os incríveis módulos e opções de estilo estão lá no plug-in do Live Composer, que o lembra de um plug-in premium.

Contras:

  1. Distração para iniciantes: O plugin parece bastante difícil e distrativo para iniciantes. Adicionar linhas é fácil, mas separar em colunas pode levar tempo. Na parte inferior, há uma barra de notificação que mostra atualizações do Live Composer como anúncios que podem distraí-lo.

Nossa opinião: se você está procurando um plugin avançado GRATUITO, é uma boa escolha. O editor front-end ao vivo e muitos módulos disponíveis no plugin são os benefícios reais.

Saiba mais e baixe o plug-in

Ir para o topo

7. Themify Builder (Grátis + Premium $ 39)

Construtor Themify

Themify Builder é mais um poderoso construtor de páginas para WordPress . Você pode construir facilmente layouts de sites responsivos usando uma estrutura intuitiva de arrastar e soltar. O plugin está disponível gratuitamente, bem como na versão paga. Existem cerca de 20 módulos úteis na versão gratuita do plugin. Você pode arrastar e soltar os módulos facilmente na interface de back-end e no modo de front-end.

themify-builder-features

Além disso, o plugin permite que você importe e exporte os módulos / layouts, copie e cole ou duplique os módulos existentes sempre que necessário.

Principais recursos do Themify Builder:

  1. Linhas e colunas fáceis e responsivas : Crie facilmente grades com linhas e colunas responsivas. Redimensione e reordene as colunas como desejar.
  2. Estilo personalizado : você pode personalizar várias opções de estilo, incluindo fontes do Google, cor de fundo, preenchimento, margem, borda etc.

Prós:

  1. Edição ao vivo amigável para iniciantes : o plugin Themify Builder tem uma interface simples e limpa. Iniciantes sem experiência em codificação também podem desfrutar de uma experiência simples de edição ao vivo.

Contras:

  1. Opções limitadas na versão GRATUITA : Está disponível gratuitamente, mas tem recursos e módulos limitados na versão gratuita.

Nossa opinião : Themify Builder é muito semelhante ao plug-in gratuito de criação de páginas do SiteOrigin. É uma boa escolha se você deseja testar um plug-in gratuito primeiro e depois atualizar para a versão paga para obter mais recursos.

Saiba mais e baixe o plug-in

Ir para o topo

8. Editor de conteúdo do MotoPress (grátis + premium $ 29)

WordPress-Page-Builder-by-MotoPress

O Editor de Conteúdo do MotoPress é outro plugin simples do WordPress para a construção de belas páginas da web . Você pode usar o plugin com qualquer tema que estiver usando no momento. É um editor de front-end do WordPress que oferece uma interface fácil com mais de 30 módulos de conteúdo integrados . Qualquer pessoa sem habilidades de codificação pode criar páginas da web de design exclusivo usando este plug-in.

motopress-front-end-editor-plugin-backend

A organização dos módulos de conteúdo é melhor com este plugin. Conforme mostrado na captura de tela acima, você encontrará todos os módulos relacionados ao texto disponíveis dentro da caixa de texto 'T', módulos relacionados à imagem dentro da caixa da imagem e assim por diante.

Principais recursos do Editor de conteúdo do MotoPress:

  1. Layouts prontos para dispositivos móveis responsivos: você pode criar layouts da Web totalmente adaptáveis ​​para dispositivos móveis usando este plug-in.
  2. Mais de 30 módulos de conteúdo integrados: Use mais de 30 módulos de conteúdo integrados e projete suas páginas da web.

Prós:

  1. Funciona com suas páginas e postagens existentes : você pode habilitar o editor visual em suas páginas e postagens existentes e redesenhá-las. A maioria dos outros construtores de páginas não oferece suporte à edição em páginas existentes.

Contras:

  1. Personalização e estilo limitados dos módulos : Existem algumas configurações e opções de estilo para os módulos, mas eles não são tão flexíveis quanto em outros construtores de páginas.

Nossa opinião : o Editor de conteúdo do MotoPress é simples e básico em sua versão GRATUITA. A versão premium para um site é uma solução premium mais barata.

Baixe o plug-in de graça View Premium

Ir para o topo

9. Pedra angular (Premium $ 39)

Construtor de páginas de base

Cornerstone é um plugin premium de criação de páginas WordPress disponível no mercado de plugin CodeCanyon. É um dos plug-ins mais populares lá. É um criador de páginas 100% front-end que funciona tanto com páginas quanto com postagens. Essa abordagem torna sua tarefa muito mais rápida, reduzindo o tempo que você pode levar ao salvar as alterações e visualizá-las em outra guia / janela. Possui mais de 40 elementos que podem ser arrastados e soltos em qualquer parte de suas páginas.

Principais características do Cornerstone:

  1. Página Cornerstone e templates de bloco : O plugin traz alguns templates de página pré-construídos que permitem construir páginas incríveis na velocidade da luz.
  2. Interface incrível do tipo app : possui uma interface intuitiva e descomplicada para que os usuários fiquem inspirados.

Prós:

  1. Fácil de usar: o plugin Cornerstone é relativamente mais fácil com sua interface simples e limpa.
  2. Edição de CSS ao vivo: Se você é um web designer profissional com boas habilidades em CSS, o plugin é incrível para você. Você pode adicionar estilos CSS com visualizações ao vivo.

Contras:

  1. Menos personalização de elementos : em comparação com outros criadores de páginas premium, como o Divi Builder, ele tem menos opções de personalização de elementos.
  2. Códigos de acesso : Como a maioria dos construtores de páginas, é baseado em códigos de acesso. Conforme você desinstala o plug-in, o conteúdo da página pode parar de funcionar.

Nossa opinião: se você está procurando um plugin premium de arrastar e soltar para criar páginas com interface de usuário front-end verdadeiramente intuitiva, é uma boa escolha. É perfeito para usuários de nível médio.

Saiba mais e baixe o plug-in

Ir para o topo

10. Page Builder Sandwich (Grátis + Premium $ 39 para um único site)

Page-Builder-Sandwich-Front-End-Page-Builder

O Page Builder Sandwich é outro incrível editor front-end do WordPress . O plugin está disponível na versão gratuita e na versão paga. Existem mais de 10 blocos de conteúdo aos quais você pode adicionar as colunas. Além disso, o plug-in oferece suporte a todos os outros widgets padrão do WordPress e widgets personalizados. Existem módulos extensos na versão paga.

Principais recursos do Page Builder Sandwich:

  1. Mapeamento global de shortcode : Shortcodes de plug-ins populares do WordPress como WooCommerce, NextGEN Gallery, JetPack são mapeados permitindo que você adicione e edite facilmente em suas páginas.
  2. Simplesmente a melhor edição ao vivo : Possui uma interface simples e fácil para edição de front-end. Você pode facilmente arrastar e soltar os elementos e adicionar seu conteúdo personalizado e, simultaneamente, visualizar o design.

Prós:

  1. Sem necessidade de codificação: o plugin é um editor de conteúdo totalmente de arrastar e soltar, o que torna possível criar belas páginas sem escrever nenhum código.

Contras:

  1. Módulos limitados no plug-in gratuito: O plug-in também está disponível na versão GRATUITA, mas possui elementos de conteúdo limitados. Ele pede que você atualize para a versão premium para desbloquear outros recursos.

Nossa opinião : é um construtor de páginas relativamente novo. Se você deseja uma alternativa aos construtores de páginas existentes com interface de usuário simples, está pronto para ir.

Baixe gratuitamente Vista Premium

Ir para o topo

Empacotando

O uso de construtores de páginas se tornou uma tendência hoje em dia entre todos, incluindo desenvolvedores e usuários de temas do WordPress. A maioria dos novos temas hoje em dia vem com integração de construtor de páginas embutido e uma série de widgets para trabalhar com ele. Por exemplo, você pode verificar nosso tema Flash que é construído com uma integração mais profunda ao Construtor de páginas do SiteOrigin e um plugin complementar Flash Toolkit que contém mais de 10 widgets úteis . Se você está iniciando um novo projeto, um tema como Flash com construtor de páginas integrado pode ser uma vantagem.

Se você quiser saber mais sobre o tema Flash, confira este post ' Apresentando o Flash - Tema Multiuso GRATUITO mais flexível '.

Mas se você estiver usando qualquer outro tema e quiser reestruturar e redesenhar as páginas, esses plug-ins de construtor de páginas podem ser úteis para você. Você pode instalar qualquer um dos plug-ins acima, dependendo de sua necessidade, e criar sites de ótima aparência instantaneamente.

Tem algo a dizer sobre esta lista?

Sinta-se à vontade para escrever abaixo.