Divi vs Visual Composer: Qual vale o seu dinheiro? (2024)

WordPress PageBuilder Showdown - Comparação entre Visual Composer e Divi

Construir um site pode ser uma tarefa árdua para muitos. No entanto, o fato da questão é que você pode vencer qualquer batalha se tiver as ferramentas certas. E construir um site não é exceção. Existem várias ferramentas disponíveis para escolher, e os construtores de páginas WordPress de arrastar e soltar são uma dessas ferramentas que ganhou muita popularidade recentemente. Esses construtores de páginas são úteis quando você precisa de uma maneira fácil de construir seu site WP.

criador de páginas divi vs visual composer

Resumo do Divi vs Visual Composer

divi builder plug-in

VS

compositor visual

Eficácia

Divi oferece fimless possibilidades de layout, enquanto o Visual Composer vem com recursos adicionais que podem ser adicionados por uma taxa extra. Divi tem mais de 40 módulos e 20 layouts de coluna diferentes. Por outro lado, o Visual Composer vem com 40 elementos de conteúdo, incluindo gráficos, grades de postagem, carrosséis de imagens, reprodutores de vídeo, botões de mídia social e blocos de texto.

FÁCIL DE USAR

A curva de aprendizado do Divi é bastante alta em comparação com o criador de páginas do Visual Composer, embora o aprendizado fique mais fácil com o tempo. Quanto mais você explora, mais fácil fica. Por outro lado, você também precisaria de tempo para colocar as mãos no Visual Composer antes de realmente começar a criar páginas e postagens com ele. No entanto, não deve demorar muito para se familiarizar com o Visual Composer.

Suporte

Para ambos os construtores de páginas, um sistema de suporte está disponível para suporte XNUMX horas por dia por meio de e-mails.

Preço

O Visual Composer está disponível a um custo de $ 45, que aumenta se você comprar recursos adicionais. Divi Page Builder começa em US $ 89 - mas por esse preço, você tem acesso não apenas a ele, mas a TODOS os produtos de ElegantThemes - uma pechincha definitiva. Divi certamente não é o mais barato dos dois, mas vale a pena e você obtém uma excelente relação qualidade / preço.

 

O que gostamos?

Divi

 Divi é perfeito para não programadores e designers, pois permite que você realmente acelere o processo de design assim que você pegar o jeito.

 Oferece fimless possibilidades de layout, permitindo que você escolha entre uma ampla variedade de módulos e layouts. Ele também vem com 19 layouts pré-concebidos aos quais você pode adicionar seu design de logotipo.

 O construtor de páginas agora vem com edição de back-end e front-end, permitindo que você veja as alterações e atualizações feitas em tempo real. 

  A nova atualização de desempenho de agosto de 2021 transformou genuinamente como Divi compete com outros temas em termos de velocidade.

Visual Composer

   Visual Composer possui uma interface fácil e intuitiva e requer less tempo aprendendo o processo real de criação de páginas e postagens com ele.

  Visual Composer vem com um editor de front-end que permite projetar e ver as mudanças em tempo real. Embora também venha com edição de back-end, na verdade não é necessário.

O que não gostamos?

Divi

 Divi é bastante caro em comparação com outros criadores de páginas de arrastar e soltar. 

 Você realmente precisa de muito tempo e esforço para se familiarizar com ele.

 Falta alguns elementos de conteúdo que podem ser facilmente encontrados em outros construtores de página

Visual Composer

 Visual Composer é ótimo apenas para construir sites de negócios.

  Sem opção para adicionar widgets de terceiros. (Atualização: Annie nos indicou nos comentários que é possível usar widgets nas barras laterais por meio deste complemento.  (Infelizmente, isso não está mais disponível).

Resumo:

Quem vence a batalha? Bem, não é fácil dizer qual é o melhor. Quando comparado, o Visual Composer parece o vencedor óbvio com tantos benefícios e uma curva de aprendizado baixa. No entanto, quando se trata do Divi, você obtém um tema com um plug-in de construtor de páginas junto com um recurso de construção de tema por apenas $ 89, o que é bastante. Se você optar por uma associação vitalícia, com nosso CONECÇÕES oferta especial (10% OFF) válida durante março de 2024 somente para você ter acesso ao Divi e a TODOS os plugins e temas futuros!

 

Experimente  Divi builder Atual
Experimente o Visual Composer agora

 ATUALIZADO (janeiro de 2018)

Recentemente, os caras da WPBakery decidiram mudar a marca Visual Composer para WPBakery Page Builder, ao lançar um produto diferente que agora é conhecido como Visual Composer. O último é, na verdade, um serviço de construção de site, não um Construtor de páginas WP per se. O que antes era o Visual Composer agora é: WPBakery page builder.

Essencialmente, o plug-in antigo e o novo são praticamente os mesmos. Portanto, considere esta comparação como um criador de páginas Divi vs WPBakery, para todos os efeitos.

O que se segue é uma conversa que tive com Michael da WPBakery:

"Olá David,

Sim, exatamente.

Nós o rebatizamos para WPBakery Page Builder e a marca comercial Visual Composer é usada para um projeto diferente. Desculpe por toda a frustração. Farei o meu melhor para esclarecer as coisas para você pessoalmente.

No CodeCanyon, temos o WPBakery Page Builder (anteriormente Visual Composer Page Builder). Este é o nosso produto de maior sucesso e popular, que está no mercado há mais de 5 anos. 

O Visual Composer Website Builder é o nosso novo produto. Ele foi escrito do zero e, apesar do nome, não compartilha nada com o plugin Page Builder.

Dizendo que eles não podem ser simplesmente substituídos um pelo outro (ainda, temos planos para escrever uma ferramenta de migração mais tarde). Nosso novo produto Construtor de Sites pretende se tornar a única ferramenta de que você precisa para criar um site completo e sem gastar uma fortuna com desenvolvedores e addons.

O Visual Composer Website Builder está disponível em visualcomposer.io e possui uma versão gratuita. Nosso desenvolvimento é focado principalmente no feedback que recebemos e é por isso que é tão incrível - adicionamos apenas recursos que são realmente necessários. 

Estamos totalmente cientes de que muitos usuários contam com o plugin Page Builder e continuaremos a apoiá-lo e, o mais importante, desenvolvê-lo ainda mais.

Portanto, não se preocupe, seus projetos estão seguros.

Michael, da WPBakery " 

O que são construtores de páginas do WordPress?

Os construtores de páginas são uma ótima maneira de adicionar ou personalizar páginas em um WordPress local na rede Internet. Eles permitem que você crie sites profissionais e elegantes sem ter nenhum conhecimento técnico.

Os construtores de página de arrastar e soltar, como o nome sugere, permitem criar páginas usando um sistema de arrastar e soltar. Esses construtores de páginas estão disponíveis na forma de plug-ins e, portanto, podem ser usados ​​com qualquer tema WordPress.

Esses plug-ins são quase compatíveis com todos os temas WP e podem ser usados ​​apenas instalando e ativando. Eles ajudam iniciantes em WordPress a construir sites que, de outra forma, seriam difíceis de criar.

At CollectiveRay, você sabe que adoramos apresentar blogs de web design que facilitam a vida dos web designers. Esses dois construtores de páginas se encaixam perfeitamente com nosso mantra.

Saiba Mais: Divi vs Elementor - uma comparação atualizada de 2021.

Por que usar os construtores de páginas do WordPress para construir páginas da web?

use construtores de páginas para construir páginas da web

Embora muitos temas do WordPress venham com diversos layouts de página, os iniciantes do WP geralmente acham difícil personalizá-los, pois não sabem nada sobre programação. Muitos fazem perguntas como “Existe alguma maneira fácil de criar páginas WP?” ou “Como podemos construir e personalizar páginas do WordPress sem ter nenhum conhecimento técnico?” ou “Há algum construtor de página de arrastar e soltar disponível para WordPress?”

Falando em temas, se você deseja criar um site de associação do WordPress, isto o agrupamento de temas é uma ótima leitura. Se quiser ver mais de nossas análises e artigos relacionados ao tema WordPress, você pode visitar o menu correspondente acima.

Bem, a boa notícia é que existe uma maneira fácil de criar sites WordPress e, especialmente, páginas WordPress! Existem muitos construtores de páginas de arrastar e soltar do WordPress disponíveis online que não requerem nenhum conhecimento técnico ou de programação.

Esses construtores de página permitem que você crie páginas da web de seu site sem escrever nem mesmo uma única linha de código.

(Nota lateral e leitura essencial: Como contratar grandes desenvolvedores WordPress)

Desde a adição de um controle deslizante de conteúdo a imagens de largura total e várias colunas, eles vêm com muitos componentes diferentes para ajudá-lo a criar páginas da web impressionantes e profissionais. Esses construtores de páginas do WordPress são tão fáceis de usar quanto instalar e ativar um plugin. Uma vez ativado, você pode ver uma opção adicional na tela do editor do WordPress que pode ser usada para construir páginas do WordPress. Divida suas páginas em linhas e colunas e veja as mudanças em tempo real.

Agora, uma vez que existem vários construtores de página arrastar e soltar disponíveis, decidimos comparar os dois construtores de página mais populares para WordPress para orientá-lo para a decisão certa.

Plug-in do Construtor de Página do WordPress para arrastar e soltar Divi

Divi Página Builder

 

Atualização de agosto de 2021: nova versão Divi lançada que transforma o desempenho

Uma nova atualização do Divi lançada em agosto de 2021 mudou a forma como esse tema funciona. Divi reduziu o tamanho do arquivo CSS em 94% e introduziu o CSS dinâmico que carrega apenas o que é necessário. Ele também introduziu estilos inteligentes para reduzir duplicatas, removeu CSS de bloqueio de renderização, otimizou o JavaScript e adicionou uma estrutura de PHP dinâmica para aumentar a eficiência das funções.

Atualização de novembro de 2017: Nova versão do Divi com muitas atualizações de velocidade

Embora estejamos realmente fazendo uma comparação entre Divi e VisualComposer, também escrevemos um Análise do tema WordPress Divi 4.0 se você quiser saber especificamente sobre isso.

Atualização de abril de 2018: a versão 3.1 foi lançada

O plugin de ElegantThemes agora tem uma API que pode ser usada para se conectar com o construtor de páginas para poder personalizar e estender a funcionalidade de acordo com seus próprios requisitos específicos!

Divi revolucionou a forma como os construtores de páginas WordPress funcionam. Agora você pode editar páginas no frontend e ver exatamente o que está fazendo, em tempo real! 

Divi não é tecnicamente um produto novo no mercado. Ele tem sido usado por muitos nos últimos anos, pois foi integrado com o Elegant Themes'Divi Theme lançado em 2013. Ele ganhou muita popularidade desde o seu início. Os criadores do Divi page builder transformaram um bom produto em um excelente, incorporando novos recursos e funcionalidades.

Divi Drag and Drop Page Builder é um plugin premium para WordPress e, de acordo com nós, é um dos melhores construtores de páginas para WordPress disponíveis. O Divi Plugin é extremamente rápido e funciona com as páginas e posts do seu site em relaçãoless do tipo de conteúdo que você está adicionando. Divi permite que você crie layouts personalizados e, em seguida, personalize esses layouts com diferentes módulos de conteúdo.

Depois de instalar e ativar o Divi Page Builder, você precisa clicar no botão “Use o Divi Builder”Na respectiva página ou tela do editor de postagem e comece a customizar com a ajuda da interface do construtor.

Este construtor de páginas segue o sistema de layout de linhas e colunas, o que significa que você pode adicionar várias linhas e colunas em sua página antes de atualizar o conteúdo customizado. Abaixo está um exemplo de configuração de linhas e colunas no Divi no backend.

Divi page builder - exemplo de página

Divi Builder é mais uma ferramenta de criação de back-end do que um editor de front-end. Portanto, você terá que fazer algumas mudanças entre back-end e front-end para saber como a página aparecerá para seus visitantes quando for ao ar. Aqui está um pouco de como seria a construção de uma página com Divi.

Nota: A partir do Divi 3.18, você não conseguirá acessar o construtor de back-end clássico por padrão, que é o mostrado acima. Se você quiser usá-lo, você terá que ir para Divi> Opções de tema> Construtor> Avançado e então alterne o Habilitar o mais recente Divi Builder Experiência para Desativado.

editor de backend clássico

Divi evoluiu para ser mais um criador de páginas visuais em tempo real.

Nos primeiros dias dos construtores de páginas, os construtores visuais eram um pouco mais lentos para carregar (eram muito pesados) e, portanto, mais difíceis de usar. Os construtores de back-end eram muito mais populares naquela época porque eram mais leves.

Mas com o aumento do poder de processamento do computador de hoje e o desenvolvimento de novas tecnologias da web, como o do Facebook React, aqueles problemas de front-ends “mais pesados” foram quase completamente eliminados.

Os criadores de páginas visuais ainda tendem a ser um pouco mais lentos ao lidar com páginas da web grandes e complexas, mas felizmente, a Divi tem uma solução para isso.

Embora o Divi agora tenha como padrão um construtor de página visual em tempo real, ele ainda tem um recurso chamado modo wireframe.

O modo wireframe combina as opções de personalização do editor visual com a velocidade e simplicidade do editor de backend, oferecendo a você o melhor dos dois mundos. Portanto, se você estiver lidando com uma página grande e complexa, opte por usar o modo wireframe. Além de ser mais leve, também apresenta uma visão geral mais limpa e organizada de todos os elementos de uma página.

modo wireframe

Atualizado em fevereiro 2018

O construtor agora foi atualizado para poder funcionar totalmente no front-end e em tempo real. Essencialmente, em vez de ter que imaginar a aparência de sua página, agora você pode ver exatamente o que está construindo, conforme está construindo. Você nem precisa mais trabalhar no back-end, tudo pode ser feito no front-end agora. 

Dê uma olhada no GIF abaixo, que mostra como é a edição de uma parte da página em tempo real.

Edição de página em tempo real

Atualização de outubro de 2019: o novo Divi 4.0 apresenta o Theme Builder

A partir de outubro de 2019, o Divi agora vem com um criador de temas poderoso.

Agora é possível usar o poder do criador de páginas de arrastar e soltar Divi para construir cabeçalhos e rodapés personalizados, bem como modelos de corpo personalizados, como modelos de produto, modelos de postagem de blog e muito mais.

Além disso, você também pode criar páginas de índice personalizadas, como páginas de categoria, páginas de arquivo, páginas de arquivo de produto e muito mais.

construtor de tema divi

O criador de temas vem com uma ferramenta poderosa que permite incluir ou excluir certas áreas do seu site de um modelo específico.

Com isso, você pode criar facilmente modelos que são aplicados a todo o seu site ou criar modelos que são aplicados apenas a áreas específicas do seu site, por exemplo, uma única postagem ou página ou a determinadas postagens pertencentes a uma determinada categoria.

lógica condicional

O novo construtor de tema pode ser acessado indo para Divi > Construtor de temas.

A partir daí, você pode acessar todos os modelos que criou antes. Você pode adicionar novos modelos, editar ou excluir os existentes ou importar / exportar um modelo de / para fontes externas.

acessando o criador de temas

Além da capacidade de criar cabeçalhos e rodapés personalizados (que era um recurso muito solicitado desde o lançamento do Divi), você também pode criar modelos personalizados que alteram o design, o layout e a estrutura de suas postagens, produtos e outros tipos de postagens.

Isso não se limita a tipos de postagem personalizados. Você também pode criar páginas de índice personalizadas como, por exemplo, um feed de categoria personalizado.

Com o novo criador de temas, você pode transformar até mesmo o tema padrão do WordPress em um produto premium, tal é o poder dos novos recursos.

 

Experimente  Divi builder Atual
 

 

  

Construtor de páginas de arrastar e soltar do Visual Composer

compositor visual

Visual Composer é outro impressionante construtor de páginas de arrastar e soltar desenvolvido pela WP Bakery. Construir e personalizar páginas com o Visual composer é super fácil e vem com mais de 40 elementos de conteúdo. Você obtém controle total sobre o layout da página assim que ativa o Visual Composer. Comece clicando no botão “Editor de Backend” na tela do editor de página. Adicione imagens, texto, botões, linhas, colunas e muito mais.

opções de back-end do compositor visual

 

O Visual Composer permite que você crie layouts de página complexos em minutos. Portanto, não há mais códigos de acesso agora! Você pode adicionar elementos e colunas com um único clique, arraste e solte. Outra grande vantagem do Visual Composer é que ele permite salvar layouts como modelos e reutilizá-los em qualquer lugar, a qualquer momento.

compositor visual editando uma página

 

Claro, o número de elementos de conteúdo que vem com o Visual Composer é esmagador, é realmente difícil encontrar algo que não seja atendido ao construir seu site Wordpress com este construtor de páginas.

elementos de conteúdo do compositor visual

 

 
Experimente o Visual Composer agora

 

 

 

É fácil criar uma ou mais páginas do WordPress com os Construtores de Páginas?

Os construtores de páginas de arrastar e soltar do WordPress permitem que o usuário crie ou personalize cada página ou postagem com o mínimo de tempo e esforço. Essas são ótimas adições para iniciantes em WordPress que desejam desenvolver layout de design de alta qualidade para páginas e postagens, mas não têm nenhum conhecimento de codificação. As páginas e postagens são criadas em minutos e a um custo muito baixo.

Isso pode ajudar qualquer pessoa, esteja a pessoa familiarizada com a codificação ou não.

No entanto, o “arrastar e soltar” não significa automaticamente “fácil”. 

Embora, eventualmente, se torne fácil de usá-los, você ainda precisa de tempo para saber como fazê-lo. Quando você começa com os criadores de páginas do WordPress, pode esperar gastar algumas horas para realmente pegar o jeito. No entanto, como você pode ver em nosso artigo Divi vs Visual Composer - você verá que ambos eventualmente se tornarão muito fáceis de usar. Afinal, eles são construídos com esse propósito em mente.

Posso criar páginas WordPress rapidamente?

Esses construtores de páginas do WordPress permitem que você crie páginas profissionais e exclusivas por meio de blocos de construção de conteúdo. Alguns construtores de páginas chamam esses blocos de construção como elementos de conteúdo e alguns os chamam de módulos. Sejam módulos ou elementos de conteúdo, esses blocos de construção basicamente são usados ​​para criar páginas arrastando e soltando parte dos elementos na página.

De configurações gerais a configurações CSS personalizadas avançadas, esses construtores de páginas vêm com muitas opções. A rapidez com que você pode criar páginas com esses construtores de páginas realmente depende da rapidez com que você se familiariza com o construtor de páginas do WordPress e da rapidez com que aprende a usá-los.

Com relação ao Divi, a curva de aprendizado é bastante alta, como mencionamos anteriormente. Você provavelmente precisará explorar as opções e aprender como usá-las exatamente antes de começar. Por outro lado, o Visual Composer tem uma curva de aprendizado menor e requer less tempo e esforço.

Há muitos exemplos ao vivo disponíveis nos sites oficiais dos construtores de páginas para saber exatamente como eles funcionam e como você pode usá-los para trazer o melhor do seu site. Dê uma olhada em Documentação Divi aqui, enquanto para Visual Composer - siga para o site a partir daqui.

Recursos específicos do Divi vs Visual Composer

O que torna esses construtores de páginas tão especiais? Obviamente, os recursos!

Os criadores de páginas de arrastar e soltar Divi e Visual Composer vêm com recursos incríveis que os destacam da multidão.

O criador de páginas de arrastar e soltar Divi permite adicionar CSS personalizado. Você pode adicionar CSS personalizado a certas partes da página e dar às suas páginas um toque de personalização. Esse recurso não limita os designers de projetar a página apenas arrastando e soltando os elementos e módulos. O recurso CSS personalizado oferece aos designers do WordPress a oportunidade de personalizar peças individuais de acordo com seus requisitos. Dê uma olhada nas demos das páginas criadas com Divi aqui.

Combine o CSS personalizado com o criador de temas e você terá controle total sobre o design e o layout do seu site. Se você é um usuário avançado ou um web designer, Divi irá acelerar o processo de design de seu site significativamente, fazendo a maior parte do trabalho pesado para você.

Novas melhorias no CSS na atualização de agosto de 2021 o tornam ainda mais eficiente. Os estilos inteligentes reduzem a duplicação no CSS. O CSS dinâmico carrega apenas o necessário para aquela página específica e o tamanho do arquivo CSS foi reduzido em 94% no geral.

Tudo isso, combinado com outras melhorias de desempenho, ajuda a Divi a pontuar 100 no Google PageSpeed ​​Desktop e 99 no Google PageSpeed ​​Mobile. Também atinge 100% no GTmetrix!

Você não precisará mais escrever nenhum código do zero.

Por outro lado, o Visual Composer vem com mais de 50 complementos, o que significa que você pode estender a funcionalidade do construtor de páginas adicionando recursos adicionais. Embora esses recursos adicionais fiquem um pouco caros e aumentem a curva de aprendizado, eles valem o preço se você realmente decidir usar o Visual Composer para criar as páginas e postagens do seu site.

Custo Divi / Visual Composer

Construtor de Divi Drag and Drop Page vai custar $ 89 por ano e $ 249 para acesso vitalício. Olhando para todas as opções, módulos e elementos que ele oferece, além do criador de temas, o preço é uma pechincha - pense em todo o tempo que você economizará lutando para construir todo o site WordPress da maneira que você gostaria.

Há também uma oferta de desconto em vigor até março de 2024, onde você pode obter 10% de desconto em todos os preços. Isso é exclusivo para CollectiveRay - então pegue uma pechincha agora.

Ganhe 10 OFF até março de 2024 

Visual Composer Drag and Drop Page Builder vai custar apenas $ 45. Bem, este é realmente um ótimo preço para um construtor de páginas incrível. No entanto, como o Visual Composer vem com recursos adicionais, você pode precisar pagar taxas extras pela funcionalidade extra. Novamente, isso depende de seu uso e necessidade. Depois de começar a usar o Visual Composer, você poderá achar esses recursos adicionais bastante úteis.

Depoimentos

Muitas pessoas usaram esses construtores de páginas para construir seus sites e os consideraram realmente úteis. Procuramos outras pessoas que já usaram esses produtos. Os depoimentos e estudos de caso listados aqui são para ver que não somos tendenciosos para nenhum dos criadores de páginas do WordPress.

Saiba mais sobre os recursos do criador de páginas Divi aqui:

https://athemes.com/reviews/divi-builder-review/

De acordo com Kevin Muldoon da WPMUDev, “Visual Composer é o criador de páginas de arrastar e soltar número um, ultrapassando 20,000 marcos de vendas em março de 2014.” Leia o resto do artigo aqui:

https://premium.wpmudev.org/blog/visual-composer-review/

Considerações Finais

O Visual Composer é um construtor de páginas rico em recursos que contém 40 elementos de conteúdo. Ele também permite que você crie páginas e veja as mudanças em tempo real por meio da área administrativa de front-end e back-end. Além disso, os elementos do Visual Composer são todos responsivos e, portanto, fazem suas páginas parecerem excelentes em vários dispositivos.

O criador de páginas de arrastar e soltar Divi faz parte do tema Divi de Elegant themes e, portanto, já ganhou a confiança e a fé de muitos desenvolvedores do WordPress. Possui interface amigável e o maior ponto forte deste construtor de páginas é sua capacidade de dividir o conteúdo em módulos, colunas, linhas e seções.

Com a adição do novo criador de temas, o Divi atrairá ainda mais usuários do WordPress. A capacidade de personalizar todo o seu site é um recurso inestimável que ajudará os usuários de todos os níveis a criar exatamente o que desejam, sem perder muito tempo.

Embora cada construtor de páginas tenha um sistema diferente para construir páginas e postagens, tanto o Visual Composer quanto o Divi Page builder são ótimos plug-ins do WordPress para construir sites. São os seus testes e as suas necessidades que justificam a escolha de um em relação ao outro.

Experimente  Divi builder Atual
 
 
Experimente o Visual Composer agora
Sobre o autor

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...