Dicas para começar com o WPBakery Page Builder

O WPBakery Page Builder é o construtor de páginas WordPress mais popular que alimenta mais de 2 milhões de sites em todo o mundo e um dos plugins mais vendidos em 2018. Este editor de front-end e back-end de arrastar e soltar, anteriormente conhecido como Visual Composer Page Builder, vem com uma ampla variedade de recursos que ajudarão você a criar qualquer layout desejado com total facilidade.

Neste artigo detalhado do WPBakery Page Builder, você aprenderá sobre:

Benefícios e funcionalidades do plugin WPBakery

Além do fato de ter a confiança de milhões em todo o mundo, este plugin traz uma ampla gama de opções profissionais. O melhor é que você pode acessar o editor Frontend ou o editor backend, dependendo de suas necessidades. Isso significa que você pode escolher sua visualização preferida – você pode gerenciar os elementos com o editor esquemático de back-end ou ver seus resultados ao vivo.

Grande capacidade de resposta

Se você deseja que seu site tenha uma ótima aparência em qualquer tipo de dispositivo ou tamanho de tela, o WPBakery o ajudará a gerenciá-lo facilmente. Com ele você terá total controle sobre a capacidade de resposta. Isso basicamente significa que este plugin vem com tudo o que é necessário para criar um site responsivo. O WPBakery Page Builder Responsive Preview está disponível para ajustes rápidos e práticos.

Mapeador de código de acesso

No caso de você precisar adicionar códigos de acesso de terceiros ao seu site e não puder ou não quiser codificar, o WPBakery Page Builder oferece o Shortcode Mapper. É assim que você pode editar parâmetros, valores e descrições sem esforço.

Funciona com qualquer tema

Outro benefício incrível de usar este plugin é que ele funciona com qualquer tema do WordPress. Ao contrário dos construtores de páginas feitos para temas específicos, o WPBakery Page Builder funciona perfeitamente com todos os tipos de temas e todos os tipos de design.

Suporte a tipos de postagem personalizados

Se você administra um site WordPress, provavelmente está familiarizado com o fato de poder criar tipos de postagem personalizados. Você pode fazê-lo manualmente ou com a ajuda de um plugin. O bom do construtor de páginas WPBakery é que ele funciona com qualquer tipo de postagem, mesmo com as personalizadas. Além disso, você pode controlar a aparência de cada elemento, incluindo bordas, margens e plano de fundo com apenas alguns cliques. Você também pode definir as cores como quiser.

Suporte a vários idiomas e WooCommerce

Você não pode imaginar seu negócio sem uma loja virtual com WooCommerce? Sem problemas. Primeiro instale o plugin WooCommerce e, em seguida, gerencie as opções para atender às suas necessidades. Todos os plugins do WooCommerce estão disponíveis no menu de elementos do WPBakery Page Builder Element, para que você possa aproveitá-los ao máximo. Além disso, o WPBakery Page Builder é compatível com o plugin WPML para que você possa executar um site em qualquer idioma que desejar.

Vídeo e fundo de paralaxe

O efeito de paralaxe é uma ótima maneira de tornar o conteúdo do seu site mais lúdico e divertido. Portanto, se você estiver pensando em adicioná-lo às suas histórias, a boa notícia é que você pode adicionar facilmente o fundo de paralaxe às linhas e colunas do WPBakery Page Builder. Para obter o melhor resultado e uma aparência cativante do site, combine vídeo e fundo de paralaxe para criar layouts mais avançados. Simplesmente insira vídeos do YouTube no fundo da linha e surpreenda os visitantes do site com efeitos atraentes.

Instalação do Plugin WPBakery

Se você deseja usar especificamente o WPBakery Page Builder para WordPress, a primeira coisa que você precisa fazer é instalá-lo. Embora o plugin WPBakery não possa ser instalado diretamente através do diretório de plugins do WordPress, ele pode ser feito facilmente com apenas alguns cliques.

Na verdade, esse processo de instalação funciona da mesma forma para todos os plugins premium que não são construídos nas versões gratuitas do plugin. Nesse caso, após adquirir o plugin premium desejado, você receberá um arquivo zip com tudo o que precisa para uma instalação bem-sucedida e sem estresse. Você não precisa saber nada sobre a estrutura do zip e seus elementos – tudo o que você precisa fazer é adicioná-lo ao seu site WordPress. Siga estes passos simples para instalar o plugin WordPress sem esforço.

1. No seu painel do WordPress, clique em Plugins > Adicionar Novo.
2. Clique no botão Carregar link (localizado no canto superior esquerdo).
3. Agora, escolha o arquivo zip – encontre-o através do botão que permite localizá-lo em seu computador (está localizado no arquivo que você baixou após a compra).
4. Clique no botão Instalar agora.
5. Aguarde até que o plugin seja carregado para o seu servidor.
6. Por fim, clique no botão Ativar plug-in para prosseguir com a ativação.

Como ativar o construtor de páginas WPBakery

O maior número de plugins premium (e temas também) requer algum tipo de ativação. Isso geralmente é feito com algum tipo de código. A ativação garante que o plugin pago seja usado apenas uma vez. Esta etapa protege os autores e seu trabalho árduo. Graças a esta etapa, recursos e funcionalidades exclusivos são reservados apenas para versões pagas de plugins. Em outras palavras, as pessoas que compram o plugin premium podem usá-lo apenas para suas necessidades pessoais – ninguém mais poderá ativar o plugin.

De acordo com a ativação, é fácil. Depois de instalar o plug-in, acesse o construtor WPBakery Page arquivado em seu painel de administração. Agora clique em Configurações gerais.

Aqui você encontrará o botão Licença do produto. Depois de clicar em Ativar o WPBakery Page Builder, você será direcionado para o WPBakery Support Portal.

Quando você comprou a licença, você também criou sua conta. Agora é hora de fazer login nessa conta com os dados necessários.

Cada compra através da sua conta é documentada. Se você precisar comprar várias licenças (quando precisar usar este plug-in para sites diferentes), cada licença aparecerá em sua conta. Claro, se você precisar de um construtor de páginas WPBakery para apenas um site, você comprará a licença uma vez. Quando você tiver adquirido várias licenças, elas serão listadas em um menu suspenso (mostrado na imagem abaixo). Você pode ativar apenas as licenças que ainda não foram ativadas. Para simplificar: uma licença – uma ativação.

Por fim, clique em Ativar para começar a usar o plugin.

Configurações Básicas do WPBaery

WPBakery Page Builder traz muitos recursos úteis. A maioria dos usuários vai com suas configurações automáticas, mas caso você tenha necessidades específicas, você pode ajustar ainda mais os recursos.

Como já mencionamos, ao instalar o plug-in WPBakery, você pode encontrar a opção do construtor WPBakery Page no seu painel de administração. Aqui, você pode encontrar diferentes opções de configuração em diferentes banheiras.

Recomendamos que você desative o editor Gutenberg antes de começar a usar o construtor de páginas WPBakery. Vá para Configurações Gerais, encontre a seção Desativar Editor Gutenberg e marque Desativar.

O editor Gutemberg é ativado por padrão depois que você cria uma nova página ou postagem no WordPress. Portanto, certifique-se de desabilitar isso se não quiser perder tempo e altere o tipo de editor a cada vez. Ao desativar o Gutenberg, você pode ajustar facilmente outras configurações sem distrações.

Antes de mais nada, vá para o Role Manager. Aqui você pode configurar quais funções de usuário podem acessar suas configurações do WPBakery, adicionar modelos, etc.

Em seguida, não se esqueça de habilitar o editor WPBakery para postagens. Após a instalação, o editor WPBakery fica disponível apenas em suas páginas. Mas você provavelmente desejará tê-lo em suas postagens e páginas de produtos, especialmente se você administra uma loja online. Vá para o campo Tipo de postagem e clique em Personalizado. Isso permitirá que você ative o editor sempre que quiser.

Como usar o Construtor de Páginas WPBakery para WordPress

WPBakery Page Builder é fácil de usar. Ele oferece um editor front-end e back-end. O editor front-end é considerado mais intuitivo e fácil de usar. Ele permite que você veja instantaneamente o conteúdo que você adiciona. O editor de back-end também é simples. Alguns usuários até pensam que o editor de backend é a opção mais fácil. Escolha o que funciona melhor para você, dependendo de suas preferências.

Alguns temas premium do WordPress que suportam o construtor de páginas WPBakery podem oferecer apenas editor de back-end ou front-end. A razão para isso é simples. Seus autores muitas vezes pensam que um editor é suficiente. Como eles tendem a desenvolver recursos especiais para este construtor de páginas, eles podem bloquear um determinado tipo de editor (frontend ou backend) diretamente no código.

Agora, vamos dar uma olhada neste editor do WordPress. Graças a este editor você pode simplesmente adicionar elementos WPBakery. O mesmo princípio é usado no construtor de páginas do Gutenberg, mas aqui você pode adicionar diferentes blocos do Gutenberg.

Se preferir um editor front-end, você pode adicionar um novo elemento clicando em + no canto superior esquerdo. Você também pode clicar no botão Adicionar elemento.

No entanto, se você optar por um editor de back-end, adicionar elementos é quase idêntico.

Depois de clicar no elemento Adicionar, todos os elementos disponíveis aparecerão. Nosso conselho é primeiro adicionar o arquivo Row. Quando você tentar adicionar qualquer outro elemento primeiro, a linha aparecerá automaticamente e esse elemento será colocado dentro da linha. O que é característico do construtor de páginas WPBakery é o princípio de linha. Dependendo de suas necessidades, você pode criar a página inteira em uma linha ou adicionar elementos separados em linhas diferentes. A segunda abordagem permitirá que você organize sua página com muito mais facilidade. É por isso que aconselhamos a usá-lo sempre.

Mas por que você precisa colocar seu conteúdo em Linhas? A razão para isso é simples. A linha trata um determinado grupo de elementos como uma unidade inteira. Portanto, se você precisar alterar algo no futuro, será mais fácil fazê-lo por meio de Rows. O que também é característico do Row é o fato de ele ter dois conjuntos de configurações – opções Gerais e Design. Para começar, veja estas opções para saber mais sobre todas as possibilidades que lhe foram dadas. Isso irá ajudá-lo a aprender como ajustar Row para atender às suas necessidades.

Outra opção importante que você deve prestar atenção é o número de colunas. O construtor de páginas WPBakery permite dividir linhas em colunas de várias maneiras.

Depois de escolher uma ordem de coluna específica, você pode adicionar elementos em cada coluna separadamente.

Para ilustrar isso melhor, vamos dar uma olhada neste exemplo abaixo. Quantas linhas e colunas você vê aqui? Qual é a melhor maneira de criar esse tipo de grupo? Vamos ver.

Este exemplo é bem simples. É óbvio que temos apenas duas linhas – a primeira tem uma coluna com um elemento de texto (título), e a segunda consiste em três colunas (imagem e dois elementos de texto).

Em geral, quando você deseja dominar um determinado construtor do WordPress, a melhor maneira é testá-lo. Basta adicionar elementos diferentes e ver o resultado depois de adicioná-los à página. Cada elemento tem configurações específicas, então o trabalho prático é a melhor maneira de aprender sobre tudo o que você pode querer usar. Mesmo se você cometer um erro, você pode alterá-lo facilmente, então não tenha medo de experimentar e testar.

Outro elemento essencial que você não deve ignorar é um elemento Separador.

Este elemento é crucial para o seu design, pois é usado para ajustar o espaço entre dois elementos. Abaixo, você pode ver a primeira coluna sem separador e as outras duas onde o separador é usado. A diferença é óbvia.

Modelos WPBakery

Os templates WPBakery, assim como os templates Elementor, nos permitem criar facilmente a página. Depois de escolher um modelo, você pode alterar seu conteúdo ou excluir/adicionar elementos, dependendo de seus requisitos.

Neste campo, você pode encontrar todos os modelos disponíveis. Além disso, você pode usar muitos modelos diferentes na mesma página.

O que também é ótimo é a opção que permite salvar suas páginas ou linhas como modelos. Se você quiser usar essas seções mais tarde, você as terá prontas em um só lugar. Além disso, se sua página consiste em elementos que se repetem, você não precisa construí-los todas as vezes – basta encontrá-lo em sua biblioteca de modelos.

Para salvar a página inteira (depois de adicionar o conteúdo), clique no campo no canto superior esquerdo do editor, nomeie-o e pressione o botão Salvar modelo.

Todos os modelos salvos aparecerão na biblioteca Meus modelos. Aqui você pode selecionar o modelo WPBakery que deseja usar ou excluir o que não precisa mais.

Se você deseja salvar modelos de linha, o processo é idêntico. Cada modelo salvo pode ser usado posteriormente e está disponível na biblioteca.

Vamos encerrar

O WPBakery Page Builder é um dos editores mais populares do WordPress graças à sua facilidade de uso, opções poderosas e interface limpa. Se você planeja usá-lo, não tenha medo de testá-lo e aprender com a experiência. Este editor é baseado no princípio das Linhas e uma vez que você domine suas regras, você pode construir qualquer elemento do site. Espero que nosso tutorial WPBakery Page Builder tenha sido útil. Boa sorte com a construção da sua página!