Table of Contents

...

Esplorare il front office

Browsing the front office

The front office is what customers constantly see when browsing your shop. It is the interface, the products, the pictures, the descriptions, the whole purchase process, etc.

As a customer, this is all you will see of a shop during your browsing and buying experience, from start to finish.

As a shop owner, you should know your front office like the back of your hand, not only because you owe it to yourself to know your shop inside and out, but also because you need to understand what your customers face, the number of pages and clicks they go through during a typical buying sessions, where they might get stuck and how to help them out, etc.

The default theme

PrestaShop comes with a default theme, which uses white on light gray background. This simple design is intentional, in order to be adaptable to just about any line of business: cars, photographs, antiques, or anything at all! It was designed to be easy to browse, ergonomic, standard-compliant, and adapted to all screen sizes and devices. 

If you installed PrestaShop with its sample data, you will see clothing products.

While the shop owner can change the front office theme at any time, thanks to the wealth of themes that are available on the PrestaShop Addons website (httpIl front office è ciò che i clienti vedono ogni volta che visitano il tuo negozio. Si tratta quindi dell’interfaccia, dei prodotti, delle foto, delle descrizioni, dell’intero processo di acquisto, ecc.

Come cliente è tutto ciò che vedrai nel negozio durante l'esperienza di navigazione e di acquisto, dall'inizio alla fine.

Come proprietario del negozio dovresti conoscere il tuo front office come le tue tasche, non solo perché è doveroso conoscere il tuo negozio dentro e fuori, ma anche perché è bene che tu comprenda chi sono i tuoi clienti, quali e quante pagine visitano e dove cliccano durante una normale sessione di acquisto, dove potrebbero bloccarsi, come aiutarli, ecc.

Il tema predefinito

PrestaShop viene fornito con un tema predefinito che utilizza il bianco su sfondo grigio chiaro. Questo semplice design è voluto in quanto adatto a qualsiasi settore di attività: automobili, fotografie, oggetti d'antiquariato o qualsiasi altra cosa! È stato progettato per essere facile da navigare, ergonomico, conforme alle normative e adattato a tutte le dimensioni degli schermi e ai dispositivi.

Se hai installato PrestaShop nella versione esempio vedrai prodotti di abbigliamento.

Dato che il proprietario del negozio può cambiare il tema del front office in qualsiasi momento, grazie alla ricchezza dei temi disponibili sul sito web Addons di PrestaShop (https://addons.prestashop.com/), we will base this chapter on the default theme only.

Note that we here are describing the default theme with its default settings and modules. Activating other modules, or obviously using another theme, can dramatically change the shopping experience.

Navigating the shop

Whether your customer arrives on the front page by typing the shop web addresses or lands on a sub-page through a search engine, he or she will always have many options to navigate through the catalog.

The header

The header is a thin bar of content, accessible from any of the front office pages.

It contains several essential tools and links, which apply to the whole shop and is seperated into two parts.

A thin container with:

• • A link to the contact page.
  • The language (if more than one language is available). The customer can choose the language in which the shop should display texts.
  • The currency selectors (if more than one currency is available). The customer can choose the currency in which the shop should display prices. This is great in order to compare prices with other international shops.
  • A link to the sign-up page. When the customer is logged in, it displays his first name and last name as a link to the customer's account.

    Once connected, the customers is taken to the "Your account" page, and a "Sign out" link appears.

  • Cart (0). A quick reminder of the current status of the customer's cart (by default it is "(0)" for empty). Sometimes customers select items while browsing and forget about them after a few pages. It is therefore essential to give them a way to keep these products in mind.

A larger container with:

• The shop logo. A click on the logo brings the customer back to the homepage, from anywhere in the shop. The default logo reads "Classic" (after the default theme's name): this is an incentive for you to use your own logo rather than keeping the default one.
• The menu. By default, it displays the "Women" category, and its subcategories when you mouse hover it. To update the menu with your own categories, you should configure the "Main menu" module.
• The search engine. Many customers prefer to look for a specific item through the search engine rather than browsing through categories after categories of products. On some online shop, this is even the only way to browser the site's content for most customers. This is the module "Search bar".

The header hardly ever changes throughout the whole buying experience.

The cart

The header's essential part is the cart. By default, it is folded in order to only show the number of products it currently contains (if any). The customer can click on the text to access the shopping cart summary, from which the checkout process can be started.

The footer

The footer begins with a short container which presents two things:

• A "Get our latest news and special sales" form, in order for the customer to subscribe to your newsletter. Customers can register to your shop's newsletter directly using this form. Afterwards, the newsletter itself is entirely managed by you; PrestaShop does not handle the transmission of emails to the customers. The "Newsletter" module enables you to generate a .CSV file of all the registered customers and their e-mails, and you should be able to import that CSV file in any emailing system. The form is handled by the "Newsletter subscription" module.

The footer gives access to pages that could be useful to your users.

• The "Products" block contains:
  
  • Three links to products lists:
    • Specials. All the current promotions.
    • New products. Recently added items.
    • Top sellers. Most popular items.
• The "Our company" block links to informational pages:
  • • Delivery
    • Legal notice
    • Terms and Conditions of use
    • About us
    • Secure payment
    • Contact us
    • Sitemap, which lists all the pages on your store.
    • Stores
• The "Your account" block contains links to the main pages of the user's profile (or the authentication page). The title "Your account" is also a link to the customer account.
  • Addresses. A customer can add multiple addresses for different delivery options.
    
  • Credit slips. Received when an order has been canceled. Credit slips can be used for any future order.
  • Orders. All past and currently processing orders.
  • Personal info. First name, last name, e-mail address, home address, phone number, date of birth: all the necessary information about a customer.
  • Vouchers. All coupons code that have not yet been used (if there are any).
• The "Store information" block contains the address, phone number and e-mail address of your business.

Note that all this content can be changed by the shop owner from within the back office, either through preference settings or through module configuration.

The left column

The default theme's left column only appears on a category page, when activated from the back office. It mainly serves as a handy placeholder for navigation and tools.

Categories block

A category is a hierarchical way of sorting items: it can contain any number of sub-categories, making it possible to easily browse from the more general category listings to the more specific products by following a logical path.

A PrestaShop shop can have as many categories and sub-categories as needed, with an infinite number of products in a given category level. All categories are actually sub-categories of the root category, "Home."

Faceted navigation

The faceted navigation displays a block with different criteria available to filter the products, mostly attributes, features, and price ranges. It is very handy to help the customers easily find a product.

The central section

This is where the magic happens. The central section changes constantly in response to the customer's choices.

The front page

The default front page gives the customer a broad overview of the shop and its possibilities. An image slider serves as an introduction to the shop, with three alterning images.

The slider is followed by a list of "Popular products" that highlights products depending on their popularity.

Product listing pages

Categories, tags, brands, suppliers, search, specials page, best sellers page or new products page: PrestaShop has many paths to a product, but in the end, the customers are given a familiar listing of products, within the chosen context.

Despite the differing content, these listing designs are very similar, in order to keep it familiar even for the newcomers. They all display a list of concerned products organized in a grid, with:

• A thumbnail,
• Discount or state flags on the top-left hand side,
• Product name
• Product price

This list view enables the customer to see at a glance the products' main information when they already know everything they need about a product, allowing for a quicker decision process.

Hovering over the product triggers a quick animation, displaying the different combinations and a "Quick view" link. By clicking the "Quick view" link, a pop-up window opens with the main product information and an "Add to cart" button.

Category header: image and image map

Categories can feature a header image with an introductory message, as set by the shop owner.

Product sorting

Product listing by category or brand can be further sorted by price (low to high or high to low), name (A to Z or Z to A) or relevancy.

Product page

This is where all the information entered by the shop owner is available to the user. Depending on the theme design, a product page can be very thorough, with extensive information, or simply present the most essential facts. The default theme is typical in that its most prominent feature is the product images, with a tool below it enabling customers to view the various available images.

Next to the images are two blocks:

• A "summary" block, presenting the main facts for the current product.
• The "Add to cart" block, with the option to choose among the available combinations (as defined by the shop owner) and the quantity to be ordered.

Below the cart block you will find a reassurance block, to let your customers know about the various benefits of buying on your shop, or to be more transparent on your payment and delivery policies.

At the bottom of the product page is a tab section. The most usual ones are:

• Description. This gives the full description for the product, as entered by the shop owner.
• Product details. This tab only appears if the shop owner has entered data in the product's "Features" sheet. This gives all the detailed features that were entered into database. The content of this tab is very sparsely written: these are just raw facts, far from the product description.

The cart page

Clicking on the "Cart: XX products" link in the header brings the customer to the shopping cart summary page, which is the first step in the order process, before entering the checkout page. It sums up the cart and shows again the reassurance block. This is where the customer makes sure that the order only contains the wanted products, no more, no less.

When clicking the "Checkout" button, the user is redirected to the one-page checkout, divided into 4 sections:

1. Personnal information. Where the non-logged customer is asked to log in or create an account. This step is skipped over if the customer is already logged in. However, it is still available if the customer wants to sign in with another account.
2. Addresses. Where the customer is presented with his or her currently registered addresses in PrestaShop, and has to choose the one where the delivery is to be made.
3. Shipping method. Where the customer chose the shipping options.
4. Payment. Where the customer is presented with the final price of the order (now including the shipping price), and is asked to choose a payment method.

The customer can come back to any previous step by clicking on its title.

The checkout page has been voluntarily stripped of any distraction such as the left column, the footer and other links that can lead the customer away from the purchase. It is still possible to exit the checkout process by clicking on the shop logo in the header.

Creating a customer account

Because it is one of the main sources of lost customers for online shops, PrestaShop makes it simple and straightforward to create a customer account.

When clicking the "Sign in" link in the header, the visitor is taken to the authentication page, where he or she can sign in. If he or she needs to create a new account, the link "No account? Create one here" will redirect to the account creation form.

There are two parts to the account creation form:

• Personal information. There the customer should fill in everything that can uniquely identify the customer: first name, last name, e-mail, password, and date of birth.
• Subscriptions. The customer can choose to subscribe to your newsletter and to receive or not your partner offers. Make sure you only display these fields if you actually send this kind of content.

Once registered, the customer is redirected to the "Your account" page, where many options can be accessed: order history, credit slips, vouchers, and access to the previously entered information.

Buying a product

The whole process of buying a product on a PrestaShop site can follow different paths, but they all reach the same conclusion, which in e-commerce lingo is called the "conversion funnel": from the moment the cart is filled and the customer starts to check out, he or she has to progress through various validation screens until the order is validated and can be processed.

This process starts when the customer clicks the cart summary's "Checkout" button, and always follows the same sequence of screens:

1. (if the visitor is not logged in) The authentication screen, where the visitor can either go to the account creationpage, or log in.

2. The delivery address page. If the user account has no registered address, the customer is directly taken to the address creation form.

   Note

   Two addresses are necessary for an order: The delivery address, where the order should be sent. The billing address, which should be the one that is tied to the payment method. If the customer needs to have the order billed to an address other than the delivery one, he or she can click the "Billing address differs from shipping address" link and either select an address from the currently registered ones,or create a new one. If an address turns out to be wrong, the customer can use the "Edit" link to correct it.

3. The shipping page.
   This is where the customer can choose from different shipping- and packaging-related options:
   • Depending on what the shop can offer, the customer may be able to choose recycled packaging and gift-wrapping (with an optional gift note)
   • The customer MUST choose a carrier in order to reach the next step.

4. The payment page.
   The customer can choose many payment options, depending on what the shop owner has set up. The customer clicks on the chosen method and depending on the method, is either sent over to the chosen third-party handler or continues to one of PrestaShop's pages where he or she can enter the needed details, such as a validation before displaying check or bank wire information.

   Note
   Check and bank wire are installed by default, but PrestaShop makes it easy to offer payment through PayPal, Hipay or any other 3rd party providers. See the modules available in PrestaShop's back office, or check the Addons marketplace for even more modules: http://addons.prestashop.com/.

   The customer needs to agree with the shop's terms of service before completing the purchase and validation the order. Which is done by clicking on the "Order with an obligation to pay" button.

5. Once the customer has validated everything, the summary page is displayed.
   It begins with "Your order is confirmed". Depending on the chosen method of payment, some final information should be provided to the customer, along with a notification that a confirmation email has been sent and a link to the customer support page. 

it/), baseremo questo capitolo esclusivamente sul tema predefinito.

Si noti che qui descriviamo il tema predefinito con le sue impostazioni e moduli predefiniti. L'attivazione di altri moduli o ovviamente l'utilizzo di un altro tema può modificare drasticamente l'esperienza di acquisto.

Navigare il negozio

Sia che il cliente arrivi nella prima pagina digitando l’indirizzo web o atterri in una sotto-pagina attraverso un motore di ricerca, disporrà sempre di molte opzioni per navigare nel catalogo.

L'header

L’header è una piccola barra di contenuti, accessibile da una qualsiasi delle pagine del front office.

Contiene diversi strumenti e collegamenti essenziali che si applicano a tutto il negozio ed è suddiviso in due parti.

Un piccolo contenitore con:

• • Un link alla pagina dei contatti.
  • La lingua (se è disponibile più di una lingua). Il cliente può scegliere una lingua nella quale il negozio mostrerà i testi.
  • I selettori di valuta (se è disponibile più di una valuta). Il cliente può scegliere la valuta in cui il negozio mostrerà i prezzi. Questa è un’ottima funzione in quanto consente di comparare i prezzi con altri negozi internazionali
  • Un link alla pagina di accesso. Quando il cliente effettua l’accesso viene mostrato il suo nome e il suo cognome come link all’account del cliente.
    Una volta connesso, il cliente viene portato alla pagina “Il tuo account” e appare il link “disconnetti..
  • Carrello (0). Un rapido memorandum dello stato attuale del carrello del cliente (l’impostazione predefinita è "(0)" per vuoto). A volte i clienti selezionano articoli durante la navigazione e li dimenticano dopo poche pagine. È quindi essenziale dare loro un modo per tenere a mente questi prodotti.

Un contenitore più grande con:

• Logo del negozio. Un clic sul logo porta il cliente alla homepage da qualsiasi punto del negozio. Il logo predefinito riporta "Classico" (dopo il nome del tema predefinito): un incentivo per utilizzare il proprio logo piuttosto che lasciare quello predefinito.
• Menu. Come impostazione predefinita viene visualizzata la categoria "Donne" e le relative sottocategorie quando ci si posiziona sopra con il mouse. Per aggiornare il menu con le proprie categorie è necessario configurare il modulo "Menu principale".
• Motore di ricerca. Molti clienti preferiscono cercare un elemento specifico tramite il motore di ricerca piuttosto che passare in rassegna le categorie dei prodotti. Su alcuni negozi online è l'unico modo di navigare i contenuti del sito scelto dalla maggior parte dei clienti. Si tratta del modulo "Barra di ricerca"..

L’header non cambia quasi mai durante tutta l'esperienza di acquisto.

Il carrello

La parte essenziale dell'header è il carrello. Come impostazione predefinita si visualizzano solo il numero di prodotti effettivamente contenuti in esso (se presenti). Il cliente può cliccare sul testo per accedere al riepilogo del carrello della spesa da cui è possibile avviare il processo di pagamento.

Il footer

Il footer inizia con un piccolo contenitore che presenza due aspetti:

• "Ricevi le nostre ultime novità e le nostre vendite speciali” in modo che il cliente possa sottoscrivere la tua newsletter. I clienti possono iscriversi direttamente alla newsletter del tuo negozio utilizzando questo modulo. Successivamente, la newsletter stessa è interamente gestita da te; PrestaShop non gestisce la trasmissione delle e-mail ai clienti. Il modulo "Newsletter" consente di generare un file .CSV di tutti i clienti registrati e delle loro e-mail da importare in qualsiasi sistema di posta elettronica. Questo form è gestito dal modulo "Sottoscrizione Newsletter"..

Il footer dà accesso alle pagine che possono essere utili per gli utenti.

• Il blocco "Prodotti" contiene:
  
  • Tre link alla lista prodotti:
    • Speciali. Tutte le promozioni in corso.
    • Nuovi prodotti. Articoli aggiunti di recente.
    • Più venduti. Gli articoli più venduti.
• Il blocco "La nostra azienda" è collegata alle pagine di informazione:
  • • Consegna
    • Note Legali
    • Termini e condizioni
    • Chi siamo
    • Pagamenti sicuri
    • Contattaci
    • Sitemap, che mostra la lista delle pagine del tuo negozio
    • Negozi
• Il blocco "Il tuo account" contiene il link alla pagina principale del profilo dell’utente (o alla pagina di autenticazione). Il titolo "Il tuo account" è inoltre collegato all’account del cliente.  
  
  • Indirizzi. Il cliente può aggiungere molteplici indirizzi per differenti opzioni di consegna.
    
  • Crediti. Si ricevono nel caso in cui vengano cancellati degli ordini. I crediti possono essere utilizzati per qualsiasi ordine futuro.
  • Ordini. Gli ordini precedenti e quelli in fase di elaborazione.
  • Informazioni personali. Nome, cognome, indirizzo e-mail, indirizzo di domicilio, numero di telefono, data di nascita: tutte le informazioni necessarie di un cliente..
  • Buoni. Tutti i codici dei coupon che non sono stati ancora utilizzati (se presenti).
• Il blocco "Informazioni sul negozio" contiene l’indirizzo, il numero I telefono, l’indirizzo e-mail della tua attività.

Si noti che tutto questo contenuto può essere modificato dal proprietario del negozio dall'interno del back office, sia tramite le impostazioni di preferenza sia tramite la configurazione del modulo.

La colonna di sinistra

TLa colonna a sinistra nell’impostazione predefinita viene visualizzata in una pagina di categoria quando viene attivata dal back office. Funziona principalmente come pratico segnaposto per la navigazione e per gli strumenti disponibili.

Il blocco categorie

Una categoria è una struttura gerarchica per l’ordinamento dei prodotti: può contenere un numero qualsiasi di sottocategorie, consentendo di navigare in modo semplice dalle liste di categorie partendo dalle più generali e giungendo a prodotti più specifici grazie a un percorso logico.

Un negozio PrestaShop può avere tutte le categorie e sottocategorie necessarie, con un numero infinito di prodotti all’interno di un determinato livello di categoria. Tutte le categorie sono in effetti sotto categorie della categoria radice "Home".

Navigazione dettagliata

La navigazione dettagliata visualizza un blocco con diversi criteri disponibili per filtrare i prodotti, i principali attributi, funzionalità e intervalli di prezzo. È molto utile nell’aiutare i clienti a trovare facilmente un prodotto.

La sezione centrale

È qui che avviene la magia. La sezione centrale cambia costantemente in risposta alle scelte dei clienti.

La prima pagina

La prima pagina predefinita fornisce al cliente un'ampia panoramica del negozio e delle sue possibilità. Lo slider con immagini che si alternano è utile per fornire un quadro generale del negozio.

Lo slider è seguito da un elenco di "Prodotti popolari" evidenziati a seconda delle scelte più frequenti.

Pagine delle liste dei prodotti

Categorie, tag, marchi, fornitori, ricerca, pagina speciali, pagina dei best sellers o nuovi prodotti: PrestaShop fornisce molti percorsi per un prodotto, ma i clienti hanno a disposizione un elenco familiare dei prodotti in base al contesto scelto.
Nonostante il diverso contenuto, il design di queste liste sono molto simili per far sì che sia familiare anche per i nuovi arrivati. Mostrano tutti un elenco di prodotti organizzati in una griglia, con:

• Una bandiera,
• Sconto o barra di stato in alto sul lato sinistro,
• Nome del prodotto
• Prezzo del prodotto

Questa visualizzazione in elenco consente al cliente di vedere in breve le informazioni principali dei prodotti quando già conoscono tutto ciò di cui hanno bisogno di quel prodotto, favorendo un processo decisionale più rapido.

Spostandosi sul prodotto si attiva una veloce animazione, si visualizzano le diverse combinazioni e un collegamento "Visualizzazione rapida". Facendo clic sul collegamento "Visualizzazione rapida" viene visualizzata una finestra popup con le informazioni principali del prodotto e un pulsante "Aggiungi al carrello".

Categoria header: immagine e immagine mappa

Le categorie possono disporre di un'immagine di intestazione con un messaggio introduttivo, come definito dal proprietario del negozio.

Ordine prodotti

L'elenco dei prodotti per categoria o marca può essere ulteriormente ordinato per prezzo (dal più basso al più alto o dal più alto al più basso), nome (da A a Z o da Z a A) o pertinenza.

Pagina prodotti

Qui tutte le informazioni inserite dal proprietario del negozio sono messe a disposizione dell'utente. A seconda del tema, una pagina del prodotto può essere molto approfondita con informazioni estese o semplicemente presentare le caratteristiche più importanti. La caratteristica principale del tema predefinito è quella delle immagini del prodotto, con uno strumento in basso che consente ai clienti di visualizzare le varie immagini disponibili.

Accanto alle immagini ci sono due blocchi:

• Un blocco "Riepilogo" che riporta i principali caratteristiche del prodotto in questione
• Il blocco "Aggiungi al carrello", che consente di scegliere tra le combinazioni disponibili (come definito dal proprietario del negozio) e la quantità da ordinare.

Sotto il blocco del carrello troverai un blocco di rassicurazione per far conoscere ai tuoi clienti i diversi vantaggi nell'acquistare nel tuo negozio o per essere più trasparente sui termini di pagamento e di consegna.

Nella parte inferiore della pagina prodotti è presente una tabella di sezione. Le più usuali sono:

• Descrizione. Fornisce la descrizione completa del prodotto inserita dal proprietario del negozio.
• Dettagli del prodotto. Questa tabella appare solo se il proprietario del negozio ha inserito i dati del prodotto attraverso il foglio “Caratteristiche”. Ciò fornisce tutte le caratteristiche dettagliate che sono state inserite nel database. Il contenuto di questa scheda è puramente esemplificativo: si tratta di bozze differenti dalla descrizione del prodotto.

La pagina carrello

Facendo clic sul link "Carrello: prodotti XX" nell'header, il cliente giunge alla pagina di riepilogo del carrello della spesa che rappresenta il primo passo del processo di ordine, prima di accedere alla pagina del pagamento. Riassume il contenuto del carrello e mostra nuovamente il blocco di rassicurazione. Qui è dove il cliente viene rassicurato che l'ordine contiene solo i prodotti desiderati, né più né meno.

Cliccando sul bottone "Checkout" l’utente è reindirizzato sulla pagina dedicata al checkout divisa in 4 sezioni:

1. Informazioni personali. Se il cliente non ha effettuato l’accesso viene richiesto di accedere o creare un account. Questo passaggio viene ignorato se il cliente è già logato. Resta comunque disponibile nel caso il cliente desideri accedere con un altro account.
2. Indirizzi. Qui appaiono gli indirizzi del cliente registrati in PrestaShop, il cliente deve scegliere quello della consegna
3. Metodi di spedizione. Qui il cliente scelte l’opzione per la spedizione.
4. Pagamento. Qui viene presentato al cliente il prezzo finale dell’ordine (qui incluso anche il prezzo di spedizione) e viene richiesto di scegliere un metodo di pagamento.

Il cliente può tornare indietro al passo precedente cliccando sul relativo titolo.

La pagina di pagamento è stata volontariamente privata di qualsiasi distrazione come ad esempio la colonna di sinistra, il piè di pagina e altri link che possono allontanare il cliente dall'acquisto. È ancora possibile uscire dal processo di pagamento facendo clic sul logo del negozio nell'intestazione.

Creare un account cliente

Poiché la registrazione è una delle principali cause di perdita clienti nei negozi online, PrestaShop semplifica la creazione di un account.

Quando clicca sul link "Accedi" nell'header il visitatore viene portato alla pagina di autenticazione in cui può accedere. Se ha bisogno di creare un nuovo account, il link "Nessun account? Creane qui uno" lo reindirizzerà al modulo di creazione account.

Il modulo di creazione dell’account si divide in due parti:

• Informazioni personali. Qui il cliente deve inserire tutto ciò che possa identificarlo in modo univoco: nome, cognome, e-mail, password e data di nascita.
• Sottoscrizione. Il cliente può scegliere di iscriversi alla tua newsletter e di ricevere o meno le offerte dei tuoi partner. Assicurati di mostrare questi campi solo se effettivamente invii questo tipo di contenuto..

Una volta registrato, il cliente viene reindirizzato alla pagina "Il tuo account", dove è possibile accedere a numerose opzioni: la cronologia degli ordini, i crediti, i buoni e accedere alle informazioni precedentemente immesse.

Comprare un prodotto

L'intero processo di acquisto di un prodotto su un sito PrestaShop può seguire percorsi diversi, ma tutti giungono alla stessa conclusione, che nel linguaggio e-commerce è chiamato "conversion funnel": dal momento in cui il carrello è pieno e il cliente inizia a effettuare il check-out, deve procedere attraverso vari passaggi affinché l'ordine sia convalidato e possa essere elaborato.

Questo processo inizia quando il cliente clicca sul pulsante "Checkout" sul riepilogo del carrello e segue sempre la stessa sequenza di schermate:

1. (Se il visitatore non ha effettuato l’accesso) La schermata di autenticazione in cui può sia accedere all’account sia registrarsi.

2. La pagine dell’indirizzo di consegna. Se l'utente non dispone di un indirizzo registrato viene condotto direttamente al modulo di creazione dell'indirizzo.

   Note

   Due indirizzi sono necessari per un ordine: L’indirizzo di consegna, dove l’ordine va inviato. L’indirizzo di fatturazione, legato al metodo di pagamento. Se il cliente deve disporre dell'ordine in un indirizzo diverso dalla consegna, può cliccare sul link "L’indirizzo di fatturazione differisce dall'indirizzo di spedizione", selezionare un indirizzo tra quelli già registrati oppure crearne uno nuovo. Se un indirizzo risulta errato, il cliente può utilizzare il link “Modifica" per correggerlo.

3. La pagina spedizione.
   Qui il cliente può scegliere diversi metodi di spedizione con relative opzioni di imballaggio:
   
   • In base a ciò che il negozio offre il cliente può scegliere un imballaggio riciclato e/o confezione regalo (con opzione di regalo opzionale)
   • Il cliente DEVE scegliere un corriere per raggiungere il passo successivo.

4. La pagina pagamento.
   Il cliente può scegliere diverse opzioni di pagamento in base a quelle create e messe a disposizione del proprietario del negozio. Il cliente clicca sul metodo scelto e, a seconda del metodo, viene reindirizzato al gestore di terze parti selezionato o continua su una delle pagine di PrestaShop in cui può digitare i dettagli necessari come convalida prima di effettuare il controllo o visualizzare le informazioni per effettuare il bonifico bancario.

   Note
   Il controllo e i dati per il bonifico bancario sono impostati in modo predefinito, ma PrestaShop semplifica le opzioni di pagamento tramite PayPal, Hipay o qualsiasi altro fornitore di terze parti. Vedere i moduli disponibili nel back office di PrestaShop oppure controllare l’Addons marketplace per ulteriori moduli: https://addons.prestashop.com/it/

   Il cliente deve accettare i termini di servizio del negozio prima di completare l'acquisto e della convalida dell'ordine cliccando sul pulsante "Ordine con obbligo di pagamento".

5. Una volta che il cliente ha convalidato tutto, viene visualizzata la pagina di riepilogo. Inizia con "Il tuo ordine è confermato". A seconda del metodo di pagamento scelto alcune informazioni finali dovrebbero essere fornite al cliente, insieme alla notifica che è stata inviata un'email di conferma e al collegamento alla pagina di assistenza clienti.