Come creare un negozio WooCommerce personalizzato con OceanWP e set di strumenti (nessuna codifica)

Pubblicato: 2021-05-05

Non hai bisogno di una codifica personalizzata per creare un negozio online accattivante con funzionalità avanzate . Con Toolset e OceanWP, puoi creare da zero pagine di prodotti e negozi completamente personalizzate con funzionalità e stile unici, il tutto senza necessità di codifica.

Se stai costruendo un negozio online, potresti aver notato che i modelli predefiniti di WooCommerce e il tema del tuo sito determinano principalmente l'aspetto del tuo negozio. Potresti avere alcune opzioni che puoi attivare o disattivare, altrimenti l'aggiunta di funzionalità avanzate non è possibile senza la programmazione personalizzata.

Oppure puoi creare un negozio WooCommerce completamente personalizzato con Toolset e OceanWP e senza codifica.

Con Toolset puoi creare funzionalità che vedi solo sui principali siti di vendita al dettaglio. Oppure puoi anche immaginare le tue funzionalità, quindi crearle utilizzando tipi e campi di post personalizzati, relazioni di post, layout personalizzati e altro ancora.

OceanWP rende il tuo sito fantastico grazie alle sue ampie opzioni di stile. Inoltre, ha un'esperienza di modifica dell'amministratore intuitiva che ti mostra esattamente come apparirà il tuo sito sul front-end.

Ecco quattro passaggi per personalizzare il tuo negozio online utilizzando Toolset e OceanWP:

  1. Decidi cosa vuoi mostrare e promuovere
  2. Definisci i tuoi prodotti con tipi di post, campi e tassonomie personalizzati
  3. Crea pagine prodotto personalizzate
  4. Crea pagine Shop dinamiche e funzionalità di ricerca

Decidi cosa vuoi mostrare e promuovere

Le funzionalità flessibili di Toolset non si limitano a riorganizzare e definire lo stile delle pagine dei prodotti. Puoi creare funzionalità completamente personalizzate che si applicano specificamente alla tua attività o utilizzare funzionalità avanzate dai principali siti di vendita al dettaglio.

q-and-a-sezione-set di strumenti
Crea domande e risposte sui prodotti utilizzando moduli e campi ripetuti personalizzati
set di strumenti per upsells-cross-sells
Visualizza upsell e cross-sell popolari utilizzando le relazioni post
set di strumenti per la tassonomia personalizzata del marchio
Visualizza i prodotti per marchio o designer utilizzando tassonomie personalizzate
set di strumenti per offerte speciali
Condividi offerte speciali utilizzando blocchi condizionali con informazioni da campi personalizzati
set di strumenti per moduli front-end
Consenti ai fornitori di inviare i loro prodotti direttamente al tuo sito utilizzando i moduli
Set di strumenti per le posizioni dei negozi
Mostra le posizioni dei tuoi negozi su una mappa utilizzando visualizzazioni personalizzate
crea-account-toolset
Crea accessi cliente o fornitore con autorizzazioni in base al tipo di utente

prodotti-per-set-di-strumenti
Crea ispirazione per outfit acquistabili usando le relazioni post

Queste sono funzionalità che non potresti mai ottenere da WooCommerce da solo e graffiano solo la superficie di ciò che è possibile con Toolset. Soprattutto, tutto può essere fatto senza alcuna codifica!

Definisci i tuoi prodotti con tipi, campi e tassonomie di post personalizzati

Una volta che hai in mente le tue idee, puoi creare un numero illimitato di tipi di post personalizzati, campi, tassonomie e relazioni di post per trasformare le tue idee in realtà.

WooCommerce ti fornisce alcuni campi di base per definire i tuoi prodotti come attributi del prodotto, descrizioni, prezzi e informazioni sulla spedizione come peso e dimensioni.

Con Toolset, puoi aggiungere altre informazioni come caratteristiche specifiche del prodotto, marchi o dire a quale reparto appartiene un prodotto.

prodotti-campi personalizzati
Campi personalizzati su un prodotto

Non tutti i temi funzionano bene con i tipi di post personalizzati, ma OceanWP è "pronto per i tipi personalizzati". Con OceanWP, puoi applicare diverse impostazioni del tema a ciascun modello di contenuto. Questo ti dà un maggiore controllo su come questo contenuto personalizzato appare sul tuo sito.

Crea pagine prodotto personalizzate

Con i tuoi prodotti definiti, puoi creare modelli completamente personalizzati per visualizzare i tuoi prodotti e le informazioni dai tuoi campi personalizzati. Utilizzando i modelli di prodotto, devi creare la tua pagina solo una volta e tutte le modifiche apportate si riflettono immediatamente su tutti i tuoi prodotti che utilizzano quel modello.

Toolset ti consente di creare i tuoi modelli di prodotto completamente da zero utilizzando WooCommerce Blocks di Toolset.

woocommerce-default-template
Modello di prodotto WooCommerce predefinito
set di strumenti per modelli di prodotti personalizzati
Modello di prodotto del set di strumenti completamente personalizzato

Assegna semplicemente il modello o l'archivio ai tuoi prodotti e aggiungi i blocchi che desideri, come valutazioni dei prodotti, schede prodotto, attributi del prodotto, un pulsante Aggiungi al carrello e altro ancora.

I blocchi possono inserire le informazioni dai tuoi campi personalizzati in modo dinamico. Ciò significa che quando aggiungi un blocco di intestazione da visualizzare, ad esempio, il nome del prodotto, verrà automaticamente visualizzato il nome del prodotto corretto in base al prodotto che il tuo cliente sta visualizzando.

set di strumenti per contenuti dinamici
Creazione di un modello di prodotto che estrae le informazioni in modo dinamico per ogni prodotto

Puoi anche assegnare modelli in modo condizionale per utilizzare modelli diversi in base a determinati criteri di prodotto. Ad esempio, puoi utilizzare un modello condizionale per visualizzare gli articoli esauriti utilizzando un layout diverso.

set di strumenti per articoli in stock
Articolo disponibile
set di strumenti per articoli esauriti
Articolo esaurito

OceanWP ti offre una varietà di opzioni per lo stile di questi modelli. Poiché è pronto per il post-tipo, puoi scegliere diverse opzioni di tema per diversi modelli. Ad esempio, puoi scegliere di visualizzare una barra laterale per alcuni prodotti e scegliere un layout a larghezza intera per i prodotti in primo piano.

tema-opzioni-owp-toolset
Scegliere le opzioni del tema OceanWP per modello

OceanWP include anche opzioni di stile globali per aiutare a mantenere l'identità visiva del tuo negozio coerente in tutto il tuo sito. Inoltre, non è possibile passare dall'amministratore del tuo sito al front-end per vedere come appaiono le tue modifiche perché quello che vedi nel back-end è come apparirà sul front-end.

global-styling-toolset-oceanwp
Aggiunta di stili globali al tuo sito

Crea pagine negozio dinamiche, elenchi di prodotti e aggiungi funzionalità di ricerca

Hai definito i tuoi prodotti e progettato i tuoi modelli di prodotto. Ora aiuta i tuoi clienti a trovare ciò che stanno cercando.

Creazione di pagine Shop personalizzate e altre pagine di archivio

In WordPress, pagine come la pagina Negozio e le pagine di elenco delle categorie sono chiamate archivi. In sostanza, gli archivi elencano tutti i post (o prodotti) che appartengono a una determinata categoria o tipo di contenuto.

Il set di strumenti ti consente di creare archivi diversi in base ai criteri che scegli. Ad esempio, se il tuo sito vende scarpe con tacco e borse, potresti volere diverse pagine del Negozio con filtri pertinenti per ogni tipo di prodotto.

set di strumenti di pagine-archivio
Pagina del negozio per i tacchi
shop-page-bags-toolset
Pagina del negozio per le borse

Creazione di elenchi dinamici di contenuti

Puoi aggiungere un elenco dinamico di prodotti alla tua pagina Negozio o a qualsiasi altra pagina del tuo sito utilizzando il blocco Visualizzazione set di strumenti. Ciò consente di definire quali prodotti elencare e progettare l'aspetto dell'elenco.

set di strumenti per blocchi di visualizzazione
Scegliere quale contenuto visualizzare su una pagina del negozio

Aggiunta di opzioni di ricerca e filtro personalizzate

Il set di strumenti consente ai tuoi potenziali clienti di trovare prodotti in modo rapido e semplice grazie alle opzioni di ricerca e filtro personalizzate. Puoi filtrare in base a qualsiasi campo personalizzato o relazione di post che hai creato.

set di strumenti di ricerca personalizzati
Ricerca personalizzata che consente di filtrare per campi personalizzati

Altre funzionalità della pagina Negozio personalizzate di OceanWP

OceanWP offre più funzionalità per il tuo negozio e le pagine di archivio, tra cui un'opzione di visualizzazione rapida, scorrimento infinito e la possibilità di nascondere i filtri fuori dallo schermo quando non sono in uso. Tieni presente che queste funzionalità funzionano solo con gli archivi di OceanWP, non con quelli personalizzati che crei con il set di strumenti.

opzione-visualizzazione rapida-oceanwp
Opzione di visualizzazione rapida
filtri ceanwp-off-screen
Nascondi i filtri fuori dallo schermo

OceanWP ti offre anche opzioni su come visualizzare il tuo carrello:

  • Carrello nativo pop-up
  • Barra di aggiunta al carrello mobile
  • Espositore carrello
  • Check-out senza distrazioni

..e altro ancora!

Prova oggi OceanWP e Toolset e raccontaci la tua esperienza nei commenti!

Impara a creare negozi WooCommerce personalizzati passo dopo passo con il corso WooCommerce gratuito di Toolset.


Puoi anche provare Toolset e OceanWP insieme gratuitamente con questa demo del negozio WooCommerce.