Imagine criar um quiz interativo, um sistema de votação ou até mesmo um configurador de produtos diretamente no editor do WordPress, sem precisar escrever uma linha de JavaScript ou recorrer a plugins pesados. Parece um sonho distante? Pois saiba que esse futuro já começou a se materializar. O WordPress, por meio do Gutenberg, está evoluindo para um verdadeiro framework de aplicações web, e o conceito-chave por trás dessa transformação é o que os especialistas chamam de block composability — a capacidade de combinar blocos de forma flexível para construir experiências ricas e dinâmicas.
Em uma conversa inspiradora, Seth Rubenstein, desenvolvedor sênior do Pew Research Center, mergulhou fundo nas novas APIs que estão revolucionando a forma como pensamos o desenvolvimento no ecossistema WordPress. APIs como Block Bindings, Block Bits e a Interactivity API prometem dar superpoderes tanto para desenvolvedores quanto para editores, permitindo a criação de interfaces de usuário complexas — como questionários personalizados — sem sair do conforto do editor visual. Neste artigo, vamos explorar esse novo paradigma e mostrar como você pode começar a se preparar para esse futuro que já bate à porta.
O que é Block Composability e por que isso importa?
Block composability, ou composabilidade de blocos, é a ideia de que blocos individuais no Gutenberg podem ser combinados, aninhados e configurados para formar componentes maiores e mais complexos, exatamente como peças de Lego. Até hoje, a maior parte do desenvolvimento de blocos era focada em componentes isolados (um botão, uma imagem, um parágrafo). Agora, o movimento é em direção à construção de sistemas interativos dentro do próprio editor.
Para o desenvolvedor, isso significa menos código personalizado e mais reutilização. Para o editor, significa a possibilidade de criar páginas dinâmicas sem depender de um desenvolvedor para cada nova funcionalidade. É uma mudança de paradigma que coloca o WordPress no mesmo patamar de plataformas como Webflow ou Bubble, mas com a vantagem de ser open-source e ter um ecossistema imenso.
As APIs que estão moldando o novo Gutenberg
Três APIs são as protagonistas dessa nova era. Vamos entender cada uma delas e como podem ser usadas na prática.
Block Bindings: conectando blocos a dados dinâmicos
A Block Bindings API permite que qualquer atributo de um bloco (como o texto de um parágrafo, a URL de uma imagem ou o valor de um campo) seja vinculado a uma fonte de dados externa. Isso pode ser o conteúdo de um campo personalizado do ACF, uma propriedade de um post, ou até mesmo um valor vindo de uma API externa.
O resultado é que você pode criar blocos que se comportam como componentes vivos, atualizando seu conteúdo automaticamente quando a fonte muda. Imagine um bloco de depoimento que puxa o nome e a foto do autor diretamente do perfil do usuário. Ou um contador regressivo que busca a data de um campo personalizado. Tudo isso sem sair do editor.
// Exemplo de binding: conectar um campo ACF a um bloco de texto
wp.blocks.registerBlockBindings( 'meu-plugin/depoimento', {
sources: {
'core/paragraph': {
bind: { content: 'post-meta' },
args: { meta_key: 'texto_depoimento' }
}
}
} );Block Bits: componentes reutilizáveis de baixo nível
Se os blocos são as peças de Lego, os Block Bits são os conectores que permitem que essas peças se encaixem de maneiras inesperadas. Eles são micro-componentes que podem ser inseridos dentro de blocos existentes para adicionar funcionalidades como abas, acordeões, sliders e outros comportamentos de UI, sem precisar criar um bloco novo do zero.
Na prática, você poderia pegar um bloco de grupo (Group) e, usando Block Bits, transformá-lo em um carrossel de imagens ou em uma lista de itens filtráveis. Isso reduz drasticamente o tempo de desenvolvimento e mantém a consistência visual.
Interactivity API: a revolução da interação no front-end
A Interactivity API é, sem dúvida, a mais empolgante. Ela fornece um conjunto de ferramentas para adicionar comportamentos interativos a blocos — como abrir e fechar um acordeão, atualizar um contador, submeter um formulário sem recarregar a página, e até mesmo criar quizzes com realimentação em tempo real.
O grande diferencial é que essa interatividade é nativa do WordPress, não dependendo de bibliotecas externas como Alpine.js ou Vue. A API utiliza um modelo de estado global (store) e diretivas HTML simples dentro dos blocos, o que a torna incrivelmente leve e fácil de aprender para quem já conhece o ecossistema.
“A Interactivity API permite que desenvolvedores criem micro-aplicações complexas sem sair do ambiente do bloco. É como dar um upgrade de foguete no Gutenberg.”
Na prática: construindo um quiz interativo com composabilidade
Vamos conectar todos os pontos com um exemplo concreto: um quiz de múltipla escolha que mostra o resultado após o usuário responder. Esse cenário demonstra como as três APIs trabalham juntas.
- Estrutura com Block Bits: Use um Block Bit para criar um contêiner de perguntas e respostas, com abas que alternam entre as questões.
- Bindings para dados dinâmicos: Conecte o texto da pergunta e as alternativas a campos personalizados (ACF) usando Block Bindings. Assim, o editor pode cadastrar as perguntas sem tocar em código.
- Interatividade com a Interactivity API: Adicione a lógica de pontuação: quando o usuário clica em uma alternativa, a API calcula a resposta correta, muda o estado do bloco para destacar a resposta errada/certa e, ao final, exibe uma mensagem com a pontuação.
Desafios e o que esperar do futuro
Apesar do enorme potencial, ainda existem desafios. A responsividade de blocos compostos é uma das necessidades mais citadas pela comunidade. Como garantir que um quiz com várias colunas e elementos interativos funcione perfeitamente em dispositivos móveis? As soluções atuais passam por CSS Grid e media queries, mas o ideal é que o próprio Gutenberg ofereça configurações de quebra de layout por bloco.
Outro ponto é a performance. Embora a Interactivity API seja leve, o uso excessivo de bindings e bits pode gerar complexidade. Ferramentas como WP Rocket e Kinsta continuam sendo aliadas importantes para otimizar o carregamento. Além disso, a documentação ainda está em evolução — muitos desenvolvedores brasileiros aguardam mais exemplos práticos e tutoriais em português.
Por fim, o ecossistema de plugins como Crocoblock (com o JetEngine) e Elementor precisarão se adaptar a esse novo paradigma. A tendência é que construtores visuais passem a incorporar a Interactivity API nativamente, criando um elo entre o poder do código e a facilidade do arrastar e soltar.
Conclusão: prepare-se para o próximo nível
A block composability não é uma tendência passageira — é a fundação sobre a qual o WordPress será construído nos próximos anos. Se você é desenvolvedor, esse é o momento ideal para estudar as novas APIs, experimentar a Interactivity API e repensar a forma como cria soluções. Se você é editor ou designer, comece a explorar as possibilidades de bloco com bindings e bits; em breve, poderá criar aplicações web diretamente do painel.
A mensagem principal é clara: o WordPress está se tornando uma plataforma de desenvolvimento de aplicações tão versátil quanto o ChatGPT é para a geração de conteúdo — só que com muito mais controle e personalização. Não fique para trás. Comece hoje mesmo a experimentar essas ferramentas e veja até onde a criatividade pode levar.
