Skip to content

Tudo para WordPress, desenvolvimento web — e não só

🚀 WPBakery Page Builder: um guia para construção de páginas com arrastar e largar

🚀 WPBakery Page Builder: um guia para construção de páginas com arrastar e largar

Criar layouts de página personalizados sem uma única linha de código parece um sonho. Especialmente quando o tema padrão do WordPress não oferece a estrutura de que precisa e não tem tempo para a programar manualmente. Os construtores de páginas resolvem este problema: instale um plugin, arraste e solte blocos com o rato e obtenha uma landing page, um portefólio ou uma página inicial numa hora.

O WPBakery Page Builder é um dos construtores mais antigos e mais utilizados deste tipo. De acordo com o catálogo do CodeCanyon, o plugin tem mais de 2 milhões de utilizadores ativos e mais de 5.000 avaliações. É incluído em centenas de temas premium no ThemeForest e continua a ser ativamente atualizado, tendo a versão 8.7.3 sido lançada em maio de 2026.

💡 Visão geral rápida:

  • Instale o WPBakery a partir do catálogo CodeCanyon ou do pacote do seu tema, ative-o e obtenha o modo de construtor em qualquer página
  • Construa a estrutura: adicione uma linha, divida-a em colunas e preencha com elementos (texto, botões, galerias, sliders)
  • Edite visualmente: arraste os blocos para a ordem desejada, ajuste espaçamentos e fundos através do painel da linha
  • Guarde o layout como modelo e reutilize-o noutras páginas com um clique

O que é o WPBakery Page Builder

O WPBakery (anteriormente conhecido como Visual Composer) é um plugin de construtor de páginas para WordPress desenvolvido pela equipa WP Bakery. É vendido no CodeCanyon e vem incluído em muitos temas populares. Nota importante: não o confunda com o produto separado Visual Composer disponível em visualcomposer.com, pois são dois plugins diferentes com nomes semelhantes.

O construtor funciona em dois modos: um editor de backend diretamente no painel de administração e um editor de frontend onde vê a página como um visitante e modifica os elementos em tempo real. Não requer código, apenas arrastar e soltar e configuração através de painéis de opções.

Instalação e primeiros passos

O plugin instala-se da forma padrão: descarregue o arquivo ZIP da sua conta do CodeCanyon ou do pacote do seu tema, carregue-o através de Plugins → Adicionar novo → Carregar plugin e ative. Uma licença Regular custa $59 para um site com atualizações vitalícias.

Após a ativação, surgem novos botões no ecrã de edição de página: alternar entre o editor clássico e o modo de construtor, além de um botão para o editor de frontend.

Botões de alternância de modo do WPBakery no admin do WordPress

A partir daí, o único limite é a sua imaginação. Adicione linhas, colunas, botões, texto e imagens através do painel de elementos. Pode guardar o layout finalizado como modelo para reutilização.

Construir uma página: linhas, colunas e elementos

Linhas e colunas

A construção da página começa com uma linha. Uma linha é um contentor horizontal que se divide em colunas. Passe o rato sobre o separador amarelo no canto superior esquerdo da linha e selecione uma disposição de colunas. O construtor dividirá automaticamente o espaço no número necessário de colunas.

Seleção de layout de colunas no editor do WPBakery

As disposições básicas incluem 1/2+1/2, 1/3+2/3, 1/4+3/4 e as suas variantes espelhadas. Ao combinar linhas com diferentes disposições, pode construir uma grelha de página completa sem CSS.

Elementos da página

Clique no botão «Adicionar Elemento» para abrir um menu pop-up com todos os módulos disponíveis. O pacote padrão do WPBakery inclui blocos de texto, cabeçalhos, botões, imagens, galerias, acordeões, separadores, toggles, blocos de artigos recentes e widgets da barra lateral.

Menu pop-up para adicionar elementos no WPBakery

O número de elementos depende do seu tema e dos plugins ativos. Muitos temas premium adicionam os seus próprios módulos adaptados ao seu design: carrosséis, separadores, caixas de ícones, marcos e linhas do tempo.

Quando seleciona um elemento, o seu painel de definições abre (por vezes com vários separadores). Abaixo está um exemplo da janela de opções para o módulo Caixa de Ícone (disponível em temas que o suportam):

Painel de definições do módulo Icon Box no WPBakery

De raiz, o builder suporta quatro plugins populares de terceiros: Layer Slider, Revolution Slider, Gravity Forms e Contact Form 7. Se algum deles estiver instalado, surge automaticamente um elemento de página para o tema. Ao inseri-lo, o WPBakery mostra uma lista pendente com os sliders ou formulários que criou anteriormente. Não precisa de copiar shortcodes manualmente.

Arrastar e largar e modelos

Interface de arrastar e largar para elementos no WPBakery

Qualquer linha ou elemento pode ser arrastado para uma nova posição a qualquer momento. A duplicação de linhas e elementos está disponível, o que é útil para conteúdos repetidos: colunas idênticas, toggles ou blocos de FAQ.

Quando o layout estiver pronto, guarde-o como modelo: clique no botão «Templates», introduza um nome e confirme. Ao criar uma nova página, o modelo é aplicado com todos os elementos e definições guardados.

Opções de linha

No canto esquerdo de cada linha, três ícones controlam a gestão: clonar a linha inteira com o seu conteúdo, adicionar novos módulos e editar colunas.

Ícones de gestão de linhas no WPBakery para clonar e definições

As opções de formatação disponíveis dependem do tema. Alguns developers deixam o WPBakery tal como está, enquanto outros expandem o painel para corresponder ao design do seu tema. Antes de comprar um tema, verifique que definições do builder foram adicionadas ao mesmo.

Editor frontend

O WPBakery inclui um editor frontend ao vivo: vê a página através dos olhos de um visitante e edita texto, imagens e espaçamento diretamente no local. Clique num elemento, o painel de definições abre e vê o resultado imediatamente.

Nem todos os temas suportam o editor frontend. Consulte a lista de funcionalidades do tema ou contacte o developer para saber mais sobre a compatibilidade. Os temas criados a pensar no WPBakery costumam incluir suporte completo para ambos os modos (backend e frontend).

Extensões e shortcodes

Site oficial do WPBakery Page Builder

O WPBakery suporta a integração de shortcodes de terceiros. Na página de definições do plugin, vá ao separador «My Shortcodes» e clique em «Map Shortcodes». O sistema irá recolher todos os shortcodes registados no site e adicioná-los ao menu de elementos do builder.

Se for developer, a API do plugin permite-lhe adicionar módulos personalizados à interface do builder. Para utilizadores comuns, o CodeCanyon oferece dezenas de addons que expandem o conjunto padrão de elementos: grelhas de posts, cartões de produto, galerias avançadas e sliders.

Definições do plugin

O WPBakery funciona não só com páginas, mas também com posts e tipos de conteúdo personalizados. Vá a Settings → WPBakery Page Builder e marque os tipos de conteúdo onde precisa do builder.

Página de definições do WPBakery com seleção de tipo de conteúdo

O plugin mostra automaticamente todos os tipos de conteúdo registados no tema: páginas, posts, portefólios, testemunhos, produtos WooCommerce e fóruns bbPress. Marque os que precisa e guarde.

Onde obter o WPBakery

O WPBakery Page Builder é vendido no CodeCanyon por $59, uma licença Regular para um site com atualizações vitalícias. A licença Extended para inclusão num tema ou plugin tem um custo superior.

Muitos temas premium incluem o WPBakery no preço, pelo que, ao comprar, obtém uma licença para o builder sem custo adicional. Se estiver a escolher um tema para um novo projeto, ter o WPBakery incluído poupa $59 e horas de testes de compatibilidade.

Página de exemplo criada com o WPBakery Page Builder

⁉️🤔 Perguntas frequentes

O Visual Composer e o WPBakery são a mesma coisa?

Sim. Em 2017, o plugin Visual Composer foi renomeado para WPBakery Page Builder para evitar confusão com o produto Visual Composer Website Builder (visualcomposer.com). O código e a funcionalidade mantiveram-se os mesmos; apenas o nome mudou.

Preciso de saber programar?

Não. O construtor foi concebido para uma experiência totalmente livre de código. Monta páginas a partir de blocos prontos através de arrastar e largar. Apenas precisa de conhecimentos básicos de administração do WordPress: instalar um plugin, criar uma página e clicar em «Guardar».

O WPBakery funciona com qualquer tema?

Com a maioria, sim. Mas a profundidade da integração varia. Alguns temas simplesmente não interferem com o construtor, enquanto outros adicionam os seus próprios módulos, estilos e grelhas. Antes de comprar um tema, verifique na descrição se tem «Compatível com o WPBakery Page Builder».

Posso usar o WPBakery em vários sites?

A licença Regular padrão custa $59 para um projeto. Para dois ou mais projetos, adquira licenças separadas ou considere a licença Extended se planear incluir o plugin no seu próprio produto.

Em que é que o WPBakery é diferente do Elementor?

O Elementor é um construtor mais recente, com uma extensa versão gratuita e uma interface moderna. O WPBakery é um veterano comprovado, profundamente integrado no ecossistema do ThemeForest: centenas de temas são distribuídos com ele. A escolha entre ambos resume-se às preferências de interface e ao seu tema específico.

Vale a pena usar o WPBakery em 2026

Se o seu tema já incluir o WPBakery, use-o. É uma ferramenta madura, com atualizações regulares e uma enorme biblioteca de addons. Se estiver a escolher um tema de raiz, olhe para o construtor que lhe parecer mais confortável para o trabalho diário, em vez de comparações chamativas. Tanto o WPBakery como o Elementor conseguem construir um site profissional. O fator decisivo é em que interface se sente mais confortável a trabalhar, porque será você a editar essas páginas.