Oxygen Builder: una guida veloce

Per la piattaforma WordPress esistono diversi page builder, ossia plugin che permettono di creare e personalizzare layout di siti web tramite un’interfaccia “drag-and-drop”, cioè “trascina e rilascia”. Uno dei più innovativi e performanti del settore è Oxygen Builder, che offre un approccio molto diverso rispetto ai tradizionali page builder.

In questa guida analizziamo in dettaglio le caratteristiche tecniche, il funzionamento e le potenzialità di questo software, con un occhio alle funzionalità principali, al target di riferimento, alle procedure di installazione, ai vantaggi e agli svantaggi.

Cos’è Oxygen Builder

Oxygen Builder, più che un semplice plugin, agisce come un sistema completo di site-building. Nel momento in cui viene attivato, disabilita il tema WordPress installato, assumendo il controllo totale della struttura visiva del sito.

Oxygen page builder ha un approccio ibrido, poiché fonde la praticità di un’interfaccia visiva “drag-and-drop” con la semplicità della tipica scrittura manuale del codice. Il plugin, oltre a modificare il contenuto di una pagina già esistente, permette di progettare l’intera architettura grafica di un sito utilizzando elementi HTML fondamentali e proprietà CSS avanzate. In questo modo offre la massima libertà creativa, consentendo di realizzare layout complessi, ma senza dover “combattere” contro le impostazioni predefinite.

Oxygen Builder vs page builder tradizionali

Tra i page builder tradizionali più noti spiccano WordPress Elementor e Beaver Builder, che operano solitamente “sopra” un tema attivo. Il browser quindi deve prima caricare le risorse del tema e, successivamente, quelle del builder, col rischio di appesantire il codice con elementi non necessari.

Oxigen Builder invece non deve caricare fogli di stili né script di un tema genitore, così il codice generato risulta più snello e pulito. La gestione delle risorse, rispetto ai tradizionali page builder, diventa quindi più efficiente, offrendo un controllo più elevato e rendendo il sito più leggero e reattivo.

Come funziona Oxygen

Oxygen è un programma molto intuitivo per creare siti web, infatti mostra in tempo reale esattamente come apparirà la pagina finale. Ogni elemento, come un testo o un’immagine, viene inserito in una struttura precisa, come dei blocchi di costruzione, per garantire che il sito funzioni bene e che sia responsive.

Invece di spostare oggetti a caso con il mouse, si utilizza un pannello laterale per decidere spazio e dimensioni. Il sistema scrive automaticamente il codice necessario, in modo pulito e leggero. Chi ha una maggiore dimestichezza e vuole fare modifiche più strutturali, può intervenire scrivendo manualmente il suo codice personalizzato.

Le funzionalità principali di Oxygen Builder

Una delle principali funzionalità di Oxygen Builder è “Global Styles”, un sistema che consente di definire centralmente colori, font e dimensioni per l’intero sito. Modificando una sola variabile, il cambiamento si applica all’istante su tutte le pagine, garantendo la massima coerenza visiva e un prezioso risparmio di tempo.

Altro punto di forza è l’integrazione nativa con i dati dinamici. È possibile collegare qualsiasi elemento grafico ai campi presenti nel database di WordPress. Inoltre Oxygen include un potente Header Builder per la creazione di menu complessi e responsive, e una profonda integrazione con WooCommerce.

Prestazioni e pulizia del codice

Nel moderno web Oxygen si è costruito una reputazione solida tra gli specialisti SEO per le ottime prestazioni offerte, soprattutto in termini di velocità e di pulizia del codice. Se una specifica funzionalità non viene usata in una determinata pagina, allora il relativo codice non viene caricato.

Inoltre il codice HTML generato è privo di script inutili, riducendo il peso della pagina, migliorando la velocità e limitando il numero di richieste del server. Per i progetti che richiedono tempi di caricamento minimi per migliorare l’esperienza utente e il posizionamento sui motori di ricerca, Oxygen offre un notevole vantaggio competitivo.

A chi è davvero adatto Oxygen Builder

Benché sia uno strumento potente, Oxygen Builder non è adatto a tutti. È molto tecnico e orientato allo sviluppo, quindi poco accessibile a chi è alle prime armi nella realizzazione di siti che magari cercano soluzioni già “confezionate”. Inoltre richiede più tempo per un apprendimento totale e una comprensione base dei principi di layout.

È invece la scelta ideale per web designer, sviluppatori front-end e agenzie che necessitano di un controllo totale sul design e sulle prestazioni. In particolare è indicato per chi vuole realizzare siti web su misura e altamente performanti, o per chi vuole imparare come sono realmente strutturati i siti web.

Installazione di Oxygen Builder su WordPress

L’installazione di Oxygen Builder su WordPress è leggermente diversa rispetto ai plugin gratuiti, essendo un software premium. Dopo l’acquisto della licenza dal sito ufficiale, bisogna scaricare il pacchetto di installazione in formato .zip. Una volta eseguito l’accesso al pannello di amministrazione di WordPress, è necessario seguire questi step:

• navigare nella sezione “Plugin”;
• selezionare “Aggiungi nuovo”;
• selezionare “Carica plugin” e successivamente il file scaricato.

Fatto ciò, viene richiesto l’inserimento della chiave di licenza per abilitare gli aggiornamenti automatici. A questo punto il sistema propone una scelta: installare un sito pre-fatto da una libreria di design, oppure procedere con un’installazione “Blank”, ossia un’installazione vuota che disabilita il tema attivo, mostrando il sito come una tela bianca pronta per essere costruita da zero.

Creare una pagina con Oxygen

Per creare la propria pagina su Oxygen, bisogna per l’appunto creare una nuova pagina, inserire il titolo e poi cliccare sul pulsante in basso “Edit Template”. Fatto ciò si aprirà il Page Builder, da dove poter modificare la nuova pagina. Oxygen mette a disposizione un’ampia libreria di template, pronti e personalizzabili per essere importati sul proprio sito web. Eventualmente si possono anche importare i seguenti moduli singoli di un tema:

• call to action;
• contatti;
• footer;
• header;
• intestazioni;
• testimonial.

Pro e contro di Oxygen Builder

Per concludere la nostra analisi, esaminiamo i vantaggi e gli svantaggi di Oxygen Builder. Tra i pro spiccano le prestazioni elevate e la pulizia del codice, fattori determinanti per la SEO. Oxygen Builder prevede una licenza “Lifetime” (a vita) per siti illimitati, quindi dopo averlo pagato una sola volta lo si può utilizzare sempre, senza dover pagare abbonamenti annuali. È uno strumento flessibile, poiché permette di realizzare qualsiasi design senza limiti strutturali.

Passiamo ora agli svantaggi. Come già accennato non è uno strumento per tutti e richiede tempo per essere padroneggiato perfettamente. Per utilizzarlo al meglio infatti bisogna avere una conoscenza approfondita di HTML e CSS e, possibilmente, anche di JavaScript e PHP. Un altro svantaggio è che Oxygen sostituisce completamente il classico tema del sito. Di solito, per fare certe modifiche tecniche, si interviene sul file del tema, che con Oxygen non esiste più. Bisogna quindi trovare strade alternative per ottenere lo stesso risultato, cosa che può complicare la vita e creare confusione a chi è meno esperto.