Woocommerce
A Guide To Create an eCommerce Website


Woocommerce is a free plugin available on WordPress that allows users to develop an eCommerce website. It is currently the most used plugin to create an online shop.
Its being famous is due to the fact it is easy to use, even though those who cope with this plugin for the first time may not find it so intuitive at first.
If you need information about all the extensions and all the themes this plugin makes available, please visit the
official website.
In this article I am going to help you to get to know this plugin, guiding you step by step in the creation of an online shop starting from zero. First of all, however, it is necessary that you start from a basic knowledge of CMS WordPress. If you do not know what it is and you almost never used it, please check the column
WordPress, Why Use It? .
Besides, it is also necessary that you have already registered a domain on a hosting web area (for instance, when it comes mostly to the Italian market, I can recommend Aruba, Siteground and Ergonet). Hosting providers often allow users to install WordPress in just a few clicks.
If you know WordPress already and you already have a domain registered, you can go on reading this column and find out how to create an eCommerce website using Woocommerce.

How To Install Woocommerce
To install Woocommerce on WordPress just click on Plugin > Add New and type Woocommerce in the search bar.
Click on Install Now and then on Activate.
After installing and activating this plugin, a window is popping up, describing the steps of a configuration guide. You can now skip this part, because at first the installation of a demo shop is required. So, click on the Skip the Shop Installation Details link.

How To Import a Demo Shop
To import a demo shop in your WordPress install the Astra theme by clicking on Features and then Themes.
Then click on Add New.
Type Astra in the search bar of Themes and then proceed with its installation.
This theme is available both in the free and in the paid version, but the first one is enough for our needs. The Astra theme works fine with the visual editor software called Elementor, that allows users to create web pages quite easily. If you do not know Elementor and want to know more, please take a look at my colleague Edoardo’s column
here.
Elementor has both a free and a paid version too, but in this case, as written beforehand, the free one may be considered enough. Therefore, install Elementor from the Plugin page available on WordPress.
Please complete the import of your demo shop by installing the plugin Astra Starter.
Then click on Features > Starter Template.
A window pops up allowing you to choose what Page Builder you want to be included in your theme. In our case the import of a template including Elementror is needed, so just click on the right icon.
Now a template library is displayed, and all the templates included are built by using Elementor.
The search bar placed above allows you to filter templates by price (both free and paid templates are available) and then by typology (Blog, Business, Ecommerce and others).
Our interest is to import a free template for an eCommerce website. So select one of the templates shown and click on Import Complete Site.
Now a window is displayed. At the beginning, it requires information about your knowledge level of WordPress, asking if the template you want is needed for your company’s purpose, a customer or for your personal needs.
After that, please insert your name and your email address and then click on Submit and Start Importing.
The installation process has now been set in motion. The installation of your demo shop is now complete!

How To Configure Woocommerce
Now that our theme has been installed let’s get back to the Woocommerce configuration.
Click on Woocommerce and then on Home.
A window pops up, click on Shop Details to go on in the configuration process.

Shop Details
Now we are back to the important configuration window, divided into five steps. Let’s take a look at them.

  1. First step: insert the online shop address (address, country/region and zip code)
  2. Second step: Woocommerce asks you to select the category of your shop. For example you can click on Fashion, Wear and Accessories and then go on to the third step
  3. Third step: here you select the kind of product you are going to sell. Woocommerce gives you the opportunity to sell not only physical products but to download digital softwares or subscriptions too. For example you can select Physical Products.
  4. Fourth step:
    - Here you select the quantity of products you are going to sell. This number can also be modified later. For now let’s select From 1 to 10, as an example
    - You can also select if your products are also sold somewhere else on the web. For now let’s choose No.
    In the Free Functions section Woocommerce recommends potential extra plugins to install to improve our eCommerce website functions.
    Right now there is no need for installing any of these plugins, so uncheck every box and click on Continue.
  5. Eventually, as one last step, Woocommerce allows users to choose a theme for their online shop. Having already completed this step, you can simply click on Continue With The Theme Currently Active.
    Congratulations! You have just completed the configuration of the Online Shop Data. Go on with the other stages of the configuration of our eCommerce.

Payment Configuration
To proceed in the Woocommerce configuration click, as always, on Woocommerce-Home. Now the box called Shop Details is checked, potentially along with the Add My Products box, because, thanks to the Theme Import operation, various demo products have already been imported. An explanation on how to add or modify products is available later on in this column. Then, proceed on in the payment configuration by clicking on the box dedicated. Now you see a list of the payment modes recommended. In an eCommerce website I suggest to activate payments by Paypal, by bank transfer and by the Stripe service, that allows the payment by a credit card or a debit card without leaving the shop.
So, proceed with the configuration of the one or ones needed by filling the blanks with the details requested.

Tax Configuration
Once the payment mode or modes you prefer are enabled, you need to set the tax configuration. Click on the Tax Configuration option.
Woocommerce recommends you to install JetPack and Woocommerce Tax, but I would not personally recommend it. Go on with the manual configuration by clicking on the right button.
In the next window type Add > Row.
In the Country Code field just add IT for Italy or the abbreviation for the country you live or work in, and select its name in full.
Your row appears as shown in the picture displayed in the Italian version of this article.
Just leave the mandatory fields as they are and in the Tax field add 22% (the 2021 VAT value implemented by the Italian Government and currently valid). Type IVA (the Italian for VAT) in the Tax Name field and uncheck the Delivery box. Keeping it checked would mean you intend to apply the tax value on the delivery of items too, but we are interested in applying it to items only.
In the end, click on Save Changes.

Delivery Configuration
Once the tax configuration is completed you can go on with the delivery configuration. Just go back to Home (Woocommerce - Home) and click, as usual, on the right option.
In this section you can set the delivery costs.
So, add the value you want as far as your eCommerce website is concerned, and then click on Complete the Activity.

Shop Customisation
And now we are at the last step of our Woocommerce configuration process: the shop customisation.
At this stage Woocommerce allows you to customise your homepage: in this case this step can be skipped because we have already completed it during the import of our template demo. So, just click on Skip.
Later, Woocommerce allows you to upload your online shop logo and to set a shop notification: i.e. a banner published on every page of the eCommerce website that may, for example, contain a discount code.
If you are interested in this section, just fill the fields requested and then click on Complete Activity.
Well done! The main configuration steps of your online shop are fully completed now!
Do not worry! There is not much left to reach the end of this column, I only need to explain to you how to add or modify your eCommerce website items.

Add Or Modify Items
In order to manage the items available on your eCommerce website, it is enough to click on the All Items button found from the WordPress Menu > Item.
Here you find the list of all the items available. Place the cursor on one item and click on Modify.
The item window pops up, allowing, at first, to add the item name and its description.
Then, in reference to the panels placed on the right you can:

  • upload an image of the item
  • create a gallery by uploading different images on the image panel
  • place the item as part of one specific category

To add a new category you can click on Add New Category in this panel or click on the Categories button found in the Item sub-menu.

  • Give the item tags
    To add new tags click on the Tag option in the Item sub-menu.
    If you want to add a new product just place your cursor on Items and click on Add New.

Item Settings
Item Types
The item information also includes a panel allowing users to manage item settings.
Please choose the item type here.

Items can in fact be defined as:

  • simple: physical items
  • variable: for example a t-shirt available in different colours. Every colour is considered a variation of the item itself
  • virtual: all the items that cannot be delivered physically, such as images, e-books and so on
  • grouped: basically simple items that are grouped together. The price of this type of product is the sum of item prices included.
  • outer or affiliate: items not available on your eCommerce website because they are placed on other platforms, for instance Amazon. In this case you just need to add a link that redirects users interested in purchasing that specific item

    General
    In the section called General, the item price can be set with a discount rate as well, and with the opportunity to plan promotions.

    Inventory
    In the Inventory section your web store can be managed by adding the item code and the availability status: Available, Sold-Out or Backlog of Orders. The backlog order allows customers to purchase an item that is not available at the moment, so it is advisable to check this box only if you are certain to retrieve the item for a later delivery.
    By checking the Enable Inventory Management box you can manage the amounts of every single item.

Delivery
In the Delivery section the weight and the size of an item can be added.

Linked Items
The so-called “linked items” are those items displayed in combination with (or as an alternative to) the specific item users are watching. These kinds of items are added because the main goal is to sell to the customers as many items as possible. They are usually added automatically, but a manual adding is also possible.
The linked items can both be Up-sell or Cross-sell:

  • Up-sell items are items displayed as an alternative to the main item
  • Cross-sell items are items that can be linked to the main item instead. These items are displayed in the Cart page

Cart Page
Let’s now see what customers need to do once they have reached the front-end page of your eCommerce website.
First of all, in order to visit his or her cart page, a customer needs to click on the Add To Cart button and then on View Cart.
In the Cart page, the price and the amount of the items selected are displayed, along with the subtotal sum and the potential delivery costs.

Checkout
By clicking on Place Order, customers land on the Checkout page, where mandatory invoicing data needs to be inserted, and where a favourite payment mode can be chosen.
The configuration of your online shop has now come to its end. Now, let’s customise it with your items!

Conclusions
As described above, the creation of an eCommerce website using Woocommerce is really a simple task.
Both WordPress and Woocommerce are free-of-charge softwares. You just need to purchase a hosting plan and a domain name, so… keep up the good work!

Valeria

Woocommerce: guida per la creazione di un eCommerce

Woocommerce è un plugin gratuito di WordPress che ti permette di sviluppare un sito eCommerce. Attualmente è il plugin più utilizzato per la creazione di un negozio online.

La sua notorietà è dovuta dalla sua semplicità di utilizzo, anche se per chi si affaccia per la prima volta a questo plugin può risultare poco intuitivo. 
Se vuoi avere informazioni riguardanti tutte le estensioni e tutti i temi che questo plugin mette a disposizione visita il sito ufficiale.

In questo articolo ti aiuterò a prendere confidenza con questo plugin e ti guiderò passo passo nella creazione di un negozio online partendo da zero.
Prima di iniziare, però, è necessario che tu abbia una conoscenza base del CMS WordPress. Se non sai cos’è oppure non l’hai mai usato ti rimando all’articolo: 
WordPress, perché lo usiamo tutti (o quasi).

Inoltre è necessario che tu abbia registrato un dominio all’interno di uno spazio hosting (esempi di hosting che posso consigliarti sono Aruba, Siteground ed Ergonet). 

Spesso gli hosting ti permettono di installare WordPress in pochi click.

Se conosci già WordPress e possiedi già un dominio registrato procedi con la lettura di questo articolo e scopri come creare un eCommerce con Woocommerce.

 
 

Come installare Woocommerce

Per installare Woocommerce su WordPress non devi fare altro che cliccare su Plugin – Aggiungi Nuovo e nel campo di ricerca scrivere Woocommerce.

Clicca quindi su Installa adesso e poi su Attiva.

Una volta installato e attivato il plugin comparirà una configurazione guidata.
Per il momento puoi saltare questa parte perché per comprenderne il funzionamento dovrai prima installare un negozio demo.
Clicca quindi sul link
Salta i dettagli di installazione del negozio.

 

Come Importare un negozio demo

Per importare un negozio demo all’interno del tuo WordPress installa il tema Astra cliccando su Aspetto e poi su Temi.

Scrivi Astra nella barra di ricerca dei temi e successivamente procedi con l’installazione del tema.

Questo tema è disponibile sia nella versione gratuita sia nella versione a pagamento. Nel nostro caso sarà sufficiente quella gratuita. Il tema Astra funziona molto bene con l’editor visuale Elementor che permette di costruire facilmente le pagine del tuo sito web.

Se non conosci questo Page builder e vuoi saperne di più ti rimando all’articolo con la guida di Elementor.

Anche per questo editor esiste una versione gratuita e una a pagamento, ma in questo caso ti sarà sufficiente quella gratuita. Installa quindi Elementor dalla pagina Plugin di WordPress.

Per completare l’importazione del tuo negozio demo installa il plugin Astra Starter.

Clicca poi su AspettoStarter Template.

Comparirà una schermata che ti permette di scegliere quale Page Builder vuoi che sia incluso nel tuo tema.
In questo caso vogliamo importare un template che contenga Elementor quindi clicchiamo sull’icona corrispondente.

 

Vedrai ora una libreria di template, tutti costruiti con Elementor.

La barra in alto ti permette di filtrare i template per prezzo (gratuiti e a pagamento) e per tipologia (Blog, Business, Ecommerce, Altro).

A noi interessa importare un template gratuito per un eCommerce quindi seleziona le voci eCommerce e Free.

Seleziona quindi uno dei template mostrati e clicca su Import Complete Site.

A questo punto comparirà una finestra che, inizialmente, ti chiederà il tuo livello di conoscenza di WordPress e se il template ti serve per la tua azienda, per un cliente o per te stesso.

Successivamente dovrai inserire il tuo nome e la tua email e poi cliccare su Submit and Start Importing.

Si avvierà quindi il processo di importazione. Una volta terminato il tuo negozio demo sarà finalmente installato!

 

Come configurare Woocommerce

Ora che il tema è stato installato torniamo alla configurazione di Woocommerce.

Clicca quindi su Woocommerce e poi su Home.

Apparirà la schermata seguente. Per riprendere la configurazione clicca su Dettagli Negozio.

Dettagli Negozio

Eccoci tornati all’importantissima schermata di configurazione che come potrai vedere è divisa in 5 step.

Vediamoli insieme.

1 Nel primo step ti verrà richiesto l’indirizzo del negozio online (Indirizzo, Paese/Regione e Codice Postale).

2 Nel secondo step Woocommerce ti chiederà di selezionare la categoria del tuo negozio. A titolo di esempio per ora puoi cliccare su Moda, abbigliamento e accessori e prosegui poi con il terzo step.

3 Nel terzo step dovrai indicare quale tipo di prodotto andrai a vendere.
Infatti Woocommerce ti dà la possibilità di vendere non solo prodotti fisici, ma anche download di prodotti digitali o sottoscrizioni.
In questo esempio puoi selezionare Prodotti Fisici.

4 Nel quarto step dovrai indicare:

quanti saranno i prodotti del negozio. Questo dato potrà essere modificato in seguito. Momentaneamente selezioniamo da 1 a 10;

se i tuoi prodotti vengono venduti da qualche altra parte nel web. Per il nostro esempio selezioniamo No.

Nella sezione Funzionalità gratuite Woocommerce ti consiglierà plugin extra da installare per migliorare le funzionalità del tuo ecommerce.

Per il momento, però non ci interessa installare altri plugin quindi rimuoviamo tutte le spunte e clicchiamo su Continua.

5 Infine, come ultimo step, Woocommerce vuole farti scegliere un tema per il tuo nuovo negozio. Avendo, però, già svolto questo passaggio puoi limitarti a cliccare sul pulsante Continua con il mio tema attivo.

Ottimo! Hai terminato la configurazione dei Dati del negozio.
Procedi ora con le altre fasi della configurazione del tuo eCommerce.

Configurare i pagamenti

Per continuare con la configurazione di Woocommerce clicca, come sempre, su Woocommerce-Home. Ora potrai vedere la voce Dettagli Negozio spuntata.

Dovresti inoltre, vedere spuntata anche la voce Aggiungi i miei prodotti in quanto con l’importazione del tema sono già stati importati diversi prodotti demo. 

Ti spiegherò comunque più avanti, nel corso di questo articolo, come aggiungere e modificare i prodotti.
Passa quindi alla
configurazione dei pagamenti cliccando sulla rispettiva voce.

Ora ti sarà possibile vedere un elenco dei metodi di pagamento consigliati.

All’interno di un eCommerce consiglierei di attivare i pagamenti tramite Paypal, bonifico bancario e tramite il servizio Stripe che consente il pagamento attraverso carta di credito o di debito senza lasciare il negozio.

Procedi quindi con la configurazione di ognuno compilando i dati richiesti.

Configurare l’aliquota

Una volta abilitati i pagamenti che ti interessano dovrai procedere con la configurazione delle tasse. Clicca quindi su Configura l’aliquota.

A questo punto Woocommerce ti suggerirà di installare JetPack e Woocommerce Tax, ma io te lo sconsiglierei. Procedi quindi con la configurazione manuale cliccando su configura manualmente.

Nella schermata seguente clicca su Inserisci – Riga.

Nel campo Codice Nazione inserisci IT e seleziona Italia.

La tua riga si presenterà come nell’immagine qui sotto.

Lascia invariati i campi che contengono l’asterisco e nel campo Aliquota inserisci il valore attuale del 22% (imposta aggiornata al 2021). Scrivi “IVA” nel campo Nome Imposta e rimuovi la spunta su Spedizione.
Lasciarla, infatti, significa applicare l’aliquota anche sulla spedizione, ma a noi interessa applicarla solo sul prodotto.

Infine Salva le modifiche.

Configurare la spedizione

Terminata la configurazione dell’aliquota dovrai ora procedere con la configurazione della spedizione. Torna di nuovo su Home (Woocommerce – Home) e clicca come al solito sulla voce corrispondente.

In questa sezione potrai impostare il costo della spedizione.

Inserisci quindi il valore che ritieni opportuno per il tuo eCommerce e poi clicca su Completa l’attività.

Personalizzazione del negozio

Eccoci all’ultimo step della nostra configurazione di Woocommerce: la personalizzazione del negozio.

In questa fase Woocommerce ti chiederà di personalizzare la tua homepage: nel nostro caso questo passaggio non ci interessa perché l’abbiamo già svolto durante l’importazione del nostro template demo. Clicchiamo quindi sul Salta.

Successivamente Woocommerce ti chiederà di caricare il logo del tuo negozio online

e di Impostare un avviso del negozio: un banner che viene pubblicato all’interno di tutte le pagine dell’eCommerce che potrebbe contenere per esempio un codice di sconto.

Se ti interessa questa parte compila l’apposito campo e clicca su Completa l’attività.

Bene, le configurazioni principali del tuo negozio sono terminate!

Non ti preoccupare! Non manca molto alla fine di questo articolo.
Devo solo spiegarti come aggiungere o modificare i prodotti.

 

Aggiungere e Modificare un prodotto

Per gestire i prodotti all’interno del tuo eCommerce posizionati sulla voce Prodotti della bacheca di WordPress e clicca su Tutti i Prodotti.

Qui vedrai l’elenco dei prodotti presenti nel tuo sito.
Posizionati su un prodotto e clicca su
Modifica.

Si aprirà la scheda del prodotto che ti consentirà innanzitutto di inserire il nome del prodotto e la relativa descrizione.

Poi, all’interno dei pannelli situati alla tua destra potrai:

  • caricare un’immagine del prodotto;

  • creare una gallery caricando le immagini nell’apposito pannello;

  • assegnare una categoria al prodotto;

Per aggiungere una nuova categoria clicca sul link Aggiungi nuova categoria contenuto in questo pannello oppure clicca sulla voce Categorie presente nel sottomenu Prodotti.

  • assegnare dei tag al prodotto.

Puoi aggiungere nuovi tag anche cliccando sulla voce Tag presente nel sottomenu Prodotti.

Se vuoi aggiungere un nuovo prodotto, ti sarà sufficiente posizionarti su Prodotti e cliccare su Aggiungi Nuovo.

 

Impostazioni del prodotto

Tipologie di prodotti

La scheda del prodotto contiene anche un pannello che ti permette di gestire le impostazioni del prodotto.

Qui puoi stabilire la tipologia del prodotto.

I prodotti infatti possono essere:

  • semplici: i classici oggetti fisici; 
  • variabili: per esempio una maglietta disponibile in colori diversi. Ogni colore rappresenterà una variazione del prodotto.
  • virtuali: tutti quei prodotti che non possono essere spediti fisicamente, come immagini, e-book, ecc..
  • grouped: non sono altro che più prodotti semplici “raggruppati”. Il prezzo di questa tipologia di prodotto è data dalla somma dei prezzi dei prodotti in essa contenuti.
  • esterni o affiliati: questa tipologia ti consente di vendere prodotti non presenti fisicamente nel tuo eCommerce perché per esempio si trovano su Amazon. In questo caso non dovrai fare altro che inserire un link a cui verrà re-indirizzato il cliente che desidera acquistare il prodotto.

Generale

Nella sezione Generale puoi impostare il prezzo di listino del prodotto ed eventualmente il prezzo scontato pianificandone la promozione.

Inventario 

Nella sezione Inventario puoi gestire il tuo magazzino inserendo il codice del prodotto e lo status della disponibilità: Disponibile, Esaurito, Ordine Arretrato

Lo status Ordine Arretrato consente al cliente di acquistare un prodotto che non è ancora disponibile in magazzino quindi è consigliabile abilitare questa voce solamente se hai la certezza di riuscire a reperire il prodotto in un secondo momento.

Spuntando la voce Abilita gestione inventario prodotti hai la possibilità di gestire le quantità di ogni singolo prodotto.

Spedizione

Nella sezione Spedizione puoi inserire il peso e la dimensione del prodotto.

Articoli Collegati 

Gli articoli collegati (o correlati) sono quei prodotti “abbinati” o “alternativi” al prodotto che stiamo visualizzando. Quando si decide di inserire questo tipo di prodotti è perché si ha l’obiettivo di vendere al cliente più prodotti possibili.
Solitamente si creano in automatico, ma è anche possibile abbinare manualmente i prodotti.

Gli articoli collegati possono essere: Up-sell o Cross-sell:

  • gli Up-sell sono prodotti alternativi al prodotto visualizzato;
  • i Cross-sell, invece, sono prodotti che possono essere abbinati al prodotto. Questi prodotti vengono visualizzati nella pagina del Carrello.
 

Pagina Carrello

Giunti a questo punto vediamo ora come il cliente dovrà comportarsi nel frontend del tuo eCommerce.

Innanzitutto, per poter visionare il proprio carrello il cliente dovrà cliccare sul pulsante Aggiungi al Carrello e successivamente su Visualizza il Carrello.

Nella pagina Carrello il cliente vedrà il prezzo del prodotto, la quantità dei prodotti che si vogliono acquistare, il subtotale e l’eventuale costo di spedizione.

Checkout

Cliccando su Procedi con l’ordine l’utente atterrerà sulla pagina Checkout in cui dovranno essere inseriti i dati necessari per la fatturazione e dove sarà possibile scegliere il metodo di pagamento.

La configurazione del tuo negozio online è finalmente terminata.
Ora devi solo personalizzarlo con i tuoi prodotti!

Conclusione

Come hai visto creare un eCommerce con Woocommerce è davvero molto semplice.
Sia WordPress, sia Woocommerce sono gratuiti. Dovrai perciò solamente acquistare un piano hosting, un dominio e il gioco è fatto. Buon lavoro!

 

Valeria

Woocommerce
A Guide To Create an eCommerce Website


Woocommerce is a free plugin available on WordPress that allows users to develop an eCommerce website. It is currently the most used plugin to create an online shop.
Its being famous is due to the fact it is easy to use, even though those who cope with this plugin for the first time may not find it so intuitive at first.
If you need information about all the extensions and all the themes this plugin makes available, please visit the
 official website.
In this article I am going to help you to get to know this plugin, guiding you step by step in the creation of an online shop starting from zero. First of all, however, it is necessary that you start from a basic knowledge of CMS WordPress. If you do not know what it is and you almost never used it, please check the column 
WordPress, Why Use It? .
Besides, it is also necessary that you have already registered a domain on a hosting web area (for instance, when it comes mostly to the Italian market, I can recommend Aruba, Siteground and Ergonet). Hosting providers often allow users to install WordPress in just a few clicks.
If you know WordPress already and you already have a domain registered, you can go on reading this column and find out how to create an eCommerce website using Woocommerce.

How To Install Woocommerce
To install Woocommerce on WordPress just click on Plugin > Add New and type Woocommerce in the search bar.
Click on Install Now and then on Activate.
After installing and activating this plugin, a window is popping up, describing the steps of a configuration guide. You can now skip this part, because at first the installation of a demo shop is required. So, click on the Skip the Shop Installation Details link.

How To Import a Demo Shop
To import a demo shop in your WordPress install the Astra theme by clicking on Features and then Themes.
Then click on Add New.
Type Astra in the search bar of Themes and then proceed with its installation.
This theme is available both in the free and in the paid version, but the first one is enough for our needs. The Astra theme works fine with the visual editor software called Elementor, that allows users to create web pages quite easily. If you do not know Elementor and want to know more, please take a look at my colleague Edoardo’s column 
here.
Elementor has both a free and a paid version too, but in this case, as written beforehand, the free one may be considered enough. Therefore, install Elementor from the Plugin page available on WordPress.
Please complete the import of your demo shop by installing the plugin Astra Starter.
Then click on Features > Starter Template.
A window pops up allowing you to choose what Page Builder you want to be included in your theme. In our case the import of a template including Elementror is needed, so just click on the right icon.
Now a template library is displayed, and all the templates included are built by using Elementor.
The search bar placed above allows you to filter templates by price (both free and paid templates are available) and then by typology (Blog, Business, Ecommerce and others).
Our interest is to import a free template for an eCommerce website. So select one of the templates shown and click on Import Complete Site.
Now a window is displayed. At the beginning, it requires information about your knowledge level of WordPress, asking if the template you want is needed for your company’s purpose, a customer or for your personal needs.
After that, please insert your name and your email address and then click on Submit and Start Importing.
The installation process has now been set in motion. The installation of your demo shop is now complete!

How To Configure Woocommerce
Now that our theme has been installed let’s get back to the Woocommerce configuration.
Click on Woocommerce and then on Home.
A window pops up, click on Shop Details to go on in the configuration process.

Shop Details
Now we are back to the important configuration window, divided into five steps. Let’s take a look at them.

  1. First step: insert the online shop address (address, country/region and zip code)
  2. Second step: Woocommerce asks you to select the category of your shop. For example you can click on Fashion, Wear and Accessories and then go on to the third step
  3. Third step: here you select the kind of product you are going to sell. Woocommerce gives you the opportunity to sell not only physical products but to download digital softwares or subscriptions too. For example you can select Physical Products.
  4. Fourth step:
    - Here you select the quantity of products you are going to sell. This number can also be modified later. For now let’s select From 1 to 10, as an example
    - You can also select if your products are also sold somewhere else on the web. For now let’s choose No.
    In the Free Functions section Woocommerce recommends potential extra plugins to install to improve our eCommerce website functions.
    Right now there is no need for installing any of these plugins, so uncheck every box and click on Continue.
  5. Eventually, as one last step, Woocommerce allows users to choose a theme for their online shop. Having already completed this step, you can simply click on Continue With The Theme Currently Active.
    Congratulations! You have just completed the configuration of the Online Shop Data. Go on with the other stages of the configuration of our eCommerce.

Payment Configuration
To proceed in the Woocommerce configuration click, as always, on Woocommerce-Home. Now the box called Shop Details is checked, potentially along with the Add My Products box, because, thanks to the Theme Import operation, various demo products have already been imported. An explanation on how to add or modify products is available later on in this column. Then, proceed on in the payment configuration by clicking on the box dedicated. Now you see a list of the payment modes recommended. In an eCommerce website I suggest to activate payments by Paypal, by bank transfer and by the Stripe service, that allows the payment by a credit card or a debit card without leaving the shop.
So, proceed with the configuration of the one or ones needed by filling the blanks with the details requested.

Tax Configuration
Once the payment mode or modes you prefer are enabled, you need to set the tax configuration. Click on the Tax Configuration option.
Woocommerce recommends you to install JetPack and Woocommerce Tax, but I would not personally recommend it. Go on with the manual configuration by clicking on the right button.
In the next window type Add > Row.
In the Country Code field just add IT for Italy or the abbreviation for the country you live or work in, and select its name in full.
Your row appears as shown in the picture displayed in the Italian version of this article.
Just leave the mandatory fields as they are and in the Tax field add 22% (the 2021 VAT value implemented by the Italian Government and currently valid). Type IVA (the Italian for VAT) in the Tax Name field and uncheck the Delivery box. Keeping it checked would mean you intend to apply the tax value on the delivery of items too, but we are interested in applying it to items only.
In the end, click on Save Changes.

Delivery Configuration
Once the tax configuration is completed you can go on with the delivery configuration. Just go back to Home (Woocommerce - Home) and click, as usual, on the right option.
In this section you can set the delivery costs.
So, add the value you want as far as your eCommerce website is concerned, and then click on Complete the Activity.

Shop Customisation
And now we are at the last step of our Woocommerce configuration process: the shop customisation.
At this stage Woocommerce allows you to customise your homepage: in this case this step can be skipped because we have already completed it during the import of our template demo. So, just click on Skip.
Later, Woocommerce allows you to upload your online shop logo and to set a shop notification: i.e. a banner published on every page of the eCommerce website that may, for example, contain a discount code.
If you are interested in this section, just fill the fields requested and then click on Complete Activity.
Well done! The main configuration steps of your online shop are fully completed now!
Do not worry! There is not much left to reach the end of this column, I only need to explain to you how to add or modify your eCommerce website items.

Add Or Modify Items
In order to manage the items available on your eCommerce website, it is enough to click on the All Items button found from the WordPress Menu > Item.
Here you find the list of all the items available. Place the cursor on one item and click on Modify.
The item window pops up, allowing, at first, to add the item name and its description.
Then, in reference to the panels placed on the right you can:

  • upload an image of the item
  • create a gallery by uploading different images on the image panel
  • place the item as part of one specific category

To add a new category you can click on Add New Category in this panel or click on the Categories button found in the Item sub-menu.

  • Give the item tags
    To add new tags click on the Tag option in the Item sub-menu.
    If you want to add a new product just place your cursor on Items and click on Add New.

Item Settings
Item Types
The item information also includes a panel allowing users to manage item settings.
Please choose the item type here.

Items can in fact be defined as:

  • simple: physical items
  • variable: for example a t-shirt available in different colours. Every colour is considered a variation of the item itself
  • virtual: all the items that cannot be delivered physically, such as images, e-books and so on
  • grouped: basically simple items that are grouped together. The price of this type of product is the sum of item prices included.
  • outer or affiliate: items not available on your eCommerce website because they are placed on other platforms, for instance Amazon. In this case you just need to add a link that redirects users interested in purchasing that specific item

    General
    In the section called General, the item price can be set with a discount rate as well, and with the opportunity to plan promotions.

    Inventory
    In the Inventory section your web store can be managed by adding the item code and the availability status: Available, Sold-Out or Backlog of Orders. The backlog order allows customers to purchase an item that is not available at the moment, so it is advisable to check this box only if you are certain to retrieve the item for a later delivery.
    By checking the Enable Inventory Management box you can manage the amounts of every single item.

Delivery
In the Delivery section the weight and the size of an item can be added.

Linked Items
The so-called “linked items” are those items displayed in combination with (or as an alternative to) the specific item users are watching. These kinds of items are added because the main goal is to sell to the customers as many items as possible. They are usually added automatically, but a manual adding is also possible.
The linked items can both be Up-sell or Cross-sell:

  • Up-sell items are items displayed as an alternative to the main item
  • Cross-sell items are items that can be linked to the main item instead. These items are displayed in the Cart page

Cart Page
Let’s now see what customers need to do once they have reached the front-end page of your eCommerce website.
First of all, in order to visit his or her cart page, a customer needs to click on the Add To Cart button and then on View Cart.
In the Cart page, the price and the amount of the items selected are displayed, along with the subtotal sum and the potential delivery costs.

Checkout
By clicking on Place Order, customers land on the Checkout page, where mandatory invoicing data needs to be inserted, and where a favourite payment mode can be chosen.
The configuration of your online shop has now come to its end. Now, let’s customise it with your items!

Conclusions
As described above, the creation of an eCommerce website using Woocommerce is really a simple task.
Both WordPress and Woocommerce are free-of-charge softwares. You just need to purchase a hosting plan and a domain name, so… keep up the good work!

Valeria

Articoli Collegati

adobe xd

Adobe XD: Come realizzare interfacce di siti web… e non solo!

Leggi
tema child wordpress

Anche i Temi hanno una famiglia. Tema Child: cos’è e come si crea

Leggi