Progetta le tue categorie di prodotti WooCommerce con Elementor

Elementor è un eccezionale generatore di pagine WordPress per migliorare la funzionalità del generatore WordPress predefinito aggiungendo nuove funzionalità.

Se ricordi, le prime versioni di WordPress non erano particolarmente user-friendly. Oltre ad avere funzionalità limitate, ti è richiesto di fare affidamento su temi WordPress predefiniti per creare un design di base per il tuo sito web. Tuttavia, per molti utenti, la funzionalità di base dei temi WordPress era insufficiente, rendendo necessaria l'installazione di plugin o la modifica manuale del codice del tema.

• Combinazione WooCommerce ed Elementor
• Creazione della pagina delle categorie in Elementor
• Impostazioni di Layout

Elementor è un builder basato su blocchi simile a WordPress, ma è molto più avanzato del builder WordPress in quanto è più intuitivo, reattivo e ricco di funzionalità. Soprattutto, puoi creare un fantastico sito Web senza dover mai scrivere una riga di codice!!

Combinazione WooCommerce ed Elementor

WP-WooCommerce ed Elementor sono due dei plugin WordPress più utilizzati oggi disponibili. La quantità di flessibilità e il gran numero di funzionalità che ognuno di essi offre sono semplicemente impagabili. Se gestisci un negozio di e-commerce, WooCommerce è il miglior plugin per quasi tutte le esigenze che potresti avere. È il plugin più completo disponibile praticamente per qualsiasi esigenza.

Inoltre, Elementor è uno dei più efficaci costruttori di siti Web drag-and-drop disponibili sul mercato. Ti dà la possibilità di progettare, personalizzare e arredare rapidamente quasi tutte le pagine del tuo sito web. Inoltre, sono disponibili funzionalità, come la creazione di mega menu e l'accesso a una vasta gamma di componenti aggiuntivi e modelli estremamente convenienti. Con l'aiuto sia di WooCommerce che di Elementor, puoi progettare e creare pagine Shop e Business di qualità professionale con la minor spesa e sforzo possibile. Con l'aiuto di Elementor, puoi personalizzare completamente i layout del tuo negozio, le griglie dei prodotti e i caroselli, oltre a scegliere tra una varietà di bellissimi layout. È inoltre disponibile la possibilità di impostare e personalizzare le pagine di checkout e carrello, nonché di integrarle con una varietà di opzioni e funzionalità di pagamento per fornire ai clienti una maggiore comodità.

Inoltre, puoi creare pagine e design personalizzati per prodotti digitali, includere opzioni di pagine personalizzate per la spedizione e i pagamenti e pagine postali e di preacquisto, tra le altre cose. Tutto ciò contribuisce all'aspetto del sito Web della tua azienda come professionale e facile da usare. Insieme ai pulsanti di invito all'azione intuitivi, ai dispositivi di scorrimento pronti per la parallasse e a una serie di altre funzionalità, puoi integrare le funzionalità di WooCommerce nel tuo sito web. Il numero di opportunità disponibili è praticamente illimitato. Ora, se sei abbastanza convinto, lascia che ti guidiamo attraverso il processo per mettere in atto il tuo piano. Puoi fare una varietà di cose per rendere la tua pagina del negozio più accogliente e l'obiettivo è che questi passaggi ti aiutino a creare una pagina del negozio più accogliente per il tuo negozio WooCommerce.

Creazione della pagina delle categorie WooCommerce in Elementor

Se hai familiarità con WooCommerce, sai che le categorie di prodotti sono fondamentali nell'organizzazione dei tuoi prodotti per una corretta visualizzazione e accesso da parte dei clienti: più rapidamente riescono a trovare ciò che stanno cercando, meglio è. Ma cosa sono esattamente le categorie di prodotti?

I clienti trascorrono molto tempo a sfogliare i tuoi prodotti sulla pagina del tuo negozio, quindi devono avere un'esperienza positiva. Non c'è niente di più frustrante che dover navigare tra dozzine di pagine per guardare i prodotti sul sito web del tuo negozio.

Di conseguenza, la categorizzazione è essenziale per fornire ai tuoi clienti una migliore esperienza di acquisto. I clienti troveranno più facile ordinare e filtrare le loro preferenze se esiste una sezione ben organizzata e organizzata per tutti i tipi di articoli come vestiti o scarpe. L'aggiunta di elementi di lead generation come pulsanti di invito all'azione, sezioni di prodotti in primo piano, pop-up per vendite o offerte e altri componenti simili a questa sezione può renderla più attraente per i visitatori.

Se hai un negozio WooCommerce e vuoi dargli un lifting, questo tutorial è esattamente ciò di cui hai bisogno per iniziare.

Molti temi WooCommerce includono un layout predefinito per le categorie di prodotti, che può essere o meno quello più adatto alle tue esigenze aziendali. Sebbene queste impostazioni predefinite possano consistere in alcune funzioni utili, spesso non possono essere personalizzate.

Andiamo al sodo.
Dopo aver impostato il prodotto, prima di pubblicare il prodotto è necessario eseguire le seguenti operazioni in modo che appaia in una categoria:

Imposterai le condizioni che determineranno dove apparirà il tuo modello di prodotto durante questa fase. Quando utilizzi un modello, si applicherà automaticamente a tutte le pagine dei prodotti sul tuo sito. Puoi anche restringere la ricerca a una categoria di prodotti specifica.

Fai clic su Pubblica e il tuo singolo prodotto è ora disponibile per l'acquisto!

Non abbiamo ancora finito.
Quello che abbiamo appena fatto non è sufficiente per avere le categorie in diretta sul nostro sito; per visualizzare le categorie in diretta su tutte o alcune pagine del nostro sito Web, dobbiamo ancora impostare alcune cose. Per completare l'attività, crea una pagina del catalogo dei prodotti che influirà su tutti i prodotti o una pagina del catalogo che influirà su una specifica categoria di prodotti.
Per fare ciò, prima torna su Elementor > I miei modelli e crea un modello di archivio prodotti. Quindi scegli un modello esistente o creane uno nuovo. Personalizza l'aspetto del widget Prodotti archivio e Titolo archivio aggiungendoli alla tua pagina.

Usa la funzionalità di copia stile tra le pagine per personalizzarlo in modo che corrisponda al design che hai già creato per il modello di prodotto singolo, quindi salva le modifiche.
Torna alla pagina del prodotto e seleziona Copia dal menu a tendina. Fai clic con il pulsante destro del mouse su Incolla stile quando torni nel prodotto di archivio. Scegli Prodotti più recenti dal menu a discesa Query > Fonti nelle impostazioni Archivia prodotti.
Quindi seleziona anelli dal menu a discesa Categoria prodotto. Solo la categoria dell'anello verrà visualizzata in questo modo. Se hai un lungo elenco di prodotti per una particolare categoria, dovresti attivare l'impaginazione.
Puoi personalizzare la distanza tra le colonne e le righe selezionando la scheda stile. Cambia i colori, i caratteri e altri aspetti del design.

Pre-pubblicazione, seleziona le condizioni che determinano dove apparirà l'archivio, proprio come hai fatto per il modello di singolo prodotto, quindi pubblica.

Dopo aver premuto "pubblica", la pagina dell'archivio sarà attiva.

Elementor pro ti dà la possibilità di progettare categorie di prodotti perfettamente pulite con la sua panoplia di opzioni;

Puoi eseguire quanto segue con le opzioni disponibili su Elementor Pro:

Impostazioni di layout per le categorie di prodotti WooCommerce

• Colonne: imposta il numero esatto di colonne da visualizzare, da 1 a 12
• Conteggio categorie: seleziona il numero di categorie da visualizzare

Impostazioni query

• Sorgente: seleziona la sorgente da cui visualizzare le categorie, scegliendo tra Tutto, Selezione manuale, Per padre o Sottocategorie correnti. Se si sceglie Selezione manuale, selezionare manualmente le categorie da visualizzare. Se si sceglie "Per padre", selezionare da Solo livello superiore o selezionare una singola categoria dall'elenco a discesa.
• Nascondi vuoto: imposta su Sì per le categorie senza prodotti al loro interno
• Ordina per: Imposta l'ordine in cui verranno visualizzate le categorie. Le opzioni includono Nome, Slug, Descrizione o Conteggio
• Ordine: selezionare per visualizzare le categorie in ordine ASC o DESC (crescente o decrescente)

Impostazioni di stile

• Distanza tra le colonne : imposta la distanza esatta tra le colonne
• Distanza tra le righe : imposta la distanza esatta tra le righe
• Allineamento: allinea i dati dei prodotti a sinistra, a destra o al centro

Impostazioni immagine

• Tipo di bordo: seleziona il tipo di bordo, scegliendo tra nessuno, solido, doppio, punteggiato, tratteggiato o scanalato
• Raggio bordo: imposta il raggio per controllare la rotondità dell'angolo del bordo
• Spaziatura: regola la quantità di spazio tra le immagini e i loro dati

Impostazioni del titolo

• Colore: scegli il colore del titolo
• Tipografia: imposta le opzioni di tipografia per il testo del titolo

Impostazioni di conteggio

• Colore: Scegli il colore per il conteggio
• Tipografia: Imposta le opzioni tipografiche per il Conte

Conclusione

Il WooCommerce Builder in Elementor ti offre la flessibilità di progettazione di cui hai bisogno per creare e perfezionare visivamente le pagine dei tuoi prodotti. Il tempo necessario per passare da un'idea a un live , e completamente il negozio online WooCommerce funzionale è significativamente ridotto come risultato di questo risparmio di tempo. Nel complesso, la personalizzazione della pagina del tuo negozio WooCommerce con Elementor ha il potenziale per influire in modo significativo sulle prestazioni complessive del tuo sito web. Puoi aiutare o ostacolare le vendite organizzando e mostrando i tuoi prodotti nel miglior modo possibile affinché i clienti possano vederli e acquistarli. L'installazione e la personalizzazione della pagina del tuo negozio WooCommerce in Elementor verranno dimostrate attraverso i passaggi di questa guida. Tuttavia, tieni presente che questa è solo la punta dell'iceberg in termini di portata del problema. Un'introduzione all'utilizzo di Elementor per creare la pagina Shop ideale per il tuo negozio è dimostrata in questa dimostrazione di base. Usa questo come punto di partenza e giocaci per ottenere il massimo da questo fantastico generatore di pagine