Oxygen Builder: O Que É, Como Funciona e Para Quem Serve

Oxygen Builder foi, por muito tempo, o queridinho dos desenvolvedores WordPress que queriam controle total sobre o código sem abrir mão de um editor visual. Depois de configurar mais de 300 sites em WordPress aqui na Weboption, posso dizer com segurança: nenhum outro page builder entregou um output HTML tão limpo quanto o Oxygen nas suas versões legadas. Esse artigo explica o que é, como funciona, e por que ele ainda importa mesmo depois da fusão com o Breakdance.

O que é o Oxygen Builder e qual é seu histórico

O Oxygen Builder é um page builder WordPress focado em desenvolvedores, lançado pela Soflyy em 2016. Diferente de concorrentes como Elementor ou Divi, ele nasceu com uma proposta específica: gerar HTML e CSS limpos, sem camadas extras de markup desnecessário.

O modelo de licença era agressivo no bom sentido. Por US$ 99 em licença lifetime (pagamento único), você tinha acesso vitalício com atualizações. Isso virou referência no mercado. Para comparar: o Elementor Pro custa em torno de R$ 1.100 a R$ 2.200 por ano dependendo do plano. A diferença acumulada em 3 anos é expressiva.

Em 2023, a Soflyy anunciou que o Oxygen deixaria de receber novas funcionalidades e que o desenvolvimento seguiria em um novo produto: o Breakdance Builder. Quem já tinha licença do Oxygen pode usar o Breakdance gratuitamente. Uma transição abrupta, mas honesta.

Como o Oxygen Builder funciona na prática

O Oxygen substitui completamente o tema WordPress. Não existe um tema ativo no sentido tradicional: o builder toma conta de tudo, desde o header até o footer, passando por templates de post, de categoria, de página. Isso é diferente do Elementor, que ainda depende de um tema por baixo.

A interface é visual, mas o fluxo de trabalho é mais próximo de escrever código do que arrastar blocos. Você define estilos com precisão de CSS, acessa propriedades flexbox e grid diretamente, e pode injetar PHP, JavaScript ou HTML customizado em qualquer componente. Para quem vem de uma linguagem de programação, a curva é natural. Para quem quer só clicar e publicar, o Oxygen não é o lugar certo.

O sistema de templates do Oxygen trabalha com condições. Você cria um template e define para quais páginas ele se aplica: singular posts, archives, páginas específicas pelo ID, usuários logados, e assim por diante. É a mesma lógica de um theme.json avançado, mas visual.

Em termos de performance, o Oxygen gera entre 30% e 60% menos markup HTML do que construtores baseados em widgets como Elementor, segundo testes independentes publicados no WP Builds em 2022. Menos tags, menos estilos inline, menos JavaScript carregado por padrão.

Controle de CSS e JavaScript no Oxygen

Aqui está o ponto onde o Oxygen se distancia de praticamente tudo no mercado. O CSS gerado pelo builder é compilado em um único arquivo por template, sem!important espalhados pelo código, sem seletores com especificidade absurda que tornam a manutenção um pesadelo.

Você pode escrever CSS global, CSS de componente, ou usar as propriedades visuais do painel. As três abordagens coexistem sem conflito. Quando usamos o Oxygen em projetos de e-commerce com WooCommerce, conseguimos reduzir o CSS total carregado de 400kb para menos de 80kb em vários casos, só pelo controle que o builder oferece.

O JavaScript segue a mesma filosofia. Nada é carregado sem necessidade. Você adiciona scripts por componente ou globalmente, com controle de onde e quando eles disparam. Nenhum plugin de cache ou otimização de performance faz o que o Oxygen faz nativamente: simplesmente não carregar o que não precisa existir.

Para quem o Oxygen Builder é indicado

Sem rodeios: o Oxygen é para desenvolvedores. Não para iniciantes, não para clientes que vão editar o site sozinhos depois da entrega, não para quem quer um template pronto e vai ao ar em 2 horas.

O perfil ideal é o freelancer ou a agência que desenvolve sites personalizados, que tem familiaridade com CSS e HTML, e que valoriza performance acima de praticidade. Na Weboption, usamos o Oxygen em projetos que exigem sites abaixo de 2 segundos de carregamento sem depender de CDN agressivo ou cache extremo.

Também funciona muito bem para desenvolvedores que criam sites e entregam sem acesso ao editor visual para o cliente. O Oxygen não tem um modo “editor simplificado” para o usuário final. Você entrega o site, o cliente edita textos via WordPress diretamente, e a estrutura visual permanece intacta.

A comunidade é outro ponto positivo. Existe um grupo no Facebook com mais de 20 mil membros ativos, um subreddit dedicado, e uma biblioteca de recursos compartilhados entre usuários. Para uma ferramenta de nicho, o suporte da comunidade é surpreendentemente robusto.

O erro que vemos com frequência no uso do Oxygen

O erro mais comum que encontramos ao assumir projetos construídos em Oxygen por outras agências ou freelancers é o uso excessivo de classes customizadas sem organização. O Oxygen permite escrever CSS livre, e muitos desenvolvedores aproveitam isso para criar um arquivo de CSS global com centenas de linhas soltas, sem estrutura, sem nomenclatura consistente.

O resultado é um site que parece performático na auditoria inicial, mas que vira um problema de manutenção em 6 meses. Já recebemos projetos onde o CSS global tinha mais de 1.200 linhas sem comentários e com conflitos de especificidade que ninguém mais conseguia rastrear.

A solução é simples: adote uma convenção de nomenclatura desde o início (BEM funciona bem com o Oxygen), separe CSS global de CSS de componente, e documente qualquer classe que não seja autoexplicativa. Parece óbvio, mas é o que diferencia um projeto sustentável de um legado problemático.

Oxygen Builder vs Breakdance: o que mudou

O Breakdance Builder é o sucessor oficial do Oxygen. Ele mantém a filosofia de código limpo e controle de desenvolvedor, mas traz uma interface mais moderna, suporte a animações, e um sistema de design tokens mais estruturado.

Quem tem licença do Oxygen antes de novembro de 2023 recebe o Breakdance gratuitamente, o que foi uma decisão acertada da Soflyy. Novos usuários pagam US$ 149 por ano ou US$ 249 pela licença lifetime no plano básico, preços atualizados no site oficial.

O Oxygen legado ainda funciona e ainda recebe correções de segurança, mas novas funcionalidades não chegam mais. Para projetos novos, o Breakdance faz mais sentido. Para projetos existentes em Oxygen, não há urgência de migrar agora, mas planejar a transição para os próximos 12 a 18 meses é prudente.

Perguntas frequentes

O Oxygen Builder ainda funciona no WordPress atual?

Sim. O Oxygen Builder continua compatível com WordPress 6.x e recebe atualizações de segurança pela Soflyy. Não é recomendado para projetos novos, mas sites existentes funcionam sem problemas.

Qual é o preço atual do Oxygen Builder?

A licença lifetime do Oxygen era vendida por US$ 99 e não está mais disponível para novos usuários. O produto atual da Soflyy para novos projetos é o Breakdance Builder, com planos a partir de US$ 149 por ano.

O Oxygen Builder é compatível com WooCommerce?

Sim, o Oxygen tem suporte nativo ao WooCommerce com templates específicos para páginas de produto, carrinho, checkout e conta do usuário. A integração funciona bem e permite customização total do layout sem depender de plugins de estilo adicionais.

Preciso saber programar para usar o Oxygen Builder?

Não é obrigatório, mas é altamente recomendado. O Oxygen é um construtor orientado a desenvolvedor, e o melhor do builder aparece quando você domina CSS e entende a estrutura do HTML que está gerando. Sem esse conhecimento, você perde a principal vantagem da ferramenta.

O que acontece com os sites em Oxygen depois da fusão com o Breakdance?

Nada muda automaticamente. Sites em Oxygen continuam funcionando normalmente. A migração para o Breakdance é opcional e precisa ser feita manualmente, pois os dois builders usam estruturas de dados diferentes.