e-commerce per doubleup con WooCommerce

e.commerce
sito di e-commerce
Esempio di negozio online che puoi costruire seguendo questa guida.

E-commerce tutorial, ti insegnerò come configurare un negozio online WooCommerce + WordPress in cui puoi elencare e vendere prodotti fisici.

Alla fine di questo tutorial, il tuo sito di e-commerce dovrebbe essere qualcosa di simile a questa immagine sulla destra :

Usa WordPress + WooCommerce per il negozio online (GRATUITO)

In una frase, WooCommerce è il modo migliore per trasformare il tuo sito Web WordPress in un negozio di e-commerce completamente funzionante. Ecco le specifiche:

  • Tecnicamente parlando, WooCommerce è un plugin per WordPress. Deve essere installato e attivato come qualsiasi altro plugin per funzionare.
  • È gratuito e open source, proprio come WordPress. Non hai bisogno di licenze, le cose non scadono e nessuno chiede soldi in qualsiasi momento.
  • È il più popolare plugin di e-commerce per WordPress.
  • È (probabilmente) il  plugin più ricco di funzionalità di questo tipo.
  • Puoi configurarlo e configurarlo da solo .
  • La configurazione è veloce . Di solito, è solo questione di un pomeriggio.
  • Funziona con qualsiasi disegno / tema che hai attualmente sul tuo sito WordPress - non devi abbandonare il tuo attuale design del sito web!

Potrei continuare con l'elenco sopra, ma invece, lasciatemi dire che WooCommerce ti offre semplicemente tutto ciò di cui potresti aver bisogno per creare un negozio di e-commerce di alta qualità con WordPress.

Cosa puoi vendere con WordPress + WooCommerce?

Hmm .. molto:

  • prodotti digitali (es. software, download, ebooks),
  • prodotti fisici,
  • Servizi,
  • prenotazioni (ad es. per appuntamenti o qualsiasi altra cosa che può essere prenotata),
  • abbonamenti,
  • prodotti di altre persone - come affiliato,
  • personalizzazioni (ad esempio personalizzazioni aggiuntive in cima alle schede di prodotto) e altro ancora.

In altre parole: puoi guadagnare con il tuo sito web .

Mi azzarderei persino a dire che WooCommerce ti permette di vendere qualsiasi cosa a cui possa essere assegnato un prezzo. Inoltre, chiunque può usarlo (se sei già riuscito a far partire un sito WordPress, sarai anche in grado di gestire WooCommerce).

Come costruire un negozio online con WordPress e WooCommerce

Nota: l'obiettivo di questa parte della guida è di mostrare il metodo più semplice per creare un negozio di e-commerce funzionale su WordPress in modo da poter ottenere il tuo negozio online il prima possibile. Questo è il motivo per cui mi concentrerò solo sulle cose essenziali e salterò gli aspetti più avanzati.

PASSO 1. Ottieni un nome di dominio e un web hosting

Per creare un negozio online o qualsiasi altro tipo di sito web, avrai bisogno di due cose:

  • Il nome di dominio è l'indirizzo univoco del tuo negozio sul web. Qualcosa di simile aYOURSTORE.com
  • Il Web Hosting è fondamentalmente un computer remoto che memorizza il tuo sito Web e poi lo serve a chiunque voglia visitarlo.

Ho creato un Corso su Facebook di come fare Web Marketing, troverai una intera sezione completamente GRATUITA su come creare un sito internet da zero, se vuoi puoi usufruirne anche Tu semplicemente cliccando su questo link 

 

Ora è il momento di trasformare quel vuoto sito Web WordPress in un negozio di e-commerce completamente funzionale usando l'eccellente plugin WooCommerce.

PASSAGGIO 2. Installa il plugin WooCommerce (GRATUITAMENTE)

Come con  tutti i plugin WordPress , il divertimento inizia navigando verso il tuo WordPress Dashboard / Plugin / Aggiungi Nuovo . Una volta lì, digita "woocommerce" nel campo di ricerca. Vedrai WooCommerce come il primo risultato di ricerca:

installare woocommerce

Fai clic sul pulsante "Installa ora" accanto al plug-in.

Dopo un paio di secondi, il testo sul pulsante cambierà in "Attiva". Vai avanti e fai clic.

woocommerce attivare

In questa fase, vedrai la procedura guidata di avvio / configurazione di WooCommerce. Questa cosa rende il processo più facile e ti porta per mano attraverso tutto. Per iniziare, fai clic su "Andiamo!"

woocommerce wizard 1

Crea le pagine del negozio essenziali

I negozi online sono un tipo particolare di sito Web e hanno bisogno di alcune pagine particolari per funzionare correttamente. Il primo passo nella procedura guidata WooCommerce riguarda la creazione di queste pagine:

  • "Negozio": è qui che verranno visualizzati i tuoi prodotti.
  • "Carrello": questo è il carrello della spesa in cui i clienti possono modificare il loro ordine prima di procedere al pagamento.
  • "Checkout" - è qui che i clienti scelgono il metodo di spedizione / consegna e pagano per qualunque cosa abbiano acquistato.
  • "Il mio account" - una sorta di pagina del profilo per i clienti registrati (sarà in grado di visualizzare i loro ordini passati lì e gestire altri dettagli).

Tutto quello che devi fare in questa fase della procedura guidata di WooCommerce è fare clic sul pulsante "Continua". WooCommerce imposterà quelle pagine per te.

Imposta luogo

Il locale è una parte veramente cruciale della configurazione del tuo negozio. Questi pochi parametri definiscono la tua origine aziendale, la valuta e le unità preferite:

woocommerce wizard 2

Al termine, fai clic su "Continua".

Comprendere l'imposta sulle vendite

L'imposta è di gran lunga la parte meno eccitante della gestione di un negozio di e-commerce, ma è anche qualcosa che non possiamo ignorare, purtroppo.

Sarai felice di vedere che WooCommerce ti aiuta anche con questa parte.

Innanzitutto, puoi selezionare se spedirai beni fisici o no. Se selezioni la casella, WooCommerce imposterà i dettagli relativi alla spedizione restanti nelle impostazioni.

spedizione guidata woocommerce

Avanti, tassa! WooCommerce ha un modulo fiscale molto pulito, la cosa migliore è che ti aiuta a calcolare le aliquote fiscali in base alla posizione del tuo negozio (lo hai impostato nel passaggio precedente).

Se hai intenzione di addebitare l'imposta sulle vendite (nella maggior parte dei casi sei), basta controllare la casella delle imposte principali. Non appena lo fai, apparirà un nuovo set di scatole e ti informerà di cosa succederà dopo.

interruttore fiscale woocommerce

Nota: anche se WooCommerce precompilerà le impostazioni fiscali per te, dovrai comunque ricontrollare con le autorità locali quali sono le attuali regole di tassazione corrente, specialmente se non sei negli Stati Uniti. Per saperne di più sul modo di gestire le tasse di vendita di WooCommerce . Puoi cambiare tutto in un secondo momento, quindi non preoccuparti se non sei sicuro delle regole in questo momento.

Fai clic su "Continua".

Scegli un metodo di pagamento (PayPal è raccomandato)

Essere in grado di accettare pagamenti online è al centro di qualsiasi negozio di e-commerce, WooCommerce offre davvero molto in termini di soluzioni disponibili.

Ecco cosa puoi scegliere tra:

Pagamenti woocommerce della procedura guidata

Due delle opzioni di pagamento più popolari sono in cima - PayPal e Stripe - è altamente raccomandato che tu integri il tuo sito con entrambi. Basta fare clic sulle loro caselle di controllo corrispondenti.

Puoi anche selezionare altri metodi di pagamento che sembrano avere un senso. Ci saranno ancora più opzioni disponibili in seguito nel pannello delle impostazioni di WooCommerce.

Nota: per far funzionare i pagamenti online, è necessario registrarsi separatamente con PayPal o Stripe. Le impostazioni in WooCommerce sono solo per l'integrazione dei tuoi account PayPal e Stripe esistenti con il tuo nuovo sito di e-commerce.

Di nuovo, fai clic su "Continua" quando hai finito.

Il prossimo passo è solo una schermata di conferma che tutto è andato bene. In questa fase, la configurazione di base del tuo sito è stata completata: hai appena creato un negozio di e-commerce vuoto con WooCommerce!

Il prossimo passo è l'aggiunta di prodotti:

PASSAGGIO 3. Aggiungi il tuo primo prodotto

Per poter chiamare il tuo negozio operativo, hai bisogno di alcuni prodotti nel database (o servizi, o download, o qualunque cosa tu voglia vendere).

Per iniziare a lavorare con i prodotti, vai alla tua dashboard, quindi  Prodotti / Aggiungi prodotto :

aggiungi prodotto

Quello che vedrai è una classica schermata di modifica del contenuto di WordPress:

aggiungi prodotto woocommerce

  1. Nome del prodotto .
  2. La descrizione del prodotto principale . Questo ampio campo ti consente di inserire tutte le informazioni sul prodotto che desideri. Poiché si tratta di WordPress, puoi inserire non solo testo semplice ma anche immagini, colonne, titoli, persino video e altri media. Fondamentalmente, qualunque cosa tu ritenga opportuno!
  3. La sezione centrale dei dati di prodotto . Qui è dove si imposta il tipo di prodotto che si sta aggiungendo e se si tratta di un prodotto fisico,  scaricabile o  virtuale (i servizi sono considerati anche prodotti virtuali). Come parte di questa sezione centrale, ottieni anche schede per i vari parametri del prodotto:
    1. Generale . Qui è dove puoi impostare i prezzi e le tasse.
    2. Inventario . WooCommerce ti consente di gestire i livelli di scorte.
    3. Spedizione . Imposta il peso, le dimensioni e il costo della spedizione.
    4. Prodotti collegati . Ottimo per impostare upsells, cross-sales, ecc. (Pensa, "I clienti che hanno acquistato questo hanno anche comprato quello .")
    5. Attributi . Imposta gli attributi del prodotto personalizzato. Ad esempio, se vendi camicie, puoi impostare colori alternativi qui.
    6. Avanzato . Altre impostazioni. Non essenziale.
  4. Breve descrizione . Questo è il testo che viene visualizzato nella pagina del prodotto sotto il nome. Funziona meglio come un breve riassunto di ciò che è il prodotto.
  5. Categorie di prodotti . Raggruppa prodotti simili insieme. Ad esempio, "cappelli". Funziona proprio come le categorie standard di WordPress.
  6. Tag prodotto . Un ulteriore modo per aiutarti a organizzare il tuo database di prodotti. Funziona proprio come i tag standard di WordPress.
  7. Prodotto Immagine . L'immagine principale del prodotto.
  8. Galleria del prodotto . Altre immagini del prodotto per mostrare la sua bellezza.

La prima volta che visiti questo pannello, WooCommerce mostrerà alcuni utili suggerimenti per spiegare qual è lo scopo di ogni campo:

woocommerce aggiungi le descrizioni dei prodotti

Una volta che hai finito di impostare quanto sopra, fai clic sul grande pulsante Pubblica - il tuo primo prodotto è appena stato aggiunto!

Dopo aver aggiunto una manciata di merci al tuo database, la sezione prodotti nella dashboard dovrebbe essere simile a questa:

prodotti woocommerce

PASSO 4. Scegli un tema per il tuo negozio online (GRATUITO)

C'è una buona ragione per cui ho prima spiegato come aggiungere prodotti al tuo negozio, prima di discutere l'aspetto visivo dell'intera cosa.

Francamente, senza alcun prodotto nel database, non sareste in grado di vedere le singole pagine del negozio in nessuna forma rappresentativa. Non saresti in grado di assicurarti che tutto sia a posto.

Ora che hai aggiunto la maggior parte dei tuoi prodotti, possiamo assicurarci che le cose siano in ordine da un punto di vista puramente visivo.

WooCommerce vs il tuo tema attuale

Per impostazione predefinita, WooCommerce funziona con qualsiasi tema WordPress . Questa è un'ottima notizia specialmente se hai già scelto il tuo design e vuoi mantenerlo.

In alternativa, puoi utilizzare temi speciali ottimizzati per WooCommerce. Questi temi sono dotati di stili predefiniti che rendono tutti gli elementi WooCommerce eccezionali.

Ecco la mia raccomandazione:

scelta del tema

Il tema ufficiale di WooCommerce - e quello che è più probabile che funzioni correttamente - si chiama Storefront . La versione di default è gratuita e dovrebbe essere sufficiente per iniziare.

storefront

In alternativa, puoi visitare la sezione di e-commerce su ThemeForest - la più grande directory di temi premium di WordPress sul web.

ThemeForest

Indipendentemente dal fatto che tu abbia deciso di attenersi al tuo tema attuale o di aver scelto qualcosa di nuovo e ottimizzato per WooCommerce, ciò che devi fare in seguito è assicurarti che le singole pagine del negozio abbiano un bell'aspetto. Facciamolo ora:

Le regole del design del negozio di e-commerce

Discutiamo una manciata di aspetti importanti prima di entrare nel nocciolo della questione.

Principalmente -  cosa rende buono un negozio di e-commerce (leggi: redditizio)?Ecco i parametri più importanti:

  • Il design deve essere chiaro e non confondere in alcun modo. Un visitatore che è confuso non comprerà nulla.
  • Il blocco del contenuto centrale deve catturare l'attenzione del visitatore subito dopo essere arrivato sul sito. Quel blocco centrale è dove verranno visualizzati i prodotti.
  • Barre laterali regolabili Devi essere in grado di selezionare il numero di barre laterali di cui hai bisogno e anche disabilitare del tutto la barra laterale per alcune pagine (ne parleremo più avanti).
  • Responsive e ottimizzate per dispositivi mobili. La ricerca indica [2] che circa l'80% delle persone su Internet possiede uno smartphone. Secondo un'altra ricerca [3] , il 61% dei visitatori dei dispositivi mobili se ne andranno immediatamente e andranno alla concorrenza se hanno un'esperienza di navigazione mobile frustrante. In altre parole, assicurarsi che il sito Web sia ottimizzato per i dispositivi mobili è fondamentale.
  • Buona struttura di navigazione Desideri dei menu chiari e facili da capire, in modo che i tuoi visitatori possano trovare la pagina che stanno cercando.

Avendo in mente quanto sopra, ecco cosa puoi fare con le singole pagine del negozio:

La tua pagina del negozio

Qui è dove si trova l'elenco principale dei tuoi prodotti. Se hai seguito la procedura guidata di installazione di WooCommerce, questa pagina può essere trovata all'indirizzoYOURDOMAIN.com/shop

Questa è una pagina standard di WordPress - puoi modificarla tramite  dashboard / pagine di WordPress.

Le cose che vale la pena fare:

  • Aggiungi una copia che incoraggerà i tuoi visitatori a fare acquisti con te.
  • Decidi se vuoi avere la barra laterale sulla pagina. Questo viene fatto attraverso i modelli di pagina del tuo tema. Ad esempio, Storefront mi consente di andare a tutta larghezza, cosa che farò:

intera larghezza

Il tratto principale della pagina Shop è che proprio sotto il contenuto standard, è dotato di una parte personalizzata in cui visualizza le schede di prodotto. Ecco come appare sul tema Storefront:

pagina negozio woocommerce

Come puoi vedere, le belle immagini dei prodotti sono la chiave, è la prima cosa che devi fare bene! In altre parole, probabilmente dovresti lavorare sulle immagini dei tuoi prodotti più che su qualsiasi altra cosa.

WooCommerce ti consente anche di visualizzare i tuoi prodotti in modi alternativi su questa pagina. Quando vai nella dashboard di WordPress / WooCommerce / Settings / Products e poi nella sezione Display :

display prodotti woocommerce

... puoi scegliere se vuoi visualizzare singoli prodotti o categorie di prodotti nella pagina Shop. Seleziona ciò che ha più senso per te, quindi salva le impostazioni.

Pagine dei singoli prodotti

Per vederli, fai clic su qualsiasi elenco di prodotti dalla pagina Negozio.

Se stai utilizzando un tema di qualità, non dovresti riscontrare alcuna difficoltà su questa particolare pagina. Fondamentalmente, l'unica cosa che puoi fare è regolare la quantità di testo che stai usando per le descrizioni dei singoli prodotti, per assicurarti che tutto si adatti visivamente e che non ci siano punti bianchi che potrebbero confondere l'acquirente.

Ecco il mio esempio con il tema Storefront (senza alcuna personalizzazione aggiuntiva):

elenco di prodotti woocommerce

Carrello della spesa

Un'altra pagina cruciale che può essere regolata tramite Dashboard / Pages .

L'unica cosa che consiglierei è di andare per il layout a tutta larghezza. Non vuoi dare al compratore troppe opzioni su questa pagina, oltre a procedere al checkout.

carrello woocommerce

Check-out

Checkout è forse la pagina più importante di tutti. È dove i tuoi acquirenti arrivano a finalizzare i loro ordini ed effettuare i pagamenti.

In realtà non ti incoraggio a fare qualche ritocco su quella pagina tranne uno:

La pagina Checkout deve assolutamente essere a larghezza intera. L'unico modo accettabile per uscire dalla pagina per l'acquirente dovrebbe essere quello di finalizzare il loro ordine, e non essere distratti dalle cose disponibili nella barra laterale.

Puoi farlo tramite  Dashboard / Pages (basta ripetere il processo che hai seguito con la pagina Shop).

A parte questo, l'aspetto predefinito della pagina Checkout è fantastico:

woocommerce checkout

In questa fase, hai sostanzialmente finito con la modifica del design del tuo negozio, ora esaminiamo le possibilità di estendere le funzionalità del negozio.

STEP 5. Estensione di WooCommerce - Come?

Un'altra cosa che rende WooCommerce una soluzione di e-commerce così impressionante è che ci sono decine o addirittura centinaia di estensioni e plug-in disponibili.

Elenchiamo alcuni dei più utili:

Estensioni WooCommerce

Iniziamo con le estensioni - i componenti aggiuntivi ufficiali che sono stati approvati dal team di WooCommerce.

Per vedere cosa è disponibile, puoi andare a questa pagina .

Quel catalogo è veramente impressionante e vasto. Non voglio che ti senta intimidito da ciò. Sicuramente non hai bisogno di tutte quelle estensioni. Tratta questa lista come un buffet: scegli ciò che sembra interessante.

Alcune delle più meritevoli menzioni:

  • Gateway di pagamento . Queste estensioni ti consentono di accettare più metodi di pagamento sulla parte superiore di PayPal standard. In generale, più metodi di pagamento puoi permetterti di accettare (quelle porte sono spesso pagate), meglio è.
  • Estensioni di spedizione . Questi saranno a portata di mano se desideri integrare automaticamente il tuo negozio con le tariffe ufficiali di spedizione di aziende come UPS o FedEx.
  • Estensioni contabili . Integra il tuo negozio WooCommerce con lo strumento di contabilità di tua scelta.
  • Prenotazioni WooCommerce . Consenti ai clienti di prenotare appuntamenti per i servizi senza uscire dal tuo sito.
  • Abbonamenti WooCommerce . Lascia che i clienti si abbonino ai tuoi prodotti o servizi e paghi una tariffa settimanale, mensile o annuale.
  • Numero di partita IVA UE . Per coloro che operano all'interno dell'UE.
  • TaxJar . Imposta l'imposta sulle vendite con il pilota automatico.

In alternativa, se non vuoi spendere soldi per nuove estensioni, puoi navigare nella categoria gratuita . Ci sono più che sufficienti cose per tenerti occupato.

Plugin che potenziano il tuo negozio di e-commerce

Impostando le estensioni a parte, puoi anche utilizzare altri plugin di WordPress per potenziare ulteriormente il tuo negozio. Ecco cosa dovresti ottenere:

Creare un negozio online in poche parole

Come puoi vedere, il livello di difficoltà quando si tratta di creare il proprio negozio di e-commerce con WordPress non è elevato, ma ci vorrà ancora un po 'per superare tutti i passaggi sopra - probabilmente un pomeriggio o due.

Questo è ancora incredibile considerando che, per esempio, cinque anni fa avresti bisogno di assumere uno sviluppatore e pagarli a nord di $ 5000 per ottenere qualcosa di simile creato. Ora puoi fare tutto da solo!

Ad ogni modo, per aiutarti a superare tutte le attività richieste, ecco una lista di controllo da tenere a mente:

Prima di iniziare

  • Ottieni un nome di dominio , iscriviti per l'hosting web , ottieni l' installazione di WordPress funzionante .
  • Assicurati che il tuo nuovo sito WordPress vuoto funzioni correttamente (non si verifichino errori evidenti, ecc.).

Installare WooCommerce

  • Installa e attiva il plugin principale di WooCommerce.
  • Passare attraverso il wizard di installazione di WooCommerce, prestando particolare attenzione a:
    • Ottenendo le quattro pagine richieste create (Negozio, Carrello, Cassa, Il mio account).
    • Impostazione delle impostazioni locali del negozio.
    • Impostazione dell'imposta sulle vendite e della spedizione.
    • Scegliere i metodi di pagamento iniziali.

Prodotti

  • Aggiungi la maggior parte (o tutti) dei tuoi prodotti o categorie di prodotti al negozio.

Design

  • Seleziona il tema WordPress giusto per il tuo negozio di e-commerce. Vai con il tuo tema esistente o sfoglia altre possibilità. Rivedi le regole del design del negozio di e-commerce quando lo fai.
  • Regola la tua pagina Shop.
  • Modifica le singole pagine del prodotto.
  • Regola la pagina del carrello.
  • Regola la pagina Checkout.

estensioni

  • Installa i gateway di pagamento che desideri utilizzare.
  • Prendi in considerazione alcune delle estensioni di spedizione.
  • Prendi in considerazione un'estensione contabile.
  • Sfoglia le altre estensioni e la categoria gratuita .

plugin

  • Prendi in considerazione l'installazione di tutti i plug-in che potenziano il tuo negozio di e-commerce:
    • Yoast SEO
    • Yoast WooCommerce SEO
    • WooCommerce multilingue
    • Modulo di contatto 7
    • UpdraftPlus
    • Pulsanti di condivisione sociale di GetSocial
    • MonsterInsights
    • iThemes Sicurezza
    • W3 Total Cache.

Author: Massimiliano Paolucci

Sono Massimiliano Paolucci, imprenditore e consulente di marketing e finanza straordinaria. Autore di " IL TUO SUCCESSO SU FACEBOOK" , " STRATEGIA DI WEB-MARKETING" .Ho aiutato centinaia di imprenditori a lanciare il proprio business in Rete, ho contribuito a risollevare importanti aziende italiane ed internazionali.

Lascia i tuoi commenti

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.