Um site estático parece plano. As imagens e os fundos estão imóveis, o scroll é mecânico, não há sensação de profundidade. Mas você quer que as camadas se movam umas em relação às outras, criando volume e captando o olhar. O parallax faz exatamente isto: o fundo move-se mais lentamente do que o primeiro plano, criando a ilusão de espaço tridimensional na janela do navegador.

Implementar parallax no WordPress manualmente não é fácil. A técnica CSS background-attachment: fixed falha no iOS, bibliotecas JS como Jarallax ou Rellax exigem personalização para o seu tema, erros em z-index ou overflow destroem o layout. Os plugins de parallax resolvem este problema: definições visuais para velocidade e direção, suporte para fundo de vídeo, adaptação para dispositivos móveis.

Selecionámos quatro plugins para diferentes cenários: desde parallax leve para uma única imagem até um construtor de fundos com vídeo do YouTube e parallax de rato. Todos os quatro são compatíveis com as versões atuais do WordPress e do Gutenberg.

💡 Visão geral rápida:

• Determine o seu caso de uso: secção hero de largura total com fundo de vídeo, imagem única no corpo do artigo ou slider com efeito de profundidade.
• Escolha um plugin para o seu editor: para o Gutenberg com o máximo de capacidades, escolha Advanced WordPress Backgrounds; para sites em Elementor, o Element Pack Lite é o ideal; para o editor clássico, o shortcode [dd-parallax] do Parallax Image funcionará.
• Verifique a compatibilidade com o seu tema e page builder antes da instalação, para que os efeitos de parallax funcionem corretamente com o layout existente.

Tabela de comparação de plugins

1. Advanced WordPress Backgrounds: máximo de efeitos e fundo de vídeo

Advanced WordPress Backgrounds (AWB), o plugin de parallax mais funcional desta seleção. Adiciona um bloco Background (AWB) ao Gutenberg, dentro do qual coloca qualquer conteúdo, e nas definições do bloco define o fundo: cor, imagem, imagem destacada do artigo, padrão, vídeo self-hosted ou vídeo do YouTube/Vimeo. Para cada tipo de fundo, o parallax é ativado com base na biblioteca JS de alto desempenho Jarallax.

Há seis efeitos de parallax aqui: scroll clássico, escala (redimensionamento durante o scroll), opacidade (alteração da transparência), scroll+escala, scroll+opacidade e parallax de rato, quando o fundo se desloca com o cursor. A velocidade do efeito é controlada por um slider. Uma definição separada ativa ou desativa o parallax em dispositivos móveis, importante porque background-attachment: fixed no iOS funciona de forma instável.

O plugin suporta srcset para imagens responsivas. Uma sobreposição com transparência e cor escurece o fundo para texto legível. O preenchimento CSS personalizado oferece um controlo preciso sobre o posicionamento do bloco.

Na prática, o AWB cobre tarefas para landing pages com fundos de vídeo, secções hero com vídeos do YouTube, blocos com parallax de rato. Para uma única imagem no corpo do artigo, pode ser excessivo.

• Prós: 6 tipos de efeitos de parallax, incluindo parallax de rato, fundo de vídeo (YouTube, Vimeo, self-hosted) com definições de hora de início/fim, bloco Gutenberg de raiz + Page Builder WPBakery, atualizações regulares (v1.12.11, junho de 2026), compatibilidade com WordPress 7.0
• Contras: o fundo de vídeo em mobile não se desativa automaticamente (apenas definição manual), excessivo para uma imagem simples
• Preço: Grátis, sem versão Pro

🔗 Advanced WordPress Backgrounds no WordPress.org

2. Parallax Image: um shortcode para uma imagem

Se o AWB é um canivete suíço, então o Parallax Image é um bisturi. O plugin faz exatamente uma coisa: insere uma imagem de largura total com efeito de parallax através do shortcode [dd-parallax]. Sob o capô está o parallax.js da pixelcog, um script leve sem dependências de jQuery.

O shortcode suporta seis parâmetros: img (nome do ficheiro da biblioteca de media ou URL), height (altura da viewport em pixels), speed (velocidade de 0 a 10, onde 0 = estático, 10 = deslocamento máximo), z-index, mobile (imagem separada para mobile), offset (esticar para largura total). O texto entre as tags de abertura e fecho é exibido sobre o fundo parallax, conveniente para secções hero com título e botão.

O plugin foi testado com temas clássicos do WordPress (Twenty Fourteen, Twenty Seventeen) e temas Bootstrap. Funciona com temas de blocos modernos, mas o botão TinyMCE só está disponível no editor clássico. O programador nunca lançou um widget para o Gutenberg.

A última atualização foi em novembro de 2024 (v1.9.1, correções de CVE). O plugin não foi formalmente testado com as últimas três versões principais do WordPress, mas, na prática, o shortcode simples com parallax.js continua a funcionar de forma estável.

Na prática, o Parallax Image é adequado para temas clássicos sem o editor de blocos, quando precisa de adicionar rapidamente uma imagem parallax via shortcode.

• Prós: extremamente simples (um shortcode, um parallax), script parallax.js leve sem dependências de jQuery, imagem separada para mobile via parâmetro mobile
• Contras: apenas editor clássico (sem bloco Gutenberg), sem atualizações funcionais desde 2024, apenas imagens (sem fundo de vídeo)
• Preço: Grátis

🔗 Parallax Image no WordPress.org

3. Element Pack Lite: widgets de parallax para Elementor

Element Pack Lite não é apenas um plugin de parallax, mas um conjunto completo de mais de 300 widgets e extensões para o Elementor. Entre eles estão duas ferramentas de parallax especializadas: Parallax Section (efeito de parallax para uma secção inteira) e Parallax Background (fundo parallax para blocos e colunas individuais). Mais Floating Effects e um painel de animação para ajustar o movimento dos elementos.

Os widgets estão integrados na interface do Elementor: arraste o desejado para a tela, configure a velocidade, direção e gatilho (scroll ou cursor). Para a secção de parallax, defina a imagem de fundo e o comportamento: scroll, escala, opacidade. Ative ou desative separadamente em dispositivos móveis.

A versão gratuita contém mais de 30 widgets, incluindo elementos de parallax. Para sites que já usam o Elementor, o Element Pack Lite é uma escolha natural: não requer um plugin separado para parallax, os widgets de parallax funcionam numa única interface com centenas de outras ferramentas.

Na prática, o plugin é ideal para sites Elementor onde o parallax é uma entre muitas tarefas, não a única. Se constrói com Elementor, o Element Pack Lite já está na lista de essenciais.

• Prós: dois widgets de parallax + Floating Effects + animações num só plugin, mais de 100.000 instalações ativas, suporte ativo, compatibilidade com WordPress 7.0, última atualização em julho de 2026 (v8.7.6)
• Contras: funciona apenas com Elementor (não para Gutenberg e não para o Editor Clássico), mais de 300 widgets podem parecer excessivos se só precisa de parallax
• Preço: Grátis

🔗 Element Pack Lite no WordPress.org

4. Parallax Slider Block: slider com efeito de profundidade

Parallax Slider Block resolve uma tarefa restrita, mas com procura: slider de imagens com efeito de parallax no scroll. Este é um bloco nativo do Gutenberg. Instale o plugin, adicione o bloco Slider Block no editor, carregue as imagens.

Nas definições do bloco, define: velocidade do efeito de parallax, altura do slider (em pixels ou vh), espaçamento entre slides, animação de transição, controlos responsivos para mobile. Opções de personalização adicionais: sombra, arredondamento de cantos, borda, CSS personalizado. A tipografia do título do slide é configurada em tempo real.

O plugin foi criado pela equipa WPDeveloper, os mesmos programadores que fazem o Essential Addons para Elementor (mais de 2 milhões de instalações) e o NotificationX. O código é leve, os recursos são carregados apenas nas páginas onde o bloco é usado.

A última atualização foi em julho de 2024 (v1.2.7), formalmente o plugin não foi testado com as últimas três versões do WordPress. Na prática, funciona de forma estável com o WordPress 6.6.

Na prática, o Parallax Slider Block é adequado para landing pages e portfólios onde precisa de um slider com efeito de profundidade, não um fundo de parallax estático.

• Prós: bloco Gutenberg nativo (instalar e usar), leve (sem jQuery, recursos carregam apenas onde são usados), equipa WPDeveloper com boa reputação
• Contras: apenas slider (sem fundo de parallax estático), última atualização em julho de 2024 (sem novas funcionalidades), mais de 1.000 instalações (público menor do que outros plugins na seleção)
• Preço: Grátis

🔗 Parallax Slider Block no WordPress.org

Vídeo: efeito de parallax em ação

É melhor ver uma vez do que ler as definições. O vídeo da equipa WP Royal Themes mostra a configuração passo a passo do efeito de scroll parallax no WordPress: da instalação do plugin ao resultado final num site ativo.

⁉️🤔 Perguntas frequentes

O parallax torna o site mais lento?

Os plugins de parallax modernos usam requestAnimationFrame e IntersectionObserver: o efeito é ativado apenas quando o bloco está na viewport. O AWB em Jarallax e o Parallax Image em parallax.js carregam menos de 5 KB gzip. As lentidões ocorrem se colocar um fundo de vídeo em ecrã inteiro num alojamento barato sem cache. Aqui, o problema não é o parallax, mas o vídeo.

O parallax funciona no iPhone?

O Safari do iOS historicamente ignora background-attachment: fixed devido a especificidades de renderização. É exatamente por isso que todos os plugins da seleção ou substituem o fixed por transforms (AWB, Parallax Slider Block), ou oferecem uma imagem estática separada para mobile (Parallax Image via o parâmetro mobile). Antes de publicar, verifique definitivamente o site num iPhone real.

É possível fazer parallax sem um plugin?

Pode. Variante mínima: um bloco com background-image e background-attachment: fixed em CSS Personalizado. Mas em mobile isto falha. Um caminho mais fiável: ligar a biblioteca Jarallax ou rellax.js manualmente e escrever um wrapper para o seu tema. Para um programador, isto é viável; para um gestor de conteúdo, um plugin poupará horas de depuração.

Qual plugin escolher para o Gutenberg e qual para o Elementor?

Para o Gutenberg: AWB (máximo de capacidades) ou Parallax Slider Block (apenas slider). Para o Elementor: Element Pack Lite, porque os widgets de parallax estão integrados na interface do page builder e não exigem alternar entre plugins. O Parallax Image via shortcode funciona em qualquer editor: é uma alternativa universal.

O que fazer se o fundo de parallax não for exibido?

Três causas comuns: 1) conflito de z-index com outros elementos (aumente o valor nas definições do plugin), 2) o contentor do tema corta o overflow (verifique overflow: hidden nos blocos pai no inspetor), 3) a imagem não carrega (verifique o URL na consola do navegador). No AWB, o problema resolve-se muitas vezes ativando a opção Stretch.

O que escolher para a sua tarefa

A escolha depende do cenário e das ferramentas.

• Se está a fazer uma landing page ou secção hero com fundo de vídeo, escolha o Advanced WordPress Backgrounds. Este é o único plugin na seleção que consegue fazer fundo do YouTube/Vimeo com parallax, e até com definições de hora de início e fim para o vídeo.

• Se trabalha no Elementor, o Element Pack Lite já está na sua lista de essenciais. Os widgets de parallax vêm integrados com centenas de outras ferramentas úteis.

• Se precisa apenas de um slider com efeito de profundidade, o Parallax Slider Block cobre a tarefa sem sobrecarregar o site com bibliotecas extra.

• Se tem um tema clássico sem o editor de blocos e precisa de adicionar rapidamente uma imagem parallax, o shortcode [dd-parallax] do Parallax Image resolve em cinco minutos.

A regra principal do parallax no WordPress: moderação. Um, no máximo dois blocos de parallax por página. O efeito deve enfatizar o conteúdo, não distrair dele. Um parallax bem configurado adiciona profundidade e um toque premium ao site. Três secções de parallax seguidas transformam uma landing page num carrossel do qual se quer sair.