Come personalizzare la pagina del negozio WooCommerce in 2 semplici passaggi

Pubblicato: 2021-10-14

WooCommerce ti offrirà una pagina del negozio predefinita per il tuo negozio virtuale. Ma hanno opzioni di personalizzazione limitate. Inoltre, la pagina del negozio pre-costruita di WooCommerce non è ben ottimizzata per il tuo tasso di conversione. Una buona conversione viene fornita con una pagina del negozio WooCommerce ben progettata.

Sai che solo il 22% dei settori è soddisfatto del proprio tasso di conversione?

Ora voglio farti una domanda. Vuoi far parte delle industrie felici del 22% o delle industrie infelici del 78%? La decisione è tua. Se sì, è necessario personalizzare la pagina del tuo negozio con la codifica o utilizzando un builder WooCommerce. Non usiamo la codifica qui perché è necessario avere una buona conoscenza della codifica per questo. Quindi, passa a un builder WooCommerce per la personalizzazione della pagina del tuo negozio. Ecco un altro compito, scegliere il miglior builder WooCommerce.

ShopEngine è una soluzione completa per le tue pagine WooCommerce perché dopo aver utilizzato questo plugin, non hai bisogno di altri plugin. Questo plug-in fornirà soluzioni per il confronto dei prodotti, i campioni di variazione, la lista dei desideri, la visualizzazione rapida, il checkout rapido, l'ordine arretrato, i badge, la notifica di vendita, il pagamento parziale e molti altri. Inoltre, puoi personalizzare completamente queste opzioni. Ecco perché l'utilizzo di questo plugin è conveniente e facile da usare.

Quindi, in questo blog, parlerò di come creare una pagina del negozio personalizzato WooCommerce con ShopEngine che è il miglior strumento gratuito per WordPress.

I contenuti si nascondono
1 Che cos'è una pagina negozio WooCommerce?
2 Cosa c'è che non va nella pagina del tuo negozio WooCommerce predefinita?
3 vantaggi che otterrai dalla tua nuova pagina del negozio WooCommerce personalizzata
4 Come personalizzare la pagina del negozio WooCommerce con ShopEngine
4.1 Passaggio 1: crea un modello di pagina del negozio.
4.2 Passaggio 2: personalizza il modello di pagina del tuo negozio WooCommerce con ShopEngine.
5 Perché usare ShopEngine come page builder di WooCommerce?
6 Dove cercare il modello di pagina del negozio WooCommerce?
7 Conclusione:

Che cos'è una pagina negozio WooCommerce?

Pagina del negozio WooCommerce
Pagina del negozio WooCommerce

La pagina del negozio WooCommerce è la pagina più importante del tuo sito Web in cui mostrerai tutti i tuoi prodotti o servizi. Quando un cliente arriva sul tuo sito web per acquistare prodotti o servizi, visiterà direttamente la pagina del tuo negozio.

Puoi dire che è il cuore del tuo sito web poiché il tuo successo dipenderà da questa pagina. Perché dopo aver visitato questa pagina e aver visto i prodotti, decideranno se acquistare o meno i tuoi prodotti. Ecco perché la tua pagina del negozio WooCommerce deve essere intuitiva e ben progettata.

Cosa c'è che non va nella pagina del tuo negozio WooCommerce predefinita?

La pagina del tuo negozio WooCommerce svolge un ruolo fondamentale per aumentare il tasso di conversione. Quindi, devi sempre tenere a mente che la pagina del tuo negozio deve essere ben ottimizzata. Qui arriva il problema dell'utilizzo di una pagina del negozio WooCommerce predefinita. Perché la pagina del negozio WooCommerce predefinita non è ben ottimizzata per aumentare il tasso di conversione .

Immaginati al posto del tuo cliente. Cosa vuoi da un sito web come cliente al momento dell'acquisto di un prodotto?

Naturalmente, un design semplice e pulito grazie al quale è possibile cercare e trovare facilmente i prodotti. La tua pagina del negozio WooCommerce predefinita non è adatta per questo.

Il 76% dei tuoi clienti desidera un sito Web di design semplice invece di un design complesso e confuso. Nome della fonte : HubSpot.com

Questo dimostra quanto sia importante per i tuoi clienti. Ora dai un'occhiata alla tua pagina WooCommerce predefinita ed esaminala. Sta guadagnando le tue entrate mirate? In caso contrario, preparati a personalizzare la tua pagina del negozio WooCommerce con Elementor e il plug-in della pagina del negozio WooCommerce chiamato ShopEngine .

Ma prima di questo, controlliamo esattamente quali vantaggi otterrai dopo aver cambiato la pagina del tuo negozio WooCommerce.

I vantaggi che otterrai dalla tua nuova pagina del negozio WooCommerce personalizzata

È tempo di verificare i vantaggi prima di dedicare tempo e duro lavoro. Dai un'occhiata al motivo per cui devi personalizzare la pagina del negozio WooCommerce:

  • Una pagina del negozio ad alta conversione che cambierà in modo significativo il tuo ROI.
  • Un'esperienza utente eccellente.
  • Ben ottimizzato per SEO e diversi dispositivi.
  • Un'opportunità per aumentare i tuoi utenti.
  • Una pagina del negozio che è buona per distinguersi nel competitivo mondo dell'eCommerce.
  • Pagina del negozio a caricamento rapido.

Questi sono i vantaggi che otterrai dalla tua pagina del negozio ben ottimizzata. Ora che conosci i vantaggi, è tempo di portarti all'argomento principale. Come puoi modificare la pagina del negozio WooCommerce per ottenere una migliore esperienza utente?

Continua a scavare per scoprirlo.

Come personalizzare la pagina del negozio WooCommerce con ShopEngine

Quando arriva la personalizzazione della pagina WooCommerce, niente può battere ShopEngine. ShopEngine è l'ultimo plug-in per la creazione di pagine WooCommerce drag and drop disponibile in WordPress. È ben noto per le sue funzionalità intuitive e completamente personalizzabili. Inoltre, fornisce moduli e widget avanzati adatti per creare un sito Web senza codifica.

Ciò significa che non devi preoccuparti di personalizzare la pagina del negozio WooCommerce in modo programmatico. Ora potresti pensare a dove trovare il modello di pagina del negozio WooCommerce?

ShopEngine include anche modelli di pagine negozio WooCommerce e di nuovo puoi crearli. Quindi, nessun problema. Segui i seguenti passaggi per modificare la pagina del tuo negozio WooCommerce con ShopEngine, il generatore di pagine WooCommerce più semplice ed efficace:

Passaggio 1: crea un modello di pagina del negozio.

Per personalizzare la pagina del negozio WooCommerce, devi creare un modello di pagina del negozio. Vai su ShopEngine >> builder template per creare un nuovo template di pagina negozio WooCommerce.

Personalizzazione della pagina del negozio WooCommerce
Creazione del modello di pagina del negozio

Successivamente, fai clic sul pulsante Aggiungi nuovo e verrà visualizzata una barra di impostazione del modello popup. Devi inserire le seguenti informazioni per impostare il modello di pagina del tuo negozio:

  • Nome: qui inserisci il nome del tuo negozio Woo che hai selezionato per la pagina del tuo negozio WooCommerce.
  • Tipo: in questo spazio vuoto, devi scegliere il tipo di modello che desideri creare. Devi scegliere il negozio mentre stai creando un modello di pagina del negozio.
  • Imposta predefinito: abilita il pulsante predefinito se desideri aggiungere un modello predefinito. Lo sto abilitando perché userò quello predefinito.
  • Disegni di esempio: qui avrai due modelli. Se scegli quella di sinistra, puoi modificare la pagina del tuo negozio WooCommerce da zero. E, se scegli quello giusto, otterrai un design predefinito per il modello di pagina del tuo negozio. Non è necessario modificarlo da zero. Qui sto scegliendo il modello di esempio predefinito. Quindi, infine, per modificarlo, fai clic sul pulsante Modifica con Elementor.
Creazione di modelli per la pagina del negozio WooCommerce
Impostazione del modello di pagina del negozio

Ora, la creazione del modello di pagina del tuo negozio è completata. Quindi, è il momento di passare alla parte di personalizzazione vera e propria.

Passaggio 2: personalizza il modello di pagina del tuo negozio WooCommerce con ShopEngine.

Dopo aver creato il modello di pagina del tuo negozio, ora è il momento di modificarlo. Per modificarlo clicca sul titolo dell'archivio e personalizza le seguenti opzioni a tuo piacimento:

  • Tag HTML: scegli il tag che desideri utilizzare per archiviare il titolo.
  • Allineamento: puoi selezionare l'allineamento per il titolo dell'archivio da qui.
  • Colore: seleziona il colore giusto per il titolo del tuo archivio.
  • Tipografia: modifica la tipografia per il titolo dell'archivio. Puoi modificare la famiglia, la dimensione del carattere, l'altezza della linea, lo spessore, trasformare da qui.
Modifica il titolo dell'archivio per la personalizzazione della pagina del negozio

Successivamente, personalizza il successivo widget della pagina di archivio che è il filtro prodotto per pagina . È possibile personalizzare le seguenti aree per il filtro prodotto per pagina:

  • Elenchi: digita il numero delle tue pagine nella pagina del negozio.
  • Tipografia: modifica la tipografia per il filtro per pagina del tuo prodotto.
  • Spaziatura: personalizza la spaziatura tra i numeri.
  • Allineamento: scegli l'allineamento per il filtro prodotto per pagina.
  • Colore: qui puoi selezionare il colore per il tuo widget.
  • Colore attivo: puoi selezionare un colore diverso per la tua pagina attiva.
personalizzare la pagina del negozio con il widget

Ora è il momento di modificare il layout per i prodotti dell'archivio . Qui puoi modificare:

  • Impostazioni di layout: puoi abilitare o disabilitare le impostazioni di layout per i prodotti di archivio.
  • Prodotti per riga: seleziona il numero di prodotti che desideri mostrare in ogni riga.
  • Righe per pagina: scegli il numero di righe che desideri visualizzare su ciascuna pagina.
Modifica i prodotti dell'archivio per personalizzare la pagina del negozio WooCommerce

Successivamente, puoi abilitare e disabilitare molte opzioni per i tuoi prodotti di archivio. Per esempio:

  • Distintivi di vendita flash.
  • Mostra categorie.
  • Mostra descrizione.
  • Valutazione.
  • Mostra il prezzo normale.
  • Mostra il cartellino del prezzo.
  • Gruppo di pulsanti.
  • Piè di pagina in stile hover.

Se abiliti queste opzioni, queste verranno mostrate con i tuoi prodotti di archivio.

Modifica il contenuto del prodotto dell'archivio per personalizzare la pagina del negozio

Quindi modifica il contenitore del prodotto come:

  • Allineamento.
  • Colore di sfondo.
  • Tipo di bordo.
  • Larghezza.
  • Colore del bordo.
  • Divario di prodotto.
  • Ombra della scatola al passaggio del mouse.
  • Spaziatura tra le righe.
  • Imbottitura.
Personalizzazione della pagina del negozio WooCommerce

Puoi anche modificare le seguenti aree per i tuoi prodotti di archivio:

  • Immagine del prodotto.
  • Categorie di Prodotto.
  • Titolo del prodotto.
  • Prezzo del prodotto.
  • Descrizione del prodotto.
  • Etichetta fuori.
  • Pulsante Aggiungi al carrello.
  • Valutazione.
  • Vendita lampo.
  • Gruppo di pulsanti, ecc.
Personalizzazione della pagina del negozio con widget di archivio prodotti

Puoi anche personalizzare di più trascinando e rilasciando i widget che sono mostrati sul lato sinistro. Infine, dopo aver trascinato e rilasciato i widget e averli personalizzati, fare clic sul pulsante di aggiornamento.

Aggiorna la pagina del negozio personalizzata
Creazione di una pagina negozio personalizzata

Cose da sapere:

Prima di iniziare la personalizzazione, devi assicurarti di aver aggiunto prodotti al tuo sito web. Non vedrai nessun prodotto senza aggiungerli. Leggi come aggiungere prodotti in WooCommerce se non sai come farlo.

Ora, dai un'occhiata alla pagina del tuo negozio WooCommerce personalizzato:

Pagina negozio WooCommerce personalizzata
Pagina del negozio WooCommerce
Personalizza la pagina del tuo negozio WooCommerce con ShopEngine

Nota:

Vuoi saperne di più su ShopEngine Pro? Leggi l'articolo Presentazione di ShopEngine Pro: il rivoluzionario builder WooCommerce .

Perché usare ShopEngine come page builder di WooCommerce?

Dopo aver appreso il processo facile, puoi ancora avere un'altra domanda. Perché utilizzare ShopEngine per personalizzare la pagina del tuo negozio senza utilizzare altri costruttori di pagine WooCommerce?

La risposta è che ShopEngine sbloccherà molte nuove funzionalità con la sua prossima versione ( ShopEngine Pro ) che non otterrai se usi altri builder WooCommerce. Non solo questo, ma ShopEngine offre anche molte altre funzionalità per offrirti la migliore esperienza utente. Di seguito viene fornito un rapido confronto con altri costruttori di WooCommerce:

Caratteristiche Shop Engine ShopEngine Pro WooLentor JetWooBuilder
Confronto prodotti
Conto alla rovescia per la vendita lampo
Categorie di Prodotto
Descrizione del prodotto
Lista dei desideri
Occhiata veloce
Campioni
Ordine arretrato
Distintivi
Avviso di vendita
Pagamento parziale
Preordinare
Checkout rapido
Campo di pagamento aggiuntivo
Aggiungi al carrello
Briciole di pane
Estratto del prodotto
Filtri prodotto
Dettagli account
Tag prodotto
Titolo archivio
Archivia i risultati conteggiati
Navigazione dell'account
Sblocca nuove opzioni di personalizzazione con ShopEngine Pro

Dove cercare il modello di pagina del negozio WooCommerce?

In ShopEngine, troverai un modello di pagina del negozio WooCommerce già pronto. Puoi anche creare un modello di pagina del negozio e personalizzarlo come desideri. Non è necessario personalizzare questi modelli poiché ShopEngine fornisce tutte le opzioni per la personalizzazione.

Inoltre, otterrai modelli di pagine di prodotti WooCommerce insieme ad altri molteplici tipi di modelli. Questi ti permetteranno di creare pagine di prodotti, categorie, carrello, ecc. WooCommerce in pochi secondi, il che è incredibile.

La parte migliore è che la versione gratuita di ShopEngine fornisce modelli già pronti. Puoi usarlo facilmente per creare la tua pagina WooCommerce Shop. Dai un'occhiata ai modelli di pagina negozio WooCommerce gratuiti che ShopEngine fornisce:

Modelli per la pagina del negozio
Modello di pagina del negozio

Avvolgendo:

La tua pagina WooCommerce Shop è la pagina più importante tra le tue pagine WooCommerce. Le entrate dipenderanno da come stai presentando i tuoi prodotti nella pagina del negozio. Per una buona presentazione, è necessario personalizzare questa pagina. A causa delle limitate opzioni di personalizzazione su WooCommerce, hai bisogno di un altro strumento.

ShopEngine è lo strumento più flessibile che puoi provare. Non c'è quasi nessuno strumento in grado di offrirti questa grande quantità di personalizzazione. Inoltre, è stata rilasciata anche una nuova versione di ShopEngine pro. Qui puoi personalizzare le tue pagine da zero con oltre 63 widget, 12 moduli e far funzionare la tua pagina senza intoppi in questo mondo competitivo.

Inoltre, troverai 16 modelli per le tue pagine e presto verranno rilasciati modelli più attraenti per il tuo prodotto WooCommerce, carrello, categoria e altre pagine. Usandoli, puoi facilmente personalizzare la pagina del tuo negozio e aiutare il tuo sito web a distinguersi con successo.

Inizia con ShopEngine Pro