Le tendenze dello shopping stanno cambiando rapidamente e le persone tendono ad acquistare online più che mai.
Ecco perché hanno bisogno di un negozio di e-commerce in aumento per soddisfare le abitudini di acquisto online perché le persone trovano più conveniente acquistare online piuttosto che uscire per fare shopping.
Puoi anche avviare subito il tuo negozio di e-commerce, utilizzando gli strumenti e la configurazione giusti. E noterai un drastico aumento delle tue vendite in un periodo record di tempo.
Se hai pianificato di aprire un negozio di e-commerce e stai cercando un esperto di WordPress per fare il lavoro per te, lascia che te lo dica, non ne hai bisogno.
Sì! Puoi farlo da solo perché non devi essere uno sviluppatore di WordPress o un esperto di codifica e puoi farlo senza avere alcuna conoscenza della codifica con gli strumenti e le impostazioni giuste.
Segui semplicemente il tutorial passo passo per creare una pagina del negozio WooCommerce utilizzando il generatore di pagine Elementor.
Andiamo più a fondo per arrivare al punto!
- Cosa ti serve per creare una pagina di prodotto utilizzando Elementor?
- Come installare il generatore di pagine Elementor?
- Crea una pagina del prodotto Elementor WooCommerce passo dopo passo
- Mobile ottimizza la pagina del tuo prodotto WooCommerce
- Prezzi di Elementor Pro
- Avvolgendo
Cosa ti serve per creare una pagina di prodotto utilizzando Elementor?
Installa il plug-in WooCommerce plugin tuo sito WordPress dal repository WordPress.org e per di più dovrai installare il generatore di pagine Elementor . La versione gratuita può essere scaricata da WordPress.org, tuttavia la versione gratuita include opzioni di personalizzazione limitate. Pertanto, se ti piace ottenere opzioni di personalizzazione illimitate, scegli il pro Elementor e scaricalo da Elementor.org ufficiale.
Come installare il generatore di pagine Elementor?
- Per la versione gratuita di Elementor:
Vai a Plugin > Aggiungi nuovo> accedi al generatore di pagine Elementor> fai clic su Installa e attiva.
- Per Elementor Pro:
Acquista la versione Pro da Elementor.com, quindi carica il file zip e fai clic su Installa e attiva.
Crea una pagina del prodotto Elementor WooCommerce passo dopo passo
La pagina del prodotto WooCommerce standard si presenta come qualsiasi pagina del prodotto WooCommerce di base senza alcuna nitidezza.
Tuttavia, se ti piace aggiungere la voce del tuo marchio, devi personalizzarla in modo univoco.
Passaggio 1: vai alla sezione Modello dal menu Dashboard e fai clic su "Aggiungi nuovo".
Ora dal menu a discesa seleziona la voce "Prodotto singolo"
La parte migliore è che Elementor viene fornito con alcuni modelli di pagine di prodotti prefabbricati, quindi, se si desidera iniziare rapidamente, selezionare chiunque tra le opzioni che sembrano più vicine a quella desiderata.
È molto più semplice creare una pagina di prodotto dal modello predefinito anziché crearla da zero. Pertanto, modifica qualsiasi modello esistente e risparmia tempo e fatica.
Abbiamo selezionato questo modello per la nostra pagina del prodotto.
Una volta selezionato il tuo modello preferito, ti porterà all'editor di Elementor dove puoi personalizzare il modello secondo i tuoi gusti.
Qui puoi vedere diversi blocchi nel menu a sinistra. Trascina e rilascia il blocco con cui ti piace lavorare.
Fai clic sul pulsante "+" Aggiungi e seleziona la dimensione della colonna che desideri aggiungere.
Abbiamo selezionato due dimensioni di colonna per il nostro modello di prodotto.
Ora, aggiungi un widget del titolo del prodotto nella colonna di destra e aggiungi il titolo del tuo prodotto su di esso.
Dopo aver aggiunto il titolo del prodotto, il passaggio successivo consiste nell'aggiungere il "pangrattato Woo" sopra di esso.
Ora, aggiungi l'immagine del prodotto nella colonna di sinistra e trascina il widget immagine del prodotto dalla colonna di sinistra.
Puoi aggiungere l'imbottitura ad entrambe le colonne per tenerle leggermente separate l'una dall'altra.
Dopo aver aggiunto l'immagine e regolato l'imbottitura in base alle dimensioni richieste, aggiungere il widget di valutazione del prodotto sotto il titolo del prodotto.
Aggiungi una breve descrizione del widget del prodotto sotto il blocco di revisione del prodotto. puoi anche regolare lo spazio tra i due blocchi.
Una volta che hai finito con la descrizione del prodotto e tutti i dettagli, il nostro prossimo passo è quello di aggiungere il prezzo del prodotto e per questo dovrai trascinare e rilasciare il widget dei prezzi sotto la descrizione del prodotto.
Dopo aver aggiunto la scheda del prezzo sotto la descrizione del prodotto è possibile personalizzare il widget del prezzo selezionando le opzioni dal menu a sinistra. Puoi ingrandire l'icona, cambiare lo stile del carattere e anche il colore del carattere dal nero a qualsiasi altro colore a tua scelta.
Ora aggiungi il widget "aggiungi al carrello" e personalizza il colore, il carattere o lo stile dal menu, se lo desideri.
Ora, aggiungi la meta del prodotto sotto il widget del prezzo che mostrerà la categoria del prodotto e il numero di serie del prodotto.
Passaggio 2: aggiungi ulteriori informazioni sul prodotto nella sezione successiva.
Crea una nuova sezione a due colonne e quindi aggiungi le schede dei dati del prodotto tra cui descrizione, informazioni aggiuntive e recensioni. E sul lato destro della colonna aggiungi la sezione relativa al prodotto.
Per mantenere lo stesso formato di ogni colonna è possibile fare clic sull'angolo sinistro di ciascuna colonna e copiare e incollare il formato della colonna per ogni colonna.
Passaggio 3: aggiungi un'altra sezione di "sezione up-sell".
Ecco come apparirà la sezione up-sell dopo l'aggiunta. Aggiungi un po 'di imbottitura per allineare la sezione.
E infine, hai finito con la progettazione della pagina del prodotto. Ora, il passaggio finale è dove vuoi pubblicare il tuo prodotto? puoi fare clic su pubblica o andare alla sezione occhio nell'angolo più in basso del menu a sinistra e fare clic sulle impostazioni per selezionare la categoria del prodotto.
Fai clic sul menu Aggiungi condizione, quindi seleziona la categoria del prodotto e fai clic su Pubblica.
Mobile ottimizza la pagina del tuo prodotto WooCommerce
Dal momento che molto traffico proviene dallo smartphone, quindi dovrai ottimizzare il tuo negozio per la visualizzazione dello smartphone, altrimenti potresti perdere le tue vendite.
Tuttavia, WooCommerce è già ottimizzato per dispositivi mobili, ma per essere sicuri che i modelli di pagina dei tuoi prodotti appaiano perfettamente buoni sullo schermo mobile, segui la procedura.
Troverai un'opzione Modalità reattiva nell'angolo in basso a sinistra dell'interfaccia di Elementor.
Quando si fa clic sull'opzione Mobile responsive è possibile alternare le opzioni di visualizzazione Mobile, Desktop e tab.
Fai clic su una delle opzioni che ti piace per visualizzare e modificare il design se trovi qualche complicazione.
Ora, salva e continua a pubblicare la tua pagina di prodotto.
Prezzi di Elementor Pro
La versione base di Elementor è disponibile gratuitamente mentre la versione pro viene fornita con tre licenze. Se stai cercando il tuo blog personale o un singolo sito, la licenza personale è più adatta a te dove puoi ottenere un costruttore di WooCommerce insieme a oltre 90 widget professionali.
Mentre le licenze plus ed expert sono adatte per aziende o agenzie adulte con un supporto di 3 siti e 1000 siti rispettivamente.
Avvolgendo
L'unico scopo del generatore di pagine di Elementor è consentire agli utenti di liberare la propria creatività senza fare affidamento sulla codifica. Elementor viene fornito con una varietà di widget che ti consentono di creare qualsiasi tipo di pagina di prodotto basata su layout accattivanti. Gli elementi di base di WooCommerce sono più di 10 che consentono agli utenti di personalizzare ogni nodo e curva della pagina del negozio. E se non trovi l'elemento desiderato nel menu Elementor, non preoccuparti! Ci sono molte altre impostazioni avanzate che possono aggiornare il tuo arsenale e aggiungere più elementi alla tua libreria. Uno di questi sono i componenti aggiuntivi essenziali che vengono forniti con elementi dedicati solo per WooCommerce.
