20+ Melhores plugins para WordPress de arrastar e soltar páginas

Os melhores plugins WordPress para arrastar e soltar páginas

À medida que as plataformas de criação da Web evoluem para incluir aqueles que não são necessariamente versados ​​no mundo do código, os criadores de páginas de arrastar e soltar abrem o caminho para permitir que as pessoas esqueçam de ter que olhar para um editor de texto sem graça do WordPress para criar sites ganham vida.


Um construtor de páginas de arrastar e soltar conclui duas tarefas:

  1. permite que você realmente veja o que está criando enquanto o cria e
  2. reduz o tempo necessário para construir um site.

Vamos ser sinceros: arrastar e soltar componentes é sempre mais rápido e você não precisa alternar entre o back-end e o front-end do seu site para ver os resultados.

Os editores de arrastar e soltar são impressionantes para iniciantes e especialistas que desejam acelerar sua produção. Vamos dar uma olhada nos melhores plug-ins do WordPress para criar e arrastar páginas para você escolher. Você também pode conferir nosso guia para arrastar e soltar a criação de páginas, se estiver um pouco nervoso com o assunto.

Aviso Legal: O WPExplorer é afiliado de um ou mais produtos listados abaixo. Se você clicar em um link e concluir uma compra, poderemos fazer uma comissão.

1. WPBakery Page Builder (US $ 46 ou Grátis com Total)

Editor de front-end do Visual Composer

Informações e DownloadVer a demonstração

O plug-in WPBakery Page Builder é um dos plug-ins de arrastar e soltar mais vendidos no mercado. E por um bom motivo, é um plugin premium muito legal. É tão bom que incluímos (de graça) no nosso tema mais vendido Total. Com o construtor de páginas visuais do WPBakery, você escolhe se deseja criar seu site no front-end ou no back-end. Ele também funciona com qualquer tema que você escolher instalar no seu site WordPress, e os mais de 40 elementos de conteúdo que o plug-in inclui estão prontos para uso imediato..

Outra grande característica deste plugin é a sua flexibilidade. Você pode adicionar facilmente mais módulos se souber o que está fazendo. De fato, adicionamos vários elementos personalizados do construtor ao nosso tema Total WordPress usando o WPBakery Page Builder, como caixas de ícones, marcos, grades de tipos de postagem e muito mais. Ou você pode usar uma das centenas de extensões premium para adicionar os recursos que desejar ou precisar.

2. Elementor (Grátis)

Página inicial do Elementor Live Page Builder

Informações e DownloadVer a demonstração

Elementor Live Page Builder é um editor de código-fonte aberto que leva a criação de páginas de arrastar e soltar para o próximo nível. Na verdade, foi o primeiro construtor de páginas gratuito com recursos completos de design, uma interface de usuário única e super amigável e uma interface de resposta rápida e sem atraso que ainda é muito mais rápida que a concorrência. Esse avançado construtor de arrastar e soltar páginas ao vivo fornece resultados instantâneos, para que você não precise esperar pelas alterações entrarem em vigor. Isso pode parecer insignificante a princípio, mas essas alterações incrementais se somam e não demorará muito para que a Elementor economize horas em tempo de criação de página.

O Elementor pode ser usado com qualquer tema e em qualquer tipo de página; portanto, vá para a cidade em sua página inicial, páginas de vendas, postagens de blog e muito mais. As opções de layout intuitivo do Elementor permitem alterar facilmente tudo, desde largura e altura da seção, posição da coluna e do conteúdo, bem como configurações de preenchimento e margem.

Desde o lançamento, muitos lançamentos e atualizações foram feitas. Mais inspirado por solicitações dos usuários. Um dos principais lançamentos foi a Biblioteca de modelos, com a capacidade de salvar páginas e seções como modelos e usar um dos muitos modelos pré-projetados e feitos com muito bom gosto, adicionados à página com um clique. O outro grande lançamento foi a Mobile Editing, o primeiro conjunto de ferramentas para personalizar qualquer página e torná-la responsiva e bonita em qualquer dispositivo. É a primeira vez que os designers podem tornar uma página totalmente responsiva sem codificação. A edição móvel nunca teve recursos como a capacidade de definir tamanhos diferentes por dispositivo, a capacidade de reordenar colunas por dispositivo, para que você tenha controle sobre o layout móvel, a capacidade de definir preenchimento, margem e alinhamentos diferentes por dispositivo e muitos outros recursos exclusivos.

Outro ótimo recurso do Elementor é que todos os seus widgets e plug-ins de terceiros estão automaticamente disponíveis para você arrastar e soltar nas suas páginas. Além disso, o Elementor vem com vários widgets personalizáveis, 400 ícones exclusivos e mais de 600 Fontes do Google.

A melhor parte? É grátis! E é provavelmente o melhor construtor de páginas gratuito na web.

3. WP Page Builder (Grátis)

WP Page Builder por Themeum

O WP Page Builder é uma opção fácil para criar suas próprias páginas personalizadas. O construtor de arrastar e soltar é tão simples quanto clicar em um botão – literalmente. Escolha o módulo que você deseja adicionar, edite as opções, clique e arraste para redimensionar ou arraste e solte para reordenar elementos em sua página.

Atualmente WP Page Builder inclui mais de 60 blocos de páginas para escolher. Com opções para acordeões, alertas, ícones, caixas de recursos, tabelas de preços, vídeo, foco de imagem e muito mais, não há nada que você não possa criar! O plug-in também suporta até 6 colunas, todas totalmente responsivas e prontas para dispositivos móveis. Ao criar um layout que você ama, você pode salvá-lo na sua biblioteca para reutilizá-lo ou usar um bloco pré-projetado para acelerar a criação do site. E se você ama o plug-in, pode atualizar para o premium para receber suporte, atualizações e pacotes de layout impressionantes.

4. Beaver Builder (US $ 99)

beaver_builder

Informações e DownloadVer a demonstração

O plug-in Beaver Builder é um construtor de páginas de arrastar e soltar premium, mas você também pode pegar a versão lite acessando o Plugins painel no painel do WordPress. O plug-in também vem com um tema, se você optar por um dos planos premium, e alguns oferecem até recursos para vários sites.

Mas o motivo pelo qual este é um dos melhores plug-ins de arrastar e soltar criadores de páginas é porque muitos temas já vêm com os construtores de páginas, mas bloqueiam as alterações no seu tema. O que acontece se você quiser mudar o tema? O Beaver Builder é um plug-in de terceiros, portanto, não bloqueia suas alterações em um tema ou design específico. Você sempre pode mudar as coisas sem ter que começar de novo em seus projetos iniciais.

Então, o que o BeaverBuilder pode fazer? Grande quantidade! O plug-in vem com mais de 20 elementos de página (incluindo texto, títulos, separadores, imagens, galerias, vídeos, ícones, controles deslizantes de conteúdo, formulários de contato, links sociais, depoimentos, produtos, mapas, postagens recentes, frases de chamariz, botões e muito mais) que você pode inserir, arrastar e soltar no lugar e editar tudo com apenas alguns cliques do mouse. Você também pode arrastar e soltar todos os widgets que você ativou para criar barras laterais personalizadas para suas páginas (uma ótima opção, pois você pode querer mostrar widgets diferentes na página da loja e no blog).

Ah, e também é compatível com o WooCommerce. Isso significa que você pode criar páginas impressionantes da loja, tão impressionantes quanto a sua empresa. Você pode arrastar e soltar produtos recentes, análises mais recentes, itens de venda, todos os seus widgets WooCommerce e muito mais.

O Beaver Builder também é totalmente responsivo para ter uma ótima aparência em todos os seus dispositivos, pode ser estendido através de APIs para módulos personalizados (para que você possa adicionar elementos de página específicos de nicho, como menus de restaurantes, perfis de funcionários, listagens de propriedades ou qualquer outra coisa), e o plugin tradução pronta. Então, o que está impedindo você? Vá para a demonstração para experimentar o BeaverBuilder ao vivo – e obtenha uma cópia para o seu site WordPress hoje!

Veja uma revisão detalhada sobre o plug-in Beaver Builder, se você quiser saber mais, e lembre-se de que esse plug-in salva suas alterações se você decidir parar de usar o Beaver Builder. Esse nem sempre é o caso de alguns plug-ins do construtor de páginas.

5. Temas elegantes Divi Builder ($ 89)

Temas elegantes Divi Builder

Informações e DownloadVer a demonstração

O Elegant Themes Divi Builder oferece infinitas possibilidades para criar designs de páginas incríveis. Nesse construtor intuitivo, você simplesmente empilha as linhas de colunas e adiciona quantos elementos desejar. O Divi Builder vem com mais de 40 módulos embutidos, incluindo controles deslizantes, contadores e botões. Cada módulo vem com muitas opções de personalização, incluindo uma guia CSS personalizada, caso você precise adicionar seu próprio código.

O plug-in Divi Builder está incluído na associação anual do Elegant Themes. Por US $ 89, você tem acesso a todos os plugins e temas – incluindo o tema Divi mais vendido.

6. Construtor de Páginas por SiteOrigin (Grátis)

Page Builder por SiteOrigin

O plugin Page Builder é uma opção totalmente gratuita que incorpora widgets do WordPress para ajudá-lo a criar e modificar designs de página responsivos. Como o plug-in usa widgets, é fácil para os iniciantes aprenderem. Além disso, não faz muita coisa mudar a interface do seu painel do WordPress.

A edição ao vivo é maravilhosa para ver suas alterações imediatamente, e a guia Histórico funciona bem para rolar para trás e ver todas as alterações. Então, se você cometer um erro, você pode voltar e fazê-lo novamente.

7. Editor de conteúdo do MotoPress (US $ 29)

Informações e DownloadVer a demonstração

O MotoPress Content Editor é um plug-in WordPress de construtor de páginas que facilitará a criação, edição e personalização de suas postagens e páginas do WordPress. É um plug-in premium, mas você pode sempre brincar com a demonstração se não tiver certeza de pagar imediatamente. Esse plug-in substitui completamente o editor padrão do WordPress, para que o padrão não atrapalhe você arrastando e soltando todos os seus componentes.

Este plugin inteligente é um editor de conteúdo e página que se integra à maioria dos temas do WordPress e substitui o editor padrão do WordPress quando instalado. Isso lhe dá maior controle sobre a aparência de suas postagens e páginas. Lembre-se de que o MotoPress pode personalizar apenas o conteúdo que você cria enquanto usa o plug-in (isso significa que qualquer conteúdo que você adicionou antes da instalação do plug-in não pode ser editado usando o MotoPress e você deve usar o editor padrão do WordPress).

O MotoPress inclui vários ótimos elementos de página (como botões, tabelas, espaçamento, caixas de texto e mais) que você pode usar para criar layouts personalizados. A maioria dos elementos inclui opções adicionais para margens, alinhamento, links, cores, tamanho e até nomes de classes personalizadas (para os desenvolvedores por aí). Para adicionar um elemento, basta arrastar e soltar da barra do editor no lugar. Em seguida, clique no elemento para fazer ajustes adicionais. Este incrível editor de front-end tornará mais fácil do que nunca criar páginas e editar seu conteúdo.

Outros excelentes recursos incluem um design responsivo, tipos de postagem personalizados, compatibilidade e extensão WPML via códigos de acesso. Além disso, o plug-in inclui atualizações regulares e suporte total do autor do plug-in, para garantir que ele esteja sempre funcionando perfeitamente..

8. Themify Builder (Grátis)

Themify Builder Lite

O Themify Builder fornece um editor de back-end e front-end, para que você tenha a flexibilidade de escolher onde deseja fazer sua edição. Este plugin funciona com qualquer tema e vem com muitas opções para criar as páginas perfeitas para o seu site. No editor, você pode duplicar facilmente módulos e linhas e importar ou exportar layouts do Themify com facilidade.

A versão premium do plugin custa US $ 39 e oferece recursos úteis adicionais, como mais de 60 layouts predefinidos e dezenas de efeitos de animação.

9. Nimble Page Builder (Grátis)

Baixar Nimble Page Builder

O plug-in Nimble Page Builder oferece funcionalidade de arrastar e soltar gratuita com um layout poderoso e designs totalmente responsivos para que as pessoas possam visualizar seu site em diferentes dispositivos. Você também pode adicionar convenientemente elementos como colunas, imagens, formulários de contato, efeitos de paralaxe, tweets e muito mais.

Eu realmente gosto do fato de que você pode adicionar widgets a qualquer página do seu editor do WordPress. Simplesmente arraste e solte qualquer widget padrão no seu editor de páginas e você poderá começar a editar imediatamente.

10. Live Composer Site Builder (Grátis)

Live Composer Site Builder

O Live Composer é um plugin WordPress premium para criadores de conteúdo front-end – que passa a ser gratuito agora! Com esse plug-in, você pode criar rapidamente layouts de conteúdo personalizados no front-end do seu tema – o que significa que você pode ver seu conteúdo enquanto o cria.!

Existem muitos construtores de páginas disponíveis que usam apenas o editor do WordPress para criar layouts de postagem ou página. Embora essa ainda seja uma maneira super fácil de criar seu site inserindo blocos de conteúdo, não seria ainda mais fácil se você pudesse ver seu conteúdo real ao adicioná-lo? Com o Live Composer você pode. Basta instalar o plug-in no seu site WordPress e começar a construir no front-end!

O Live Composer vem com mais de 30 módulos que você pode usar para criar layouts de página. Com opções para postagens recentes, imagens, itens de portfólio, produtos WooCommerce, comentários, miniaturas, widgets, controles deslizantes e muito mais, você pode criar praticamente qualquer layout que desejar ou precisar. Além disso, como você pode ver o que está criando ao criar suas páginas, isso significa menos atualização da página e mais tempo economizado.

Outros recursos do plug-in incluem opções responsivas, muitas opções de módulo (cores, fontes, bordas, planos de fundo, etc.), suporte a modelos, controles de acesso (para que apenas os usuários escolhidos possam acessar o compositor) e muito mais. Além disso, existem até tutoriais interativos para que você possa entender o plugin o mais rápido possível e começar a criar seus próprios layouts de postagem e página personalizados hoje.

11. FormCraft Drag and Drop Form Builder (Grátis)

FormCraft - Construtor de formulários para WordPress

Este não é exatamente um construtor de páginas completas, mas permite criar formulários usando um editor de arrastar e soltar. O FormCraft permite criar rapidamente um formulário impressionante e você pode gerenciar envios com facilidade. Também estão incluídos formulários pop-up e em linha. Devo também mencionar que o criador do plug-in incluiu alguns tutoriais para você começar.

Mas se você quiser mais recursos, confira a versão premium do plug-in – ele pode fazer muito mais do que seu equivalente gratuito. Saiba mais sobre o plugin FormCraft Drag & Drop Form Builder aqui.

12. Prospere Architect Content Builder ($ 67)

Prospere o Architect Content Builder

Informações e DownloadVer a demonstração

Thrive Content Builder é um editor de front-end intuitivo que permite editar rápida e facilmente seu site WordPress. Os criadores deste plug-in estão em uma missão para levar a edição WYSIWYG (o que você vê é o que você obtém) para o próximo nível. Ele funciona com um princípio básico, mas conveniente e intuitivo de clicar para editar. Se você deseja editar um elemento, basta clicar nele e começar a editar.

Além da edição intuitiva do front-end, o Thrive Content Builder também vem com muitos outros ótimos recursos, como botões de call to action (CTA), um elemento de depoimento e tabelas de preços responsivas.

13. Construtor de Páginas Sanduíche (Grátis)

Page Builder Sandwich - Construtor de Páginas Front-End

O Page Builder Sandwich é outro editor de front-end super simples de usar. Os autores se orgulham de ter criado edição de front-end “pop-less-less”. Você simplesmente clica no conteúdo que deseja editar e começa a digitar. Uma grande característica deste plugin é seu vasto banco de dados global de mapeamento de códigos curtos. Nesse banco de dados, você pode acessar facilmente códigos de acesso de centenas de plugins populares como Jetpack, WooCommerce e bbPress. Para adicionar vídeos ao construtor, basta colar um URL ou código de incorporação e pronto.

Enquanto a versão Lite é gratuita, você pode atualizar para o Versão Premium por US $ 39. Isso oferece vários recursos adicionais, como controles aprimorados de mapeamento de códigos de acesso e um elemento deslizante do carrossel.

14. Construtor de front-end (US $ 57)

Página inicial do Frontend Builder

Informações e DownloadVer a demonstração

O Frontend Builder é outra ótima opção, se você preferir fazer sua edição no front end. Com esse construtor, você cria uma página no backend e ativa o construtor para essa página. Você então pula para o front end e cria o conteúdo da sua página a partir daí.

Crie o layout da página adicionando linhas e dividindo-as em várias colunas. Em seguida, você pode arrastar, soltar e editar os elementos da página desejados para concluir seu design. Elementos, incluindo títulos, botões, formulários e menus, são todos personalizáveis ​​na interface principal.

15. Cornerstone Page Builder ($ 39)

Página de visualização do Cornerstone Page Builder

Informações e DownloadVer a demonstração

O Cornerstone Page Builder é um editor de front-end que pode ser usado com páginas e postagens. Esse construtor intuitivo e livre de desordem permitirá que você adapte seu conteúdo de maneira rápida e fácil, sem precisar alternar entre as telas. Um recurso interessante deste plugin é o Modo esqueleto que permite visualizar a estrutura da sua página (ou esqueleto) com o clique de um botão. O Cornerstone também vem com uma biblioteca continuamente atualizada de elementos, modelos e ferramentas de terceiros.

16. Rei Compositor (Grátis)

KingComposer - Construtor de páginas grátis de arrastar e soltar

A versão gratuita do King Composer oferece um editor responsivo de arrastar e soltar. Nessa interface de usuário intuitiva, você pode criar e organizar seu conteúdo adicionando linhas, colunas e elementos. Um ótimo recurso que diferencia esse construtor de boa parte da concorrência é que as páginas criadas com o King Composer permanecerão intactas, mesmo se você desativar ou excluir o plug-in.

Se você preferir trabalhar com um editor de front-end, pode atualizar para o King Composer Pro por US $ 29 e obter a capacidade de criar páginas a partir do front-end ou back-end.

17. Brix Builder (Grátis)

Brix: construtor de páginas WordPress

O Brix Builder é um construtor de arrastar e soltar que oferece controle total sobre todos os detalhes do design da sua página. Seu sistema de grade avançado e interface intuitiva permitem criar resultados surpreendentes. O Brix Builder foi projetado para ser modular e escalável para que possa ser estendido ao longo do tempo sem problemas.

Este plug-in vem com 16 módulos, ou blocos de construção, variando de texto e imagens básicos a recursos mais avançados, como módulos de progresso e contador. Ele também inclui a biblioteca Font Awesome, paletas de cores internas e efeitos de entrada para controlar como os elementos aparecem na rolagem.

18. Brizy Page Builder (Grátis)

Brizy Page Builder

Brizy é um construtor de páginas de front-end com opções incríveis, especialmente para um plug-in gratuito. Brizy prepara seu conteúdo em vez de forçá-lo a trabalhar em páginas publicadas. Dessa forma, você pode editar suas páginas no front-end, mas elas não serão publicadas até que você esteja pronto para a publicação. Outra grande característica do Brizy é que existem mais de 150 blocos pré-fabricados – para que você possa criar rapidamente suas páginas em minutos!

19. Construtor de Páginas em Negrito (Grátis)

Negrito Page Builder

O Bold Page Builder é um construtor de páginas de arrastar e soltar projetado para funcionar perfeitamente com os temas padrão de 2016 e 2017 do WordPress. É uma maneira rápida, fácil e gratuita de criar um site de nicho melhor, começando com um desses temas básicos gratuitos.

A interface intuitiva do plug-in é adequada para criar a maioria dos tipos de páginas. Ele suporta muitos tipos de elementos, incluindo vídeo, grades de alvenaria, imagens e rich text. Também suporta a biblioteca de ícones Font Awesome, para que você possa personalizar facilmente suas páginas com qualquer ícone.

20. Cornerstone e o pacote Ultimate Elements

Cornerstone Page Builder

Informações e DownloadVer a demonstração

Dos criadores do X Theme, o Cornerstone é um excelente plug-in do construtor de páginas, trazendo os elementos básicos do seu principal tema no formato de plug-in do WordPress. Cornerstone é um construtor de páginas de front-end com opções para postagens e páginas personalizadas. Adicione botões, cotações em bloco, mapas, barras de habilidades, controles deslizantes, guias, tabelas de preços e muito mais.

Mas ficou ainda melhor quando combinado com uma extensão Cornerstone, como os Addons essenciais para Cornerstone.

O plug-in apresenta uma variedade de novos elementos, principalmente um novo recurso de controle deslizante de carrossel. Você pode preencher esses carrosséis com todos os tipos de conteúdo – imagens, logotipos, depoimentos, membros da equipe, postagens em blogs e até produtos WooCommerce. Cada carrossel também oferece muitas opções de personalização, com uma variedade de estilos, layouts, tamanhos e botões de rolagem. Você também pode criar um esquema de cores personalizado e fazer upload de uma imagem de plano de fundo personalizada para eles, oferecendo uma plataforma para mostrar seu talento criativo.

Outros módulos incluem uma grade de imagens do Instagram e, meus favoritos pessoais, promoções interativas.

21. WordPress Page Builder da AZEXO

WordPress Page Builder por AZEXO

O WordPress Page Builder da AZEXO é o resultado de inúmeras tentativas e erros durante o desenvolvimento de temas do WordPress para a equipe Themeforest by AZEXO. Eles investigaram quase todos os construtores de páginas disponíveis no mercado e prontos para integração com temas de WordPress de terceiros.

Eles procuraram o construtor ideal para usuários e desenvolvedores com as seguintes condições em mente:

  1. Construtor de página front-end 100% com o mínimo possível de caixas de diálogo pop-up – para que cada mudança de página seja iniciada com o clique esquerdo ou direito do mouse, diretamente acima do objeto.
  2. O CSS / HTML / JS de front-end do construtor deve garantir que não interfira no funcionamento da página – zero conflito de CSS e JS para todo o ambiente possível.
  3. Criação de páginas com seções prontas para que o usuário possa construir páginas com a máxima velocidade possível.
  4. Controle total de front-end para quase todos os estilos CSS de cada tag HTML – se o usuário precisar.
  5. Desempenho do Front-end Builder – não mais que 500 milissegundos para cada ação, mesmo em páginas grandes.
  6. É impossível quebrar a página com ações descuidadas – arraste e solte, por exemplo.
  7. Mínimo possível, atributos e classes especiais necessários para o funcionamento do Front-end Builder.
  8. Cada seção / elemento / bloco – implementado via HTML puro sem geração de PHP (um local para o código-fonte) – para facilitar o desenvolvimento e a customização da seção / elemento / bloco
  9. O Construtor de Páginas não deve adicionar novas tags, atributos, classes para fins internos – apenas ajuda o usuário a alterar o HTML criado pelo desenvolvedor.

Como o AZEXO não conseguiu encontrar um produto que satisfizesse todas essas condições simultaneamente, eles decidiram criar o novo WordPress Page Builder para usar em seus temas. Eles decidiram não desenvolver um editor de estilos CSS front-end, mas tornaram o construtor de páginas compatível com uma solução disponível muito boa no mercado para essa tarefa – Yellow Pencil.

Depois que os desenvolvedores integraram esse construtor de páginas ao processo de desenvolvimento de temas do WordPress, eles puderam aumentar sua velocidade em cerca de 20 a 30%. Eles também nunca gastam seu tempo com conflitos de CSS / JS e agora podem mesclar novos temas em seções únicas / elementos / biblioteca de blocos que podem ser combinados entre si.

22. Gutenberg (grátis)

Gutenberg WordPress Editor

Construído no WordPress 5.0 Gutenberg é uma opção para sites mais novos que procuram um editor de conteúdo simples. Eu provavelmente não chamaria isso de criador de páginas, mas inclui muitas opções para criar postagens ou layouts de página simples. Embora nem tão rico em recursos quanto as opções acima, o Gutenberg ofereça aos usuários blocos para parágrafos, títulos, código, mídia, comentários, listas, etc..

Concluindo os melhores plugins WordPress para arrastar e soltar construtores de páginas

Todos devem usar os plugins WordPress do construtor de páginas de arrastar e soltar, porque melhoram sua produtividade e economizam dinheiro a longo prazo. Se você tiver alguma dúvida sobre esses plugins, solte uma linha na seção de comentários abaixo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map