Progetta le tue categorie di prodotti WooCommerce con Elementor

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

Se ricordi, le prime versioni di WordPress non erano particolarmente facili da usare. Oltre ad avere funzionalità limitate, richiedeva di fare affidamento su temi WordPress già pronti per creare un design di base per il tuo sito web. Tuttavia, per molti utenti, la funzionalità di base dei temi WordPress era insufficiente e richiedeva l'installazione di plugin o la modifica manuale del codice del tema.

• Combinazione WooCommerce ed Elementor
• Creazione della pagina di categoria 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 scrivere una riga di codice!!

Combinazione WooCommerce ed Elementor

WP-WooCommerce ed Elementor sono due dei plugin WordPress più utilizzati oggi disponibili. La flessibilità e l’enorme numero di funzionalità offerte da ciascuno di essi sono semplicemente impagabili. Se gestisci un negozio di eCommerce, WooCommerce è il miglior plugin per quasi tutte le tue esigenze. È il plugin più completo disponibile praticamente per qualsiasi esigenza.

Inoltre, Elementor è uno dei costruttori di siti Web drag-and-drop più efficaci 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 un'ampia gamma di componenti aggiuntivi e modelli estremamente convenienti. Con l'aiuto di WooCommerce ed Elementor, puoi progettare e creare pagine di negozi e aziende di qualità professionale con il minimo sforzo e spesa possibile. Con l'aiuto di Elementor, puoi personalizzare completamente i layout del tuo Negozio, le griglie dei prodotti e i caroselli, nonché scegliere tra una varietà di bellissimi layout. È inoltre disponibile la possibilità di impostare e personalizzare le pagine di pagamento e carrello, nonché di integrarle con una varietà di opzioni e funzionalità di pagamento per offrire ai tuoi clienti maggiore comodità.

Inoltre, puoi creare pagine e progetti personalizzati per beni digitali, includere opzioni di pagine personalizzate per la spedizione e i pagamenti e pagine di post e preacquisto, tra le altre cose. Tutto ciò contribuisce a far sì che il sito web della tua azienda sia professionale e facile da usare. Insieme ai pulsanti di invito all'azione intuitivi, ai dispositivi di scorrimento predisposti per la parallasse e a una serie di altre funzionalità, puoi integrare la funzionalità WooCommerce nel tuo sito web. Il numero enorme di opportunità disponibili è praticamente illimitato. Ora, se sei abbastanza convinto, lascia che ti guidiamo attraverso il processo di attuazione del tuo piano. Puoi fare una serie di cose per rendere la pagina del tuo 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 di categoria WooCommerce in Elementor

Se hai familiarità con WooCommerce, sai che le categorie di prodotto sono fondamentali per organizzare i 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 prodotto?

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

Di conseguenza, la categorizzazione è essenziale per offrire 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 abbigliamento o scarpe. L'aggiunta di elementi di lead generation come pulsanti di invito all'azione, sezioni di prodotti in evidenza, popup 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 rinnovarlo, questo tutorial è esattamente ciò di cui hai bisogno per iniziare.

Molti temi WooCommerce includono un layout predefinito per le categorie di prodotti, che può o meno essere la soluzione migliore per le tue esigenze aziendali. Sebbene queste impostazioni predefinite possano includere alcune funzionalità utili, spesso non possono essere personalizzate.

Andiamo al sodo.
Dopo aver configurato il tuo prodotto, devi effettuare le seguenti operazioni prima di pubblicarlo 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, questo verrà applicato automaticamente a tutte le pagine dei prodotti sul tuo sito. Puoi anche restringere la ricerca a una categoria di prodotto specifica.

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

Non abbiamo ancora finito.
Ciò che abbiamo appena fatto non è sufficiente per rendere attive le categorie sul nostro sito; per rendere attive le categorie su tutte o alcune pagine del nostro sito web, dobbiamo ancora impostare alcune cose. Per completare l'attività, creare una pagina del catalogo prodotti che interesserà tutti i prodotti o una pagina del catalogo che interesserà una categoria specifica di prodotti.
Per fare ciò, innanzitutto, torna a Elementor > I miei modelli e crea un modello di archivio prodotto. Quindi scegli un modello esistente o creane uno nuovo. Personalizza l'aspetto del widget Archivia prodotti e del widget Titolo archivio aggiungendoli alla tua pagina.

Utilizza la funzionalità di copia stile tra le pagine per personalizzarlo in modo che corrisponda al design che hai già creato per il modello del tuo singolo prodotto, quindi salva le modifiche.
Ritorna alla pagina del prodotto e seleziona Copia dal menu a discesa. Fai clic con il pulsante destro del mouse su Incolla stile quando torni nel prodotto di archivio. Scegli Ultimi prodotti dal menu a discesa Query > Origini nelle impostazioni Archivia prodotti.
Quindi seleziona gli 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. Modifica 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 del singolo prodotto, e poi pubblica.

Dopo aver premuto "pubblica", la tua pagina di archivio sarà attiva.

Elementor pro ti dà la possibilità di progettare categorie di prodotti estremamente pulite con la sua gamma 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 delle query

• Origine: selezionare l'origine da cui visualizzare le categorie, scegliendo tra Tutto, Selezione manuale, Per principale o Sottocategorie correnti. Se si sceglie la selezione manuale, selezionare manualmente le categorie da visualizzare. Se si sceglie "Per genitore", selezionare Solo livello superiore oppure selezionare una singola categoria dall'elenco a discesa.
• Nascondi vuoto: imposta su Sì per le categorie che non contengono 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 (ascendente o discendente).

Impostazioni di stile

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

Impostazioni dell'immagine

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

Impostazioni del titolo

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

Conteggio delle impostazioni

• 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 necessaria per creare e ottimizzare visivamente le pagine dei tuoi prodotti. Il tempo necessario per passare da un'idea a una vita , e completamente Il funzionale negozio online WooCommerce viene notevolmente ridotto grazie a questo risparmio di tempo. Nel complesso, la personalizzazione della pagina del tuo negozio WooCommerce con Elementor ha il potenziale per avere un impatto 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. La configurazione e la personalizzazione della tua pagina del negozio WooCommerce in Elementor verranno dimostrate attraverso i passaggi di questa guida. Tieni però presente che questa è solo la punta dell’iceberg in termini di portata del problema. In questa dimostrazione di base viene mostrata un'introduzione all'utilizzo di Elementor per creare la pagina Negozio ideale per il tuo negozio. Usalo come punto di partenza e giocaci per ottenere il massimo da questo fantastico generatore di pagine