Usare il Divi Builder per personalizzare WooCommerce
Introduzione
Se hai un negozio online su WooCommerce, sai quanto sia importante avere pagine ben strutturate e accattivanti per attirare potenziali clienti. Una delle migliori soluzioni per creare pagine di alta qualità è utilizzare il Divi Builder. In questo articolo, ti mostrerò come puoi sfruttare al meglio questo strumento per migliorare l’aspetto del tuo negozio online.
Prima di entrare nei dettagli, ti dico brevemente i vantaggi di Divi Builder, nel caso non lo conoscessi, Divi è un potente strumento di creazione di pagine che permette di creare pagine visivamente accattivanti senza dover scrivere una sola riga di codice. Puoi scegliere tra una vasta gamma di layout predefiniti e personalizzarli secondo le tue esigenze. Inoltre, il Divi Builder ti consente di creare un vero e proprio ecommerce poichè è completamente compatibile con il plugin WooCommerce. Bene, ora possiamo iniziare!
Come utilizzare il Divi Builder in WooCommerce
Di default, quando installi il plugin WooCommerce ti verrà chiesto di creare anche le pagine Carrello, Checkout, Shop e Account. Queste dopo la loro creazione si trovano ad uno stato molto basico, tuttavia usando degli shortcode specifici, puoi personalizzare ciascuna pagina con il Divi Builder e aggiungere un tocco decisamente più personale.
Puoi facilmente modificare lo stile, il layout e i colori delle pagine. Inoltre, puoi aggiungere immagini, video, pulsanti e altri elementi interattivi per rendere le tue pagine ancora più coinvolgenti per i visitatori. Con il Divi Builder, hai il pieno controllo sull’aspetto del tuo negozio online.
Personalizzazione della pagina Carrello
La pagina del carrello usa il seguente shortcode: [woocommerce_cart]. Questo è tutto ciò che serve per visualizzare l’intera pagina del carrello. E dato che si tratta di un semplice shortcode, possiamo utilizzare Divi Builder per personalizzare quella pagina. Quindi, crea una nuova pagina e chiamala ad esempio “Cassa”, ora con il Divi Builder aggiungi un nuovo modulo di testo e inserisci lo shortcode [woocommerce_cart]; vedrai che la nuova pagina creata contiene il carrello di WooCommerce. Ecco un esempio di pagina creata usando lo shortcode del carrello:
Personalizzare la pagina Checkout
La stessa cosa funziona per la pagina Checkout, Shop e Account. Come per pagina del carrello, la pagina di pagamento viene creata utilizzando lo shortcode di pagamento: [woocommerce_checkout]. Proprio come nel caso della pagina del carrello, possiamo posizionare lo shortcode in un modulo codice o in un modulo testo in qualsiasi riga e colonna del Divi Builder. Tutte le funzionalità create da WooCommerce sono ancora presenti usando lo shortcode. Ecco un esempio:
Personalizzare la pagina Account
Il Divi Builder ti offre un’ampia gamma di opzioni di personalizzazione per le tue pagine di WooCommerce. Soprattutto per la pagina Account dove solo cambiando le impostazioni del modulo testo dove è contenuto lo shortcode [woocommerce_my_account] puoi definire lo stile delle voci del menu dell’account riportate nella parte sinistra della pagina. Ecco un esempio:
Personalizzare l’ecommerce con un plugin
Esistono dei plugin a pagamento che ti permettono di fare modifiche ancora più avanzate e strutturlai alle pagine del tuo ecommerce. Ad esempio il plugin Divi Shop Builder introduce nel builder 8 moduli completamente nuovi che servono a integrare i tuoi prodotti e le pagine del negozio ovunque tu voglia all’interno delle tue pagine web. Dopo averne provati alcuni devo dire che sono molto utili se vuoi espandere le funzionalità del tuo negozio anche a tutto il resto del tuo sito web.
Lo stesso vale per modificare le pagine del tuo shop con il visual builder Elementor: scopri come creare un ecommerce con WooCommerce + Elementor.
Conclusione
Utilizzare il Divi Builder nelle pagine di WooCommerce è un ottimo modo per migliorare l’aspetto e l’efficacia del tuo negozio online. Con questo strumento potente e intuitivo, puoi creare pagine visivamente accattivanti senza dover essere un esperto di programmazione. Sfrutta al massimo le potenzialità del Divi Builder per rendere il tuo negozio online irresistibile e aumentare le vendite. Se hai dubbi o domande su WooCommerce e Divi builder, ti invito a lasciare un commento nella sezione qui sotto o a contattarmi direttamente tramite email. Ciao, alla prossima!
