Visual Composer, o construtor visual do WordPress

Atualização 30 de Março de 2019: Este artigo foi escrito em 14 de maio de 2018, já passou muito tempo desde sua publicação e testamos outras ferramentas de construção visual como Elementor, que supera fortemente as capacidades do WP Bakery Page Builder, desde a facilidade de mudanças no front-end até suas constantes atualizações de funcionalidade.

Por essa razão, em breve no blog da WooSync você encontrará um artigo sobre o novo construtor visual que realmente apoiamos e recomendamos pessoalmente.

Com mais de 359.155 downloads no Envato (Maio de 2018) Visual Composer –que agora mudou seu nome para WPBakery Page Builder– é um plugin de construção visual WordPress que permite criar sites de forma fácil com resultados elegantes.

Neste artigo você aprenderá:

O que é Visual Composer?
Como funciona?
Benefícios do Visual Composer para WordPress
Principais características
Conclusão

O que é Visual Composer?

Visual Composer é um plugin de construção visual desenvolvido pela WPBakery, que permite projetar sites rapidamente com máxima flexibilidade e personalização. Conta com uma versão gratuita, com funcionalidades básicas, e uma versão paga com mais de 50 extensões premium.

Você pode verificar instantaneamente todas as mudanças que fizer em sua página e elementos. Edite cores, tamanhos e opções com infinitas possibilidades.

Para adicionar um elemento, clique no ícone + dentro do contêiner onde deseja colocar o elemento e depois sobre o elemento específico que deseja inserir. Além disso, você pode editá-los, duplicá-los ou arrastá-los de um contêiner para outro.

Os elementos como:

Linhas
Blocos de texto
Imagens
Mapas
Citações
Botões para compartilhar nas redes sociais, etc.

Já vêm instalados com o plugin, embora você também possa adicionar novas extensões para agregar mais funcionalidade.

Como funciona?

Visual Composer revolucionou a maneira de criar sites na WordPress, graças à sua interface visual intuitiva, deixou para trás a rudimentar e lenta modalidade de escrever código para desenvolver projetos com resultados profissionais.

Com Visual Composer não é mais necessário ter conhecimentos de código HTML ou CSS, ou estar familiarizado com a inserção de códigos curtos.

Basta instalar o plugin e criar uma nova página ou post, em pouco tempo você poderá projetar páginas elegantes e funcionais, dado que seu funcionamento é simples e intuitivo.

[elementor-template id="51286"]

Benefícios do WPBakery Page Builder (Visual Composer)

Construtor visual com arrastar e soltar. Mova linhas e elementos facilmente com o cursor
Construtor Front-End.
Design adaptado para dispositivos móveis.
Funciona com qualquer tipo de post
Não é necessário ter conhecimentos em programação
Bom serviço de suporte apoiado por uma boa documentação com vídeos passo a passo
É compatível com Woocommerce
Disponível em 10 idiomas, inglês, espanhol, português, italiano, alemão, francês, etc.
É compatível com o plugin SEOP by Yoast
Você pode inserir seu próprio código
Você pode salvar templates com elementos pré-definidos. Isso vai te economizar muito tempo. Utilize 😉
Conta com mais de 100+ templates

Principais características

Visual Composer conta com mais de 50 elementos disponíveis, entre eles podemos encontrar:

Linhas
Blocos de texto
Separadores Linha separadora
Caixa de mensagem. Destaque mensagens através de uma caixa personalizada. Modifique estilo e efeito de animação
«Curtir» do Facebook Os usuários podem dar um Curtir e isso cria um link visível em seu perfil.
Botão para Twittar Função que permite aos usuários fazer um tweet com o conteúdo da página ou post.
Botão Google+ Os usuários podem compartilhar o conteúdo em seu perfil.
Botão do Pinterest. Botão que permite fixar o conteúdo e colocá-lo em um de seus painéis do Pinterest.
Perguntas Frequentes. Caixa com perguntas frequentes que podemos personalizar, adicionar uma animação predefinida, etc.
Imagem. Inserir imagem da galeria
Galeria. Adicione uma galeria de imagens
Carrossel. Para inserir um carrossel animado de imagens
Aba. Adicione uma caixa com várias abas
Barra adicional com widgets. Elemento para criar zonas adicionais onde podemos inserir todo tipo de widgets.
Botão. Inserir botão onde incluímos link
Botão 2. Muito parecido com o anterior, com a vantagem de que podemos personalizá-lo ao adicionar cor e tamanho.
Tour. Caixa de conteúdo vertical que classificaremos em diferentes abas
Acordeão Mini seções com faixas de conteúdo que podem ser expandidas
Postagens recentes. Adicionar postagens recentes filtradas por categoria
Chamada para ação com botão. Caixa chamativa com botão e chamada para ação. Personalize cor, animação, etc.
Reprodutor de Vídeo Reprodutor com um vídeo do Youtube ou Vimeo. Para adicioná-lo, basta inserir a URL do vídeo.
Mapa do Google. Apresenta mapa com o endereço que inserimos através de um código iframe que extraímos diretamente do Google Maps. É possível editar a altura.
. Permite inserir código HTML puro para realizar ações que assim o requerem.
Título personalizado. Como o anterior, mas com maior quantidade de opções, como a escolha do tipo de letra do Google Fonts, cor, espaçamento, etc.

Conclusão

Esperamos que este artigo tenha te ajudado a conhecer a fundo todos os detalhes do plugin que mudou literalmente a forma de criar sites na WordPress.

E você? Conhecia Visual Composer? Já usou em algum de seus projetos web?

Você sabe que pode nos consultar dúvidas e compartilhar suas experiências.

Adoraremos ler seus comentários.

Se você gostou deste artigo, recomende e compartilhe. ❤

¡Happy Developing! 💪