Come aggiungere un mini carrello galleggiante al tuo negozio online?

Pubblicato: 2023-09-14

Cerchi un percorso di shopping più fluido e piacevole? Scopri la comodità del nostro mini carrello galleggiante: il compagno perfetto per lo shopping.

Aggiungi un carrello mobile mini ajax al tuo sito di e-commerce che fornisce agli acquirenti un modo intuitivo, conveniente e coinvolgente di interagire con il proprio carrello durante il loro percorso di acquisto. Affrontando i punti problematici comuni e semplificando il processo, è possibile aumentare la probabilità che gli utenti completino i propri acquisti.

Sommario

Cos'è un mini carrello galleggiante?

Un mini carrello mobile è una funzionalità utilizzata frequentemente nei siti di e-commerce, volta a migliorare l'esperienza dell'utente. Offre agli utenti un'accessibilità semplice per rivedere gli articoli che hanno scelto per l'acquisto e consente loro di apportare modifiche alle selezioni pur continuando a fare acquisti.

Vantaggi dell'aggiunta di un mini carrello galleggiante

Diamo un'occhiata ad alcuni dei vantaggi del mini carrello mobile che ti permetterà di sapere come utilizzare facilmente questo plugin dopo averlo installato sul tuo sito.

  • Consente agli utenti di vedere facilmente gli elementi selezionati senza la necessità di navigare in pagine separate.
  • L'aggiunta di codici sconto/promozionali direttamente nel carrello semplifica il processo di acquisto, aiutando gli utenti a fare acquisti e risparmiare senza sforzo.
  • Modifica le quantità dei prodotti e rimuovi gli articoli indesiderati direttamente dal comodo mini carrello galleggiante.
  • Puoi creare carrelli illimitati e visualizzarli ciascuno su pagine selettive.
  • Modifica le dimensioni dei pulsanti e delle icone, i colori dei pulsanti e del testo per adattarli all'immagine del tuo marchio.
  • Scegli tra numerose icone di apertura/chiusura del carrello.

Aggiungi un mini carrello galleggiante sul tuo negozio online

Ora che hai riconosciuto l'importanza di integrare un mini carrello mobile nel tuo negozio di e-commerce per migliorare l'esperienza dell'utente, descriviamo un processo semplice per aggiungere il plug-in al tuo sito WordPress.

Se conosci già WooCommerce, puoi procedere con l' installazione del plugin mini carrello mobile . Tuttavia, se sei nuovo, ti consigliamo una guida passo passo completa per la tua comprensione.

Passaggio 1: installa il plugin WooCommerce

WooCommerce è un plug-in di e-commerce open source che si integra perfettamente con WordPress, soddisfacendo le esigenze dei commercianti online che vanno dalle piccole imprese alle grandi imprese. Questo plugin ampiamente acclamato è noto per le sue diverse funzionalità, che migliorano i siti di e-commerce in vari modi.

Se non hai già integrato Woo Commerce nel tuo sito web, il primo passo è installare questo strumento.

Passaggio 2: scegli un tema compatibile

Seleziona un tema WordPress compatibile con WooCommerce. Il carrello Mini Ajax è compatibile con quasi tutti i temi.

Passaggio 3: installa un plug-in per carrello mobile WooCommerce Mini

Per migliorare la funzionalità e l'esperienza utente del tuo carrello, prendi in considerazione l'installazione di un plug-in specializzato per mini carrello WooCommerce. Qui ti guideremo attraverso i passaggi per installare un mini plug-in del carrello AJAX.

In questo tutorial, utilizzeremo il plugin Mini Ajax Cart WooCommerce come riferimento del carrello.

Ti guideremo attraverso il processo di installazione del plugin e apportando le modifiche necessarie per iniziare. Puoi scaricare direttamente il plugin cliccando su questo link.

  • Vai alla dashboard di WordPress.
  • Passare a "Plugin" > "Aggiungi nuovo".
  • Cerca " Carrello Mini AJAX" .
  • Fare clic su “Installa ora ” e quindi attivare il plugin scelto.
aggiungi un mini carrello galleggiante

Ora che hai installato e attivato il plugin per rendere visibile il mini carrello sul tuo sito web:

  • Vai alla dashboard di WordPress
  • Passare a Carrello Mini Ajax > Impostazioni principali .
  • Aggiungi il titolo del carrello
  • Attiva il pulsante "Abilita mini carrello ".
  • Assicurati di "pubblicare/aggiornare" tutte le modifiche necessarie apportate.

Hai bisogno di visualizzare il carrello solo sulle pagine selezionate? Non c'è bisogno di preoccuparsi. Puoi mostrare o nascondere selettivamente il carrello solo su pagine selettive. Configura l'opzione "Mostra/Nascondi nella pagina" come richiesto. Visualizza anche il carrello su tutti i dispositivi o su desktop, tablet o dispositivo mobile in modo selettivo.

Vai al tuo sito di e-commerce e puoi vedere che il mini carrello mobile è visibile per una facile esperienza utente.

Ora, gli utenti possono facilmente visualizzare e modificare gli articoli aggiunti al carrello da qualsiasi pagina senza dover accedere alla pagina Negozio.

Passaggio 4: configura il mini carrello

Il passaggio successivo è configurare il plug-in mini carrello. Dopo aver installato e attivato il plug-in mini carrello, puoi configurare il comportamento del carrello desiderato. Diamo una breve descrizione delle modifiche che è possibile apportare a ciascuna sezione.

i) Impostazioni carrello/pulsanti del carrello

Questa sezione ti consente di personalizzare l'aspetto del pulsante del carrello sul tuo sito di e-commerce. Tra le varie scelte di icone del carrello fornite, seleziona quella che meglio si adatta alle tue preferenze. Inoltre, hai la flessibilità di modificare la forma del pulsante per adattarla alle tue preferenze di progettazione e determinarne il posizionamento sulla pagina

Nota: se desideri opzioni di personalizzazione più avanzate, considera l'aggiornamento alla versione pro per impostazioni migliorate.

ii) Pannello del carrello

All'interno di questa sezione delle impostazioni, hai la possibilità di mettere a punto le animazioni e vedere modifiche visibili sul tuo sito web di e-commerce. Scegli un'animazione che sia in sintonia con l'identità del tuo marchio.

iii) Contenuto del carrello

Sia che tu preferisca visualizzare il contenuto del carrello in un elenco o in un formato griglia, hai la flessibilità di adattare il layout del prodotto a tuo piacimento.

Presta attenzione ai campi dei buoni sconto, poiché svolgono un ruolo cruciale quando desideri offrire offerte allettanti ai tuoi stimati clienti. I clienti possono facilmente inserire un codice promozionale per ricevere articoli a un prezzo ridotto. Se non hai bisogno di questa funzione, puoi semplicemente disattivare il campo del coupon.

Nella sezione di configurazione dei pulsanti delle impostazioni, hai la libertà di includere i pulsanti essenziali per la presentazione. Puoi abilitare/disabilitare facilmente i pulsanti che desideri visualizzare attivandoli/disattivandoli.

Nel video tutorial qui sopra, puoi vedere quali modifiche puoi apportare nella sezione del contenuto del carrello.

Passaggio 5: personalizza l'aspetto

La maggior parte dei mini plugin per carrelli mobili consente un certo grado di personalizzazione in termini di colori, stili e layout. Vediamo più nel dettaglio quali personalizzazioni è possibile effettuare.

Progetto

Questa sezione ti consente di modificare i colori del carrello. Scegliere i colori e gli stili che risuonano con il tuo marchio e i prodotti della tua azienda aiuta a creare l'immagine del tuo marchio.

Hai la possibilità di modificare la tipografia in vari modi. Puoi scegliere tra una vasta gamma di caratteri tipografici e anche scegliere colori che si allineano al tuo design. Puoi inoltre modificare la spaziatura delle lettere, la dimensione del carattere e l'altezza della linea.

Inoltre, hai la flessibilità di selezionare combinazioni di colori per vari elementi, come Tipografia dei pulsanti, Pulsante coupon, Pulsante Continua acquisti, Pulsante Carrello/Pagamento e Pulsante Rimuovi prodotto nel layout a griglia.

Passaggio 6: testare il mini carrello

Prima di lanciare il tuo mini carrello mobile sul tuo sito web live, è fondamentale eseguire un controllo di qualità approfondito. Verifica che tutto funzioni perfettamente come previsto: aggiungi e rimuovi prodotti, regola le quantità e conferma che il pulsante Aggiungi al carrello sia reattivo e pienamente operativo.

Seguendo questi passaggi e utilizzando la giusta combinazione di WooCommerce, un tema compatibile e un plug-in per mini carrello, puoi facilmente aggiungere un mini carrello AJAX al tuo sito di e-commerce WordPress senza bisogno di codifica.

Sblocca funzionalità premium

La versione gratuita ha le funzionalità di base necessarie per implementare il mini carrello mobile sul tuo sito. Ma è sempre una decisione migliore passare alla versione Pro per sfruttare appieno il plugin.

Vediamo alcune delle caratteristiche della versione Pro:

  • Oltre 15 modelli già pronti per una facile importazione
  • Opzione di pagamento Ajax sul pannello del carrello
  • 3 diversi layout del pannello del carrello: Slide In, Floating, Popup
  • Elementi aggiuntivi per la personalizzazione del carrello: Intestazione, Prodotti nel carrello, Coupon, Barra di spedizione, Pulsanti, Articoli suggeriti
  • Icone personalizzabili per il carrello/pulsante del carrello
  • 11 diverse forme di pulsanti del carrello
  • Varie animazioni dei pulsanti del carrello, incluse animazioni al passaggio del mouse e inattivo
  • Animazioni del pannello del carrello e animazioni di entrata/uscita
  • Posizioni dei pulsanti del carrello personalizzabili
  • Compatibilità di Elementor con oltre 15 elementi del carrello Ajax
  • Importa/esporta le impostazioni tra i carrelli
  • Attiva il pannello del carrello da diversi elementi del sito web utilizzando i nomi delle classi
  • Opzione per nascondere il carrello quando il carrello è vuoto
  • Apri il pannello del carrello quando un prodotto viene aggiunto al carrello
  • Mostra/nascondi e personalizza una barra di scorrimento elegante
  • Visualizza i codici coupon attivi e il modulo coupon
  • Configura le colonne del layout della griglia per gli articoli del carrello
  • Rimuovi tutti gli articoli dal carrello con un solo pulsante
  • Personalizza icone e testo quando il carrello è vuoto
  • Sfondo Morfismo in vetro per il pulsante del carrello e il pannello del carrello
  • Opzione CSS personalizzata per ulteriori stili

Il carrello galleggiante Mini Ajax ha funzionalità minime e puoi continuare a utilizzarlo se ne sei soddisfatto. Tuttavia, se hai bisogno di più funzionalità, puoi eseguire l'aggiornamento alla versione premium per utilizzare al meglio questo plugin.

Quindi, perché non aggiornarlo per portare il tuo carrello della spesa al livello successivo? Fai clic sul pulsante in basso per visualizzare le demo e passare alla versione premium.

Acquista la versione Premium