Evidenziazione del plug-in Divi: Divi BodyCommerce

Divi BodyCommerce è un plug-in di terze parti per Divi che ti dà il controllo sul design del tuo negozio dalla pagina del prodotto alla pagina di pagamento e tutto il resto. È progettato pensando alle conversioni e ti dà il pieno controllo sul design del tuo negozio utilizzando Divi Builder.

Quando un plug-in offre tanti moduli e funzionalità come questo, tende a diventare opprimente da usare. Tuttavia, questo non è stato un problema con questo perché tutto è facile da seguire e ci sono più video passo-passo di quasi tutti i plugin che ho visto. In questo articolo, daremo un'occhiata a Divi BodyCommerce e vedremo cosa può fare e quanto è facile da usare.

Installazione e impostazioni di Divi BodyCommerce

Carica e attiva il plugin normalmente. Per attivare la licenza, vai su Divi Engine > Licenza BodyCommerce nel menu della dashboard.

Facendo clic su BodyCommerce nel menu della dashboard si aprono le impostazioni. Queste sono le stesse impostazioni che ti aspetteresti di vedere per WooCommerce. Qui puoi selezionare le tue pagine. Una volta creati i layout per queste pagine, accedi a questa pagina delle impostazioni e selezionali. Puoi anche impostare le pagine su tutta la larghezza e scegliere di avere un modello di prodotto diverso per ogni categoria.

Moduli Divi BodyCommerce

53 nuovi moduli vengono aggiunti al Divi Builder. Questi sono tutti gli elementi di cui hai bisogno per progettare ogni aspetto del tuo negozio WooCommerce, comprese le pagine dei prodotti, le pagine dell'account, le pagine di archivio, il carrello della spesa, ecc. Sono codificati a colori in modo da non perderli. I colori mostrano effettivamente a cosa servono i moduli. Ad esempio, i moduli rossi sono per le pagine dei prodotti. Alcuni usano un gradiente per mostrare che funzionano con due tipi di pagine. Questa immagine mostra i primi 24 moduli.

Ecco i prossimi 29 moduli. I moduli aggiungono elementi di pagina come vendite in aumento, vendite incrociate, dispositivi di scorrimento, prodotti correlati, caroselli, gallerie, condivisione, schede, breadcrumb e molto altro. I loop creano elenchi di prodotti per costruire le pagine del tuo negozio. Includono le schede e le opzioni Contenuto, Progettazione e Avanzate previste.

Nota: se una pagina non si carica, assicurati di non utilizzare un modulo su quella pagina che non è stato progettato per funzionare su quella pagina. Alcuni moduli sono globali e funzionano con qualsiasi pagina, ma altri sono pensati per tipi specifici di pagine. Ad esempio, non puoi utilizzare un modulo della pagina del prodotto su una pagina di loop.

Creazione e assegnazione di una pagina

Diamo un'occhiata a come creare la pagina e impostarla come predefinita per quella categoria. Innanzitutto, crea il layout nella libreria Divi.

Quindi, vai su Divi Engine > BodyCommerce nel menu della dashboard. Seleziona la scheda per il tipo di pagina che stai creando e poi scegli il layout per quella pagina. Puoi creare tutti i layout che desideri e utilizzarli per diversi tipi di pagine e per singole categorie.

Esempi di Divi BodyCommerce

Ecco alcuni esempi che ho creato. Questo è solo un piccolo esempio di ciò che si può fare con questo plugin.

Pagina del negozio Divi BodyCommerce

Per la pagina del negozio, ho appena aggiunto un modulo di pagine di archivio del ciclo del prodotto.

Ecco la pagina con le impostazioni predefinite. Ciascuno degli elementi può essere regolato con Divi Builder.

Eccolo all'interno del layout del Tea Shop. Queste sono le impostazioni predefinite ad eccezione del limite. L'ho impostato per mostrare 6 prodotti.

Puoi regolare alcuni elementi dal vivo.

Ho aggiunto sfondi verdi al badge e ai pulsanti di vendita, ho impostato il layout per mostrare 6 colonne, ho aggiunto un'ombra di scatola ai prodotti e ho aggiunto una sovrapposizione verde. Sono impressionato dal numero di opzioni per il layout.

Questo è il layout in stile blog. Sarebbe fantastico se avessi descrizioni dei prodotti più lunghe.

Pagina del prodotto Divi BodyCommerce

Ho creato un layout di pagina del prodotto nella libreria Divi e l'ho selezionato come layout predefinito nelle impostazioni di BodyCommerce. Questo è solo un layout di base per avere un'idea di cosa possono fare i moduli.

È semplice, ma è un buon punto di partenza. Mostra il titolo, la galleria e il dispositivo di scorrimento del prodotto.

Ho inserito a caso qualche pagina di prodotto in più e moduli globali.

Sta iniziando a mostrare il tipo di cose che si possono fare con BodyCommerce. Facciamo un po' di Divi in ​​questa pagina.

Ecco alcune semplici regolazioni con Divi Builder. Tutto quello che ho fatto è aggiungere uno sfondo alla sezione e alla riga e aggiustare i bordi per i pulsanti e il campo di ricerca.

In questo, ho aggiunto una nuova riga per i prodotti correlati e spostato il modulo di ricerca su quella riga. Ho anche cambiato il layout per il prodotto e ho cambiato l'immagine del prodotto in una galleria. L'ho impostato su scorrimento verticale. Se la demo di WooCommerce avesse più immagini per questo prodotto, verrebbero visualizzate in una colonna verticale a sinistra. Questo è solo graffiare la superficie del livello di regolazioni che possono essere fatte con le pagine dei prodotti.

Carrello Divi BodyCommerce

Sto costruendo una pagina del carrello degli acquisti utilizzando la pagina dei contatti nel layout Bakery. Sto utilizzando i moduli Carrello Prodotti e Totali carrello. Non mostrano il loro contenuto durante la visualizzazione in Visual Builder, ma puoi comunque creare in Visual Builder. I moduli forniscono molte altre funzionalità come il cross-selling.

Ecco il carrello con le impostazioni predefinite. Ho i due moduli in un unico layout a 2 colonne.

Ecco la pagina del carrello dopo un paio di modifiche. Sono passato a un layout a colonna singola, ho aggiunto una spaziatura da destra a sinistra, ho aggiunto un colore di sfondo dal layout, ho cambiato i colori dei pulsanti e i colori del testo in modo che corrispondano al layout e ho aggiunto un'ombra di casella.

Documentazione Divi BodyCommerce

La documentazione è fornita in forma scritta sul sito Web dello sviluppatore e con una serie di video su YouTube. Mi piace che includa entrambi. I collegamenti sono forniti nel menu della dashboard di Divi Engine. Puoi anche vedere i video facendo clic su una qualsiasi delle funzionalità sul sito Web dello sviluppatore. Questo crea una struttura interessante per trovare i video di cui hai bisogno. Questo è in realtà il modo in cui ho trovato i video che volevo vedere.

Prezzo Divi BodyCommerce

BodyCommerce ha tre licenze tra cui scegliere:

• 1 sito – £ 24
• 5 siti – £ 50
• Siti illimitati – £ 96

Puoi acquistare BodyCommerce dal sito web dello sviluppatore.

Pensieri finali

Divi BodyCommerce offre un livello impressionante di controllo sui prodotti WooCommerce e sui design delle pagine. Ho appena accennato a cosa può fare. Puoi anche personalizzare la schermata di accesso, i badge, le pagine dell'account, le pagine di ringraziamento, i moduli, le pagine di ricerca e molto altro. Include anche modelli di posta elettronica, icone personalizzate, campioni e AJAX per il carrello. Mi piace poter creare un layout diverso per ogni categoria.

I moduli e il layout erano facili da usare. Ho seguito i video sulla pagina dello sviluppatore per creare i miei esempi. I video erano dettagliati e facili da seguire. Non ho avuto problemi a creare qualsiasi tipo di pagina che volevo.

BodyCommerce offre più strumenti e personalizzazioni di qualsiasi plug-in WooCommerce/Divi che ho visto finora. Se usi WooCommerce con Divi e vuoi personalizzare le tue pagine WooCommerce, BodyCommerce è una scelta facile.

Vogliamo sentire da voi. Hai provato BodyCommerce per Divi e WooCommerce? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite Letters-Shmetters / shutterstock.com