ProductX WooCommerce Builder per negozi online

La popolarità del plugin WooCommerce per la creazione di negozi online continua a crescere. L'ecosistema WooCommerce è molto popolare ed è attualmente la prima scelta per la creazione di negozi eCommerce. Al giorno d'oggi, la maggior parte dei proprietari di piccole imprese sta creando il proprio negozio online in WooCommerce. Per questo motivo, è difficile creare un sito che si distingua dagli altri negozi.

Non solo, WooCommerce manca di molte funzionalità essenziali necessarie per un negozio online idol. Se vuoi superare questa situazione, puoi provare a utilizzare un plugin per la creazione di WooCommerce. Consente di creare diversi tipi di modelli di pagina essenziali con tutte le funzionalità richieste e di modificarli con quelli predefiniti. Quindi in questo blog parlerò di uno dei più promettenti costruttori di WooCommerce che offre tutte le funzionalità essenziali senza lasciare l'ecosistema Gutenberg.

Presentazione di ProductX: Gutenberg WooCommerce Builder

ProductX è una soluzione all-in-one basata su Gutenberg per espandere le funzionalità del plug-in WooCommerce per creare negozi online idol. Offre più blocchi di prodotti, funzionalità essenziali e vari componenti aggiuntivi.

WooCommerce Builder è uno dei potenti componenti aggiuntivi di ProductX. Aiuta a creare in modo dinamico modelli per più pagine e sovrascrivere i modelli WooCommerce esistenti.

L'attrazione principale del componente aggiuntivo Builder di ProductX è che funziona come editor Gutenberg. E per questo motivo, ha capacità di costruzione dinamiche complete senza alcuna ridondanza.

Cosa possiamo fare con ProductX WooCommerce Builder

Poiché ho già discusso del componente aggiuntivo Gutenberg WooCommerce Builder di ProductX, è tempo di discutere di cosa possiamo fare con esso. Se hai familiarità con uno dei popolari plugin per builder, sarà più facile per te da capire.

Proprio come qualsiasi altro builder, aiuta a creare e personalizzare i modelli per la maggior parte delle pagine essenziali dei negozi WooCommerce. Quello include:

• Pagina del negozio
• Archivi prodotti
• Categorie di Prodotto
• Pagina del carrello
• Pagine di singoli prodotti e molto altro

Dopo aver creato i modelli per le pagine sopra menzionate, i modelli predefiniti delle pagine esistenti verranno sostituiti con quelli nuovi.

Come utilizzare WooCommerce Builder di ProductX

Ovviamente, solo avere una soluzione non la rende la scelta migliore. Una soluzione ovvia deve avere anche una buona esperienza utente. La maggior parte degli utenti di WordPress desidera che ogni soluzione sia semplice e facile da usare. Quindi, controlliamo come funziona WooCommerce Builder di ProductX.

Come ho detto prima in questo post del blog, WooCommerce Builder è un componente aggiuntivo di ProductX. Quindi per usarlo, dobbiamo accenderlo dopo aver installato e attivato adeguatamente il plugin ProductX. Ecco come:

• Dalla dashboard di WordPress, vai alla sezione ProductX
• Ora, fai clic sulla sezione Componenti aggiuntivi di ProductX
• Attiva il Builder da Tutti i componenti aggiuntivi disponibili

Dopo aver attivato il componente aggiuntivo Builder, puoi creare modelli illimitati e sostituirli con i modelli WordPress predefiniti.

Vediamo come possiamo creare un modello per renderti più facile capire come funziona. Quindi, è necessario seguire i passaggi seguenti per creare un modello:

• Vai alla sezione Builder
• Fare clic sul pulsante "Aggiungi nuovo".
• Aggiungi un nome per il modello
• Scegli il tipo di modello
• Seleziona Condizioni se necessario
• Fare clic sul pulsante "Crea modello".

Dall'opzione di selezione del tipo, devi scegliere la pagina per la quale devi creare il modello. E, quindi, seleziona la condizione in base alle tue esigenze.

Crea e personalizza la pagina del negozio personalizzata utilizzando WooCommerce Builder

Ora, vediamo come creare da zero un modello di pagina del negozio personalizzato. Prima di tutto, seleziona Negozio come tipo durante la creazione di un modello. Non è necessario selezionare le condizioni poiché WooCommerce Shop ha un solo modello.

Dopo aver selezionato il tipo, fai clic sul pulsante "Crea modello" e il tuo modello sarà pronto. Tuttavia, il modello è vuoto e devi personalizzarlo da zero.

Durante la personalizzazione del modello di pagina del negozio, sta a te decidere cosa e come visualizzarlo. Non preoccuparti; ProductX ha tutte le opzioni per creare una pagina negozio perfetta. Come sai, la pagina del negozio perfetta deve avere prodotti con negozi filtrati per consentire agli acquirenti di trovare facilmente gli articoli desiderati.

Ora vediamo come aggiungere prodotti e opzioni di filtro alla pagina del negozio. Ad esempio, visualizzerò i prodotti sul lato destro e le opzioni di filtro a sinistra. Tuttavia, puoi anche fare il contrario.

Per visualizzare correttamente i prodotti e le opzioni di filtraggio fianco a fianco, è necessario utilizzare il blocco colonne Gutenberg. Quindi sto aggiungendo una colonna con un rapporto 70/30.

Quindi possiamo aggiungere il blocco del filtro del prodotto sul lato sinistro e tutti i blocchi del prodotto disponibili sul lato destro. Ad esempio, sto aggiungendo il blocco Product Grid 1.

Ora dobbiamo collegare il blocco prodotto con i blocchi di filtraggio. Per questo, fai clic sull'opzione di selezione della griglia e seleziona la griglia del prodotto che hai aggiunto alla pagina del negozio.

Non preoccuparti se non ti piace la griglia del prodotto di visualizzazione predefinita e i blocchi dei filtri perché ProductX ha un'opzione di personalizzazione completa per tutti i blocchi.

Ultimo ma non meno importante, puoi anche scegliere tra due tipi di impaginazione, carica di più e numerica se vuoi impaginare la pagina del tuo negozio.

Dopo la personalizzazione, puoi pubblicare il modello di pagina del negozio e controllare come appare per gli acquirenti.

Crea e personalizza il modello di pagina di categoria utilizzando WooCommerce Builder

Ora che sai di aver imparato a creare un modello di pagina del negozio personalizzato. È ora di imparare a fare lo stesso con il modello di pagina delle categorie. Quindi sarà più facile per te capire correttamente come funziona il builder di ProductX.

Quindi, seleziona archivio come tipo di modello e quindi seleziona la condizione di "tutte le categorie di prodotti" poiché desideri creare un modello per tutte le categorie. Tuttavia, è disponibile anche un'opzione di selezione della categoria di prodotto specifica se desideri creare modelli separati per categorie specifiche.

Ora, fai clic e inizia a modificare il modello. Quindi puoi iniziare a personalizzarlo come il modello di pagina del negozio.

Innanzitutto, è necessario aggiungere il cartiglio dell'archivio che visualizzerà il nome del titolo della categoria. Dopo aver aggiunto il blocco, modifichi le dimensioni, il colore e la tipografia.

Successivamente, puoi aggiungere i blocchi di prodotti desiderati al modello. Quindi i prodotti verranno visualizzati dinamicamente in base alle rispettive categorie.

Quando sei soddisfatto del modello, pubblicalo e osserva l'aspetto delle categorie di prodotti dopo l'implementazione del modello.

Conclusione

Questo è tutto sul Gutenberg WooCommerce Builder di ProductX. Tuttavia, le capacità del costruttore non finiscono qui. Puoi anche creare e personalizzare modelli di pagine di prodotti singoli WooCommerce. Ora, poiché hai una panoramica del più promettente Gutenberg Builder per WooCommerce, puoi iniziare a riprogettare il tuo negozio WooCommerce con facilità.