Visual Composer vs Elementor: guia definitivo para iniciantes

Escolher entre Visual Composer e Elementor não é uma tarefa fácil. Pessoalmente, usei as duas ferramentas e ainda acho difícil superar o espaço de conforto que recebo ao usar cada uma dessas ferramentas do construtor de páginas.

Como era difícil me decidir com minha própria experiência, procurei diferentes perspectivas do usuário e, finalmente, consolidei-as em um artigo.

Os construtores de sites Elementor e Visual Composer são extremamente populares e flexíveis e solidificaram seu lugar na lista das principais ferramentas de criação de 5 páginas de 2021.

Ainda assim, alguém tem que traçar o limite e mostrar as diferenças para que seja fácil entender o que está prestes a se envolver antes de começar.

Estarei colocando meu entendimento coletivo sobre o assunto.

Então, se você quiser se decidir sobre o Visual Composer e o construtor de sites Elementor em detalhes, fique comigo até o fim.

Posso garantir que seus problemas acabariam para sempre.

Com pressa? Aqui está uma sugestão útil

Entre o Visual Composer e o Elementor, eu ficaria do lado do Elementor por muitas razões que vejo serem óbvias.

Embora você possa fazer o mesmo trabalho com as duas ferramentas, meu julgamento é baseado no entendimento do usuário sobre a ferramenta desde o início, simplicidade, experiência do usuário, flexibilidade e outros aspectos com os quais todos se preocupam mais ou menos.

Uma breve introdução

Elementor

O Elementor é conhecido por quase todos os usuários do WordPress, e o número impressionante de 5 milhões de usuários mostra como ele foi amplamente aceito como a ferramenta de criação de páginas para a criação de sites WordPress.

Isso se deve principalmente à simplicidade, flexibilidade, versatilidade e suporte de primeira linha que ela traz com a ferramenta.

Acima de tudo, não é necessário nenhum conhecimento de código para construir um site minimalista, projetado e de aparência limpa.

Preço: $ 49 - $ 199

Ofertas: a versão de teste pode ser usada por 30 dias

Visual Composer

A partir de 2017, o Visual Composer foi reformulado e renomeado para WPBakery Page Builder.

A versão mais recente é, sem dúvida, mais flexível e bem projetada do que sua antecessora.

Sem dúvida, é uma das ferramentas de construtor de páginas mais populares e facilmente faz parte da lista dos 5 principais construtores de sites do WordPress com sua biblioteca exclusiva de widgets e modelos exclusivos.

Preço: $ 45 - $ 245

Ofertas: 15% de desconto na compra

Visual Composer vs Elementor: Tabela de comparação

Visual Composer vs Elementor: Quais são as semelhanças?

Tanto o Visual Composer quanto o Elementor são semelhantes em termos de uso. Portanto, podemos dizer que a base de ambas as ferramentas é praticamente a mesma.

Ambos os construtores de páginas podem criar sites 100% responsivos que são amigáveis ​​para os mecanismos de busca e realmente fáceis de usar.

O design descomplicado é fascinante e passa a ser a coisa mais importante sobre essas ferramentas de criação de páginas.

Você pode acompanhar o que deseja encontrar e o que está procurando em poucos segundos, e não será necessário compreender o sistema em profundidade.

Os sistemas visuais de arrastar e soltar estão presentes em ambas as ferramentas, o que é a semelhança mais óbvia.

Você pode construir sua própria página da web personalizada usando o construtor de página visual em uma tela em branco e seu site pareceria exatamente o mesmo após a construção.

Você pode escolher widgets customizados da biblioteca ou construir seu próprio conceito temático do zero, o que também é possível.

Por fim, se você tiver problemas e precisar percorrer as etapas para se livrar deles, ambas as ferramentas oferecem amplo suporte ao cliente que responde às suas dúvidas em 30 minutos até no máximo 24 horas.

Visual Composer vs Elementor: Diferenças da Perspectiva Geral do Usuário

Diferenças sutis são difíceis de distinguir, já que ambas as ferramentas oferecem as mesmas funcionalidades. Você sabe que precisa se familiarizar com a plataforma antes de começar a perceber as coisas.

Aqui estão algumas diferenças que você deve notar desde o início, quando se trata de Visual Composer vs Elementor.

Interface de usuário

Elementor

A interface do usuário do Elementor é composta por duas partes. A barra lateral à esquerda e a tela à direita.

A seção de visualização ou a tela ocupa a maior parte da tela, pois mostra todos os aspectos visuais que você colocou em seus sites.

A tela oferece a opção de visualização ao vivo com a qual todos se preocupam.

Honestamente, essa visualização ao vivo é o que torna a experiência sem codificação tão divertida quando se trata de construir sites simples e minimalistas.

Além disso, há um mega menu à direita que mostra todos os widgets, elementos e configurações.

Dá a você a opção de selecionar modelos da enorme coleção de modelos da biblioteca Elementor. Seus modelos personalizados salvos, widgets e muito mais.

A parte inferior esquerda da tela oferece mais três opções - Configurações gerais, Histórico, Navegador e Modo responsivo.

1. As configurações gerais permitem que você veja o estado atual da página, se está publicada ou não, seu título, imagem em destaque na página e algumas outras informações em destaque.
2. O histórico permite que você veja as diferentes versões dos projetos salvos que podem ser restaurados.
3. O navegador cria uma árvore de navegação pop-up para facilitar a navegação.
4. O modo responsivo permite que você veja seu site em todos os dispositivos usando apenas uma tela.

Visual Composer

O compositor visual possui uma interface semelhante à do Elementor. Na verdade, você também pode chamá-lo de editor front-end O que você vê é o que você obtém (WYSIWYG).

Isso significa que você verá tudo o que criar na tela, o que significa que não terá nenhum marcador de posição que represente um bloco de página específico.

Aqui estão as seguintes partes que você pode encontrar no painel do Visual Composer:

• A janela do editor de elemento
• O editor ao vivo ou editor front-end (recurso de arrastar e soltar)
• Os painéis de navegação
• Configurações
• Uma visualização em árvore do site

A janela de edição do elemento fica flutuando no topo de cada elemento bloqueado do site. Basta passar o mouse sobre o elemento selecionado para obter a lista de opções alteráveis ​​em um menu suspenso.

O editor frontend é o editor visual do Visual Composer. Ele permite que você organize e alinhe diferentes componentes arrastando-os e soltando-os da barra de widgets no editor.

O melhor é que você pode brincar como quiser e ainda não vai complicar o design porque isso é feito em segundo plano, sem você perceber.

O painel de navegação permite que você acesse as configurações onde você pode ajustar os diferentes elementos do seu site, alterando as imagens, altura e largura de um componente, tamanho e peso da fonte, etc.

As configurações não têm muito a ver com o resto do site.

Como um iniciante, você não precisa mexer com isso em seu primeiro projeto.

Mas você pode começar a explorar as opções disponíveis depois de concluir o primeiro site.

A visualização em árvore é uma maneira eficiente de navegar pelas diferentes páginas do seu site com bastante facilidade.

Na verdade, você também pode usar o modo de visualização em árvore para editar qualquer componente escolhido na página da web em trânsito.

A edição Premium do Visual Composer tem opções adicionais para editar as barras laterais, tooter, cabeçalho, o que também é um ponto de venda bastante bom.

Veredito

Ambas as interfaces possuem os mesmos recursos com mudanças sutis. No entanto, eu preferiria o Elementor pelos pequenos aspectos criativos do design.

Elementos Disponíveis

Elementor

Elementos são o que ajuda você a criar uma página da web usando ferramentas de criação de páginas. Portanto, um bom construtor de páginas como o Elementor precisa ter um número considerável de elementos com ele.

A este respeito, Elementor tem 3 tipos principais de elementos - seções, colunas e widgets em uma ordem específica.

A versão gratuita do Elementor tem 30 widgets diferentes para o seu site, que aumentam para 50 quando você compra a versão Pro do Elementor.

Além disso, há um grande arquivo de modelos criados com criatividade que você pode encontrar na biblioteca do Elementor.

Eu estaria mentindo para você se não dissesse que estou totalmente impressionado com o que a biblioteca Elementor tem a oferecer.

A primeira diferença é que afeta toda a seção se você fizer alterações em uma seção específica.

O mesmo acontece quando você aplica a alteração a uma coluna.

Mas, ao contrário, se você aplicar a mudança em um widget, a mudança permanecerá confinada apenas a esse widget.

Visual Composer

Os elementos do Visual Composer consistem em blocos de conteúdo, como ícones, botões, blocos de texto, etc.

Como um usuário, você pode integrar esses blocos em sua página da web para criar um layout para seu site.

Existem mais de 100 elementos de conteúdo nas versões gratuita e premium do Visual Composer organizados nos seguintes grupos lógicos - Básico, Mídia, Contêineres, Social, WordPress e Conteúdo.

O hub de modelo baseado em nuvem permite que você baixe o bloco de conteúdo específico de que você precisa e isso evita o risco de seu site ficar lento.

Isso também reduz a dependência de plug-ins de terceiros, permitindo que seu site seja executado ainda mais rápido sem ativos adicionais.

Veredito

É um empate. Ambas as ferramentas oferecem pacotes de modelos, widgets e componentes para uso, e isso para mim é uma grande vitória.

Opções de estilo

Elementor

As opções de estilo são diretas no Elementor. Se você escolher um elemento, ele colocará automaticamente os estilos globais em seu conteúdo existente.

As configurações podem ser ajustadas da maneira que você quiser a partir das 'configurações de estilo', alterando widgets, seções e colunas como você preferir.

Além disso, há muitas opções de estilo disponíveis para explorar gradualmente à medida que você se sente confortável e entende o estilo.

Visual Composer

Existem centenas de opções de estilo simplificadas em uma janela para criar uma compreensão perfeita do sistema pelo usuário ao usar o Visual Composer.

Você pode dizer que é semelhante ao Elementor de várias maneiras porque você pode fazer as mesmas coisas no Visual Composer.

Veredito

Ambas as ferramentas oferecem opções de estilo simplificadas, mas extensas. Este é um empate.

Modelos

Elementor

O Elementor tem 40 modelos perfeitamente projetados na versão gratuita com atualizações vitalícias se você continuar a usá-los.

Mas existem limitações para isso. O número de widgets que você pode usar na versão gratuita é restrito a um determinado número.

No entanto, se você escolher a versão profissional, terá acesso instantâneo a mais de 300 componentes e modelos diferentes adicionais.

Os modelos de bloco são usados ​​para criar uma seção específica da página, como - formulários de contato, formulários CTA, etc. Por outro lado, os modelos de página são mais voltados para a criação de uma página inteira.

Visual Composer

O Visual Composer tem dois tipos diferentes de modelos - modelos predefinidos e definidos pelo usuário.

Claro, cada modelo é projetado exclusivamente para atender a propósitos específicos, ou você pode redesenhá-los como quiser.

Mas essas opções personalizáveis ​​tornam-se limitadas se você usar a edição gratuita, que obviamente aumenta em dez vezes se você decidir comprar uma assinatura premium.

Veredito

Esta foi a mais difícil de decidir porque ambas as ferramentas têm muitos elementos promissores e únicos para fornecer. Eu diria que este também é uma gravata.

Integração WooCommerce

Elementor

A integração perfeita com o WooCommerce é o recurso essencial, na minha opinião, e o Elementor o faz bem.

Além disso, os recursos de personalização são fáceis de trabalhar com o Product Archive Widget que ajuda você a verificar.

Quais produtos serão exibidos na lista, personalize a aparência de cada item dessa lista, tipografia, paletas de cores e outros recursos?

Existem opções para personalizar as páginas de resultados de pesquisa de produtos e incorporar widgets adicionais para tornar a página mais interativa.

O carrinho de menus é outra ótima opção que permite adicionar um botão 'adicionar ao carrinho em sua página, e você pode personalizá-lo como quiser para torná-lo mais atraente para clicar.

Visual Composer

O Visual Composer oferece suporte à integração perfeita do WooCommerce com seus temas, para que todos achem útil criar um site WordPress de comércio eletrônico.

Você pode acessar os elementos WooCommerce do Visual Composer Hub para criar a página do produto. Aqui estão alguns dos elementos que você pode aproveitar:

WooCommerce Adicionar ao carrinho, categoria de produto, página de produto, produtos recentes, produtos relacionados, rastreamento de pedido, página de check-out, produtos em destaque, carrinho, check-out do carrinho, etc.

Veredito

Este é um ponto essencial de todos eles. Se você está integrando apenas o plug-in WooCommerce e os elementos WooCommerce, está tudo empatado.

Mas se você adicionar mais algumas coisas, como integração de CRM, o Elementor é a melhor escolha.

Digo isso porque, muitas vezes, você precisaria integrar outras ferramentas complexas, exceto o WooCommerce, e descobrirá que o Elementor oferece todos os tipos de integração, ao contrário do Visual Composer.

Theme Builder

Elementor

O plugin de criação de tema permite que você crie seu próprio tema - do zero ou em um modelo existente, como você pode criar uma página da web no Elementor.

O processo é o mesmo onde você projeta seu próprio conceito em uma tela em branco, personalizando os cabeçalhos e rodapés alinhados com o tema do seu site.

Você pode aplicar o mesmo processo para criar cabeçalhos, logotipos do site, menus e outros componentes relevantes essenciais para o seu site.

Visual Composer

O Visual Composer Premium permite que você crie seu próprio tema, muito parecido com o construtor de páginas da Web, e não há muita diferença com o Elementor neste caso.

Se você considerar a tela e as ferramentas de edição, notará que há mudanças sutis. Por exemplo, o editor de altura e largura de cada componente é mais inclinado para a barra lateral.

Antes de começar a criar seu próprio tema no Visual Composer, certifique-se de ter o complemento Theme Builder instalado.

Para que você possa acessar o editor de cabeçalho, rodapé e barra lateral e, o mais importante, acessar os componentes que você precisa baixar do Visual Composer Hub.

Além disso, os controles globais permitem editar cabeçalhos e rodapés com muito mais facilidade. Você pode habilitar tipos de postagem personalizados, postagens e páginas, e páginas padrão do WordPress. Ele vem junto com ele, como - página de resultados de pesquisa, página de erro 404, página de arquivo, páginas WooCommerce podem ser alteradas.

Veredito

Este é um ponto positivo para o Visual Composer. Eles forneceram opções de edição suficientes com seus editores de cabeçalho e rodapé e algumas outras partes de um tema que eu não vi no Elementor.

Addons

Elementor

A equipe Elementor está constantemente trabalhando para criar recursos projetados de forma intuitiva que se destaquem do resto do mercado, onde você pode encontrar templates gratuitos, temas, widgets, etc.

Um grande número de addons dá uma vantagem mais criativa ao seu site e é apoiado por blocos extras, widgets que formam um pacote completo.

Visual Composer

Quando widgets ou modelos extras pré-construídos não são suficientes para o seu trabalho, você sabe que é hora de construir algo fora do escopo da capacidade atual do Visual Composer. Mas aqui está uma solução rápida.

Vá para a seção Addons do Visual Composer Hub, onde você pode encontrar extensões exclusivas criadas especialmente para fins especiais que você pode baixar gratuitamente.

Além disso, você também pode usar os Modelos Globais, Importar e Exportar, Widget de Modelos, Blocos de Gutenberg, Construtor de Tema, Campos Dinâmicos, página Modo de Manutenção, Construtor de Popup, Bibliotecas de Ícones Premium e outras opções de Design Premium.

Mas seu recurso é exclusivo para usuários do Visual Composer Premium.

Veredito

Este vai para o Visual Composer por sua imensa coleção de complementos no Visual Composer Hub.

Elementor é criativamente igual neste aspecto, mas Visual Composer tem a vantagem numérica.

Características únicas

Elementor

O Elementor possui alguns recursos exclusivos apenas para usuários do Elementor.

Um desses recursos é - o recurso Incorporar em qualquer lugar, que permite incorporar um modelo selecionado e replicá-lo usando códigos de acesso.

Na verdade, todas as seções no Elementor aceitam códigos curtos, e isso torna o desenvolvimento muito mais rápido.

Global Widget é outro ótimo recurso que permite salvar um design personalizado uma vez e replicá-lo a qualquer momento no futuro, como um modelo em vários sites.

Por último, possui um criador de pop-up simplificado que permite criar barras de saudação criativas, mensagens de tela inteira, mensagens instantâneas e outros tipos de pop-ups.

Essas coisas são essenciais para aumentar a taxa de conversão do seu site e aumentar a porcentagem de vendas de seu produto com melhor classificação em seu site.

Visual Composer

O Visual Composer Hub permite que usuários premium escolham entre uma ampla variedade de addons, modelos, imagens de estoque e outros enfeites de seu armazenamento em nuvem.

Ele consiste em quase todos os tipos de designs, desde addons, blocos, elementos de rodapé, elementos de cabeçalho e a lista continua.

Além disso, se você for um assinante premium do Visual Composer Hub, terá acesso a novos modelos todas as semanas.

Veredito

O Elementor possui alguns recursos exclusivos que não são oferecidos em nenhuma outra ferramenta de criação de páginas que eu testei, portanto, ficarei do lado do Elementor neste.

Visual Composer vs Elementor: Diferenças da perspectiva de um desenvolvedor

A comparação desenhada entre Visual Composer e Elementor desenha um nível totalmente novo quando você a vê da perspectiva de um desenvolvedor, especialmente quando você pode ver alguns ângulos de comparação totalmente novos que podem ser úteis.

Aqui está o que você achará útil.

Licença

A integração do tema é um aspecto essencial do uso das ferramentas de criação de páginas do WordPress. Ele permite que os desenvolvedores integrem novos designs a temas existentes e os desenvolvam de acordo com os padrões atuais.

Alguns podem até tentar revendê-lo, o que não é totalmente a coisa ideal a se fazer.

A opção de integração de temas está disponível apenas para a versão gratuita do construtor de sites Elementor e Visual Composer.

Mas você não pode incluir nenhum dos temas premium e revendê-los de acordo com os termos e acordos.

Elementor

A versão gratuita do Elementor está disponível no repositório de plug-ins do wordpress.org.

Como alternativa, você pode baixá-lo do site da Elementor.

Um grande resultado do Elementor é que ele é hospedado no WordPress e, portanto, você não precisa incluí-lo em seu pacote de plug-ins.

A versão premium vem com todos os tipos de widgets, modelos, construtores de cabeçalho e rodapé e um sistema de modelos para criar seus próprios modelos personalizados.

Visual Composer

O Visual Composer tem duas versões - gratuita e premium, que estão prontamente disponíveis em seu site.

No entanto, o Visual Composer não está prontamente integrado ao WordPress, o que é uma desvantagem para os usuários do Visual Composer.

Mas você ainda pode baixar a versão gratuita do site ou usar o link de download usando o ativador TGM.

A versão premium tem um criador de cabeçalho e rodapé que é um grande ponto de venda, sem falar que o sistema de modelos torna a vida muito mais fácil de trabalhar com componentes separados.

requerimentos gerais

Elementor

O Elementor não requer dependências extras além dos requisitos gerais normais do WordPress.

Visual Composer

O Visual Composer não vem por padrão com a instalação do WordPress e, portanto, você precisa instalar as dependências extras para executá-lo. Aqui está uma lista do que você precisa:

1. Webpack 4.0 ou superior
2. Nó 8.0 ou superior

API do desenvolvedor

Elementor

A abundância de APIs de desenvolvedor é um dos pontos fortes de uma boa ferramenta de criação de páginas.

E embora você considere isso como um resultado, você também deve saber que essa flexibilidade permite que você crie elementos personalizados usando componentes React.

A melhor maneira de entender como a API do desenvolvedor permite que você crie cada elemento do site como uma parte independente do sistema é usá-lo separadamente, sempre que necessário.

Visual Composer

Visual Composer O construtor de sites trabalha em conjunto com os componentes React.

Cada elemento é criado para funcionar independentemente como um bloco de código separado em execução em seu próprio conjunto de dependências HTML, CSS, PHP, JavaScript e JSON.

Desta forma, ele não permanece mais dependente do sistema de shortcode como era nas versões anteriores.

Este sistema de construção de widgets personalizados não é diferente da construção de widgets WordPress nativos.

A esse respeito, devo apoiar o Visual Composer, já que estou familiarizado com o React.

E para as pessoas que entendem do React, será mais fácil entender a estrutura do arquivo e o processo de desenvolvimento.

Análise comparativa

Resumindo

A escolha entre Visual compositor vs Elementor é subjetiva para a compreensão da ferramenta e seu gosto, algo que podemos ou não podemos mudar. Mas hey, sempre podemos aprender uma ou duas coisas de outra perspectiva.

Aqui estão meus 2 bits sobre todo o debate Visual Composer vs Elementor. Primeiro, se se trata de uso e você é um único usuário / desenvolvedor, o Visual Composer é a opção mais barata com um pagamento único e oferece tanto quanto o Elementor.

No entanto, se você dirige uma agência e prefere dispor de mais flexibilidade para desenvolvimento e está disposto a gastar mais dinheiro e reduzir o tempo de desenvolvimento, então a Elementor é para você.