Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare una pagina del carrello WooCommerce personalizzata (senza codice)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete creare una pagina del carrello WooCommerce personalizzata?

La pagina del carrello predefinita di WooCommerce non è ottimizzata per le conversioni. Personalizzando la pagina del carrello, è possibile ottenere più vendite e guadagnare di più dal proprio negozio online.

In questo articolo vi mostreremo come personalizzare la pagina del carrello di WooCommerce senza scrivere alcun codice.

How to create a custom WooCommerce cart page (no coding)

Perché creare una pagina del carrello WooCommerce personalizzata in WordPress?

WooCommerce è dotato di una pagina del carrello integrata.

È sufficiente attivare questo indispensabile plugin per WordPress e il vostro negozio online inizierà a utilizzare automaticamente la pagina del carrello predefinita.

The default WooCommerce cart page

Quando i vostri visitatori hanno articoli nel carrello, sono molto vicini a fare un acquisto. Tuttavia, le ricerche dimostrano che quasi 7 clienti su 10 abbandonano il carrello e non tornano più.

Per questo motivo, la pagina del carrello deve fare tutto il possibile per garantire la vendita.

Sostituendo il design predefinito con una pagina del carrello personalizzata, è spesso possibile migliorare i tassi di conversione del proprio negozio online.

Anche la semplice personalizzazione della pagina con il proprio marchio e logo personalizzato può migliorare l’esperienza del cliente e aumentare i tassi di conversione.

Detto questo, vediamo come è possibile personalizzare la pagina del carrello di WooCommerce senza codice.

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

Come creare una pagina personalizzata per il carrello di WooCommerce in WordPress

Il modo più semplice per creare pagine personalizzate per il vostro negozio WooCommerce è utilizzare SeedProd.

SeedProd è il miglior costruttore di pagine drag and drop ed è dotato di oltre 180 modelli progettati professionalmente. Tra questi ci sono anche modelli per il commercio elettronico che possono essere utilizzati per creare pagine di vendita e pagine di compressione dei contatti.

Ancora meglio, SeedProd supporta pienamente WooCommerce ed è persino dotato di speciali blocchi WooCommerce che consentono di mostrare i prodotti più venduti, gli articoli più popolari, le ultime vendite e altro ancora.

La prima cosa da fare è installare e attivare il plugin. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Nota: esiste una versione gratuita di SeedProd, ma per questa guida useremo la versione Pro perché ha i blocchi WooCommerce integrati di cui abbiamo bisogno. Inoltre, si integra con tutti i servizi di email marketing che potreste già utilizzare per ottenere più vendite e conversioni.

Dopo l’attivazione, è necessario andare su SeedProd ” Impostazioni e inserire la chiave di licenza.

Enter SeedProd license key

Queste informazioni si trovano nel proprio account sul sito web di SeedProd. Dopo aver inserito la licenza, fare clic sul pulsante “Verifica chiave”.

Una volta fatto ciò, andate su SeedProd ” Pagine di destinazione e fate clic sul pulsante “Aggiungi nuova pagina di destinazione”.

SeedProd's page design templates

Successivamente, è necessario scegliere un modello di pagina del carrello.

I modelli di SeedProd sono organizzati in diversi tipi di campagna, come ad esempio coming soon e pagina 404. È possibile fare clic sulle schede nella parte superiore della schermata per filtrare i modelli in base al tipo di campagna.

Quando si trova un modello che si desidera utilizzare, passarci sopra e fare clic sull’icona ‘Segno di spunta’.

Utilizzeremo il “Modello vuoto”, che ci consente di aggiungere solo le sezioni desiderate.

Select SeedProd template

Quindi, digitate un nome per la pagina del carrello. SeedProd creerà automaticamente un URL basato sul titolo della pagina, ma è possibile cambiare questo URL con qualsiasi cosa si desideri.

Quando si è soddisfatti delle informazioni inserite, fare clic sul pulsante “Salva e inizia a modificare la pagina”.

Creating a custom cart page using SeedProd

Verrà caricato il costruttore di pagine SeedProd. Si tratta di un semplice editor drag-and-drop che mostra un’anteprima live della pagina del carrello personalizzata sulla destra e alcune impostazioni sulla sinistra.

Per iniziare, aggiungiamo un’immagine all’inizio della pagina. È una buona idea utilizzare un’immagine che assomigli alla normale intestazione del negozio, in modo da mantenere il marchio al suo posto e coerente.

Vogliamo che l’immagine dell’intestazione occupi l’intera larghezza della pagina del carrello, quindi nel riquadro “Scegli il layout” facciamo clic sul primo layout.

Choosing a layout for a custom page

Questo crea un layout a tutta larghezza.

A questo punto, selezionare il blocco “Immagine” nel menu di sinistra e trascinarlo nel layout.

Add image block header

Per caricare l’immagine, fare clic per selezionare il blocco Immagine.

Nel menu di sinistra, fare clic su “Usa la tua immagine” e selezionare un’immagine dalla libreria multimediale o caricare un nuovo file dal computer.

Adding your logo to a custom cart page in WooCommerce

È possibile personalizzare ulteriormente l’immagine utilizzando le impostazioni a sinistra. Ad esempio, è possibile aggiungere un testo alt all’immagine e modificarne le dimensioni.

Quando si è soddisfatti dell’aspetto dell’intestazione, fare clic sull’icona “Aggiungi colonne” nella sezione “Trascina qui un nuovo blocco”.

Adding new blocks to a WooCommerce cart page

Ora è possibile scegliere il layout da utilizzare per l’area principale della pagina del carrello.

Cliccate sul contenuto e sul layout della barra laterale.

Select SeedProd layout

Questo consente di creare una sezione per il carrello e un’area in cui mostrare le testimonianze dei clienti per ottenere maggiori conversioni.

Nel menu di sinistra, scorrere fino alla sezione “WooCommerce”. Qui, trovare il blocco “Carrello” e trascinarlo nel layout.

Add WooCommerce cart block

È possibile personalizzare ogni parte del carrello utilizzando il menu di sinistra.

Questo include la modifica di caratteri, colori, pulsanti e altro ancora.

Customize WooCommerce cart block

Quando si è soddisfatti dell’aspetto dell’area del carrello, è il momento di aggiungere un blocco di testimonianze. Si tratta di una forma di prova sociale che incoraggerà i visitatori a completare l’acquisto.

È sufficiente trovare il blocco “Testimonianze” e trascinarlo nel layout.

Add testimonials block

Ora è possibile modificare l’aspetto delle testimonianze sul proprio negozio online.

Ad esempio, nel menu di sinistra sono presenti le impostazioni per modificare il colore della bolla dei commenti, cambiare l’allineamento e aggiungere altre testimonianze di clienti.

Customize testimonials block

Un’altra grande idea è quella di mostrare una valutazione in stelle sotto la testimonianza.

Per farlo, basta trovare il blocco “Valutazione a stelle” e trascinarlo sotto il blocco dei testimonial.

Add star rating block

La scarsità può incoraggiare i clienti a fare un acquisto subito, piuttosto che aspettare e rischiare di perdere l’occasione. Per questo motivo, è consigliabile aggiungere un timer per il conto alla rovescia, che conti i minuti che mancano alla scadenza del carrello del visitatore.

Per creare questo senso di urgenza, trovate il blocco “Conto alla rovescia” e trascinatelo in cima al carrello.

Vogliamo mostrare un nuovo timer a ogni visitatore, quindi apriamo il menu a tendina “Tipo di conto alla rovescia” e selezioniamo “Timer visitatori (sempreverde)”.

Countdown timer evergreen block

Per impostazione predefinita, il timer si avvia a 30 minuti, ma è possibile modificarlo digitando un nuovo numero nella sezione “Imposta timer per”.

Vogliamo far sapere agli acquirenti che il loro carrello scadrà quando il timer raggiungerà lo 0, quindi aggiungiamo un blocco ‘Headline’ sopra il timer.

È quindi possibile digitare il testo che si desidera mostrare agli acquirenti.

Countdown timer header

Potete incoraggiare le persone ad aggiungere più articoli al loro carrello creando una sezione di prodotti popolari.

Per promuovere i prodotti più venduti del vostro negozio, è sufficiente trascinare e rilasciare un blocco “Prodotti più venduti” sul vostro layout.

Add SeedProd products block

Per impostazione predefinita, questo blocco mostra i prodotti più popolari, ma è possibile utilizzare le impostazioni per mostrare i prodotti in vendita, i prodotti più recenti e altro ancora.

A tal fine, è sufficiente aprire il menu a tendina “Tipo” e scegliere una nuova opzione.

Showing popular products on your cart page

Per maggiori dettagli, consultare la nostra guida su come visualizzare i prodotti più popolari in WooCommerce.

Quando si è soddisfatti dell’aspetto della pagina del carrello, è il momento di pubblicarla facendo clic sulla freccia a discesa accanto a “Salva” e selezionando l’opzione “Pubblica”.

Publish cart live

Successivamente, è necessario modificare l’URL del carrello nelle impostazioni di WooCommerce.

Basta andare su WooCommerce ” Impostazioni e cliccare sulla scheda “Avanzate”.

Changing the WooCommerce URLs

Quindi, aprire il menu a tendina “Pagina del carrello” e iniziare a digitare l’URL della pagina personalizzata.

Quando viene visualizzata la pagina giusta, selezionarla.

Changing the WooCommerce cart URL

Bonus: Come migliorare ulteriormente le conversioni della pagina del carrello di WooCommerce

Una volta creata una pagina del carrello personalizzata di WooCommerce, ci sono molti modi per ridurre l’abbandono del carrello e ottenere più vendite. Questo vi aiuta a guadagnare di più dal traffico esistente.

Ecco alcuni semplici modi per farlo.

1. Tracciare le conversioni

L’abbandono del carrello è un grosso problema per tutti i negozi online. Infatti, il 60-80% delle persone che aggiungono articoli al carrello non acquistano. (Fonte: Statistiche sull’abbandono del carrello)

Il monitoraggio delle conversioni vi aiuta a capire cosa funziona nella vostra pagina del carrello e cosa no. Potete quindi utilizzare SeedProd per perfezionare la vostra pagina del carrello personalizzata, in modo che un maggior numero di clienti porti a termine l’acquisto.

Il modo più semplice per monitorare le conversioni di WooCommerce è utilizzare Google Analytics. Tuttavia, l’impostazione delle analisi e la creazione manuale degli obiettivi di Google Analytics richiedono la scrittura di molto codice personalizzato.

Per questo consigliamo di utilizzare MonsterInsights. È il miglior plugin di Google Analytics per WooCommerce ed è dotato di un addon per eCommerce che consente di monitorare le conversioni con pochi clic.

MonsterInsights

Per monitorare le conversioni del carrello di WooCommerce, consultate la nostra guida passo passo su come impostare il monitoraggio delle conversioni di WooCommerce.

2. Ridurre l’abbandono del carrello con i popup temporizzati in WooCommerce

Potete anche ridurre l’abbandono del carrello con un popup temporizzato.

OptinMonster è il miglior plugin per popup di WordPress e dispone di un’esclusiva tecnologia Exit-Intent® in grado di visualizzare i popup esattamente quando l’acquirente sta per lasciare la pagina del carrello.

Potete anche utilizzare OptinMonster per offrire agli acquirenti un codice sconto speciale se completano l’acquisto adesso.

OptinMonster popup WooCommerce

OptinMonster dispone di un potente set di funzioni di targeting e personalizzazione.

Ad esempio, se avete già offerto all’acquirente un coupon, potete mostrargli un popup educativo. Ad esempio, potreste incoraggiarli a contattare il cliente e a fargli domande sui vostri prodotti.

WPForms exit intent popup

OptinMonster consente di creare diverse campagne, tra cui popup, tappetini di benvenuto a schermo intero, barre fluttuanti, caselle di scorrimento e slide-in.

Ad esempio, se un cliente aggiunge un articolo al carrello e non completa l’acquisto, è possibile offrirgli un coupon per quell’esatto prodotto utilizzando uno slide-in.

OptinMonster cart reminder

Per maggiori dettagli, consultate la nostra guida su come creare un popup WooCommerce per aumentare le vendite.

3. Aumentare le vendite con le notifiche delle attività sociali in WooCommerce

Le notifiche delle attività sociali mostrano tutti i prodotti che gli acquirenti stanno acquistando, in tempo reale. Questo può rassicurare gli acquirenti sul fatto che il vostro è un sito popolare e affidabile, oltre a sfruttare la FOMO per spingerli all’acquisto.

Il modo più semplice per aggiungere notifiche di social proof alla pagina del carrello è TrustPulse.

TrustPulse WooCommerce notification

È il miglior plugin di social proof per WordPress e WooCommerce sul mercato ed è stato dimostrato che aumenta le conversioni del 15%.

Potete aggiungere TrustPulse al vostro sito in pochi minuti e iniziare a visualizzare una bolla di notifica ogni volta che qualcuno acquista un prodotto, inizia una prova gratuita e altro ancora.

TrustPulse alert notification

Per maggiori dettagli, consultate la nostra guida su come utilizzare FOMO sul vostro sito WordPress.

Speriamo che questo articolo vi abbia aiutato a creare una pagina del carrello WooCommerce personalizzata senza scrivere alcun codice. Potreste anche voler consultare la nostra guida passo passo su come aumentare il traffico del vostro blog e la nostra selezione di esperti dei migliori plugin WooCommerce per il vostro negozio.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

1 commentoLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.