Come aggiungere slider al tuo negozio Shopify e sfruttarli al meglio (+ approfondimenti dai titolari di attività commerciali)

Di più è di più . Almeno quando si tratta di acquirenti di eCommerce.

I clienti vogliono leggere le recensioni, vedere i prodotti da ogni angolazione immaginabile ed esplorare nuovi sconti e offerte prima ancora di pensare a fare clic sul pulsante "Aggiungi al carrello".

Ma se dovessi stipare tutte queste informazioni sul tuo sito web, rischieresti di sovraccaricarle. Ecco perché i cursori sono così utili: puoi attingere ai trigger di conversione senza creare una lunga pagina che affoga nelle immagini e nella copia.

Cosa sono gli slider su Shopify?

Un dispositivo di scorrimento è essenzialmente una presentazione sul tuo negozio Shopify. Può essere automatizzato (inizia a giocare automaticamente in base a una serie di regole) o manuale (si muove solo quando gli utenti fanno clic su di esso).

Ecco alcuni dei tipi più popolari di slider con esempi:

• Cursore della testimonianza : un carosello di recensioni e immagini dei clienti è un'ottima prova sociale

QuadLock utilizza un dispositivo di scorrimento delle testimonianze come questo su tutte le pagine dei suoi prodotti. Gli utenti possono esaminare le recensioni dei prodotti facendo clic sulla freccia sinistra o destra.

Laird Superfood utilizza anche un dispositivo di scorrimento delle testimonianze nella home page per mostrare le migliori recensioni dei clienti.

• Dispositivo di scorrimento del logo : per le aziende B2B, mostrare le aziende con cui lavorano invia tutti i segnali giusti ai potenziali acquirenti.

Beauty Solutions utilizza un dispositivo di scorrimento del logo manuale nella parte inferiore della sua home page per condividere i nomi dei clienti a cui fornisce.

• Dispositivo di scorrimento delle immagini dei prodotti : mostra i tuoi prodotti da ogni angolazione e scrivi i migliori attributi del prodotto come didascalie per queste immagini.

I boardshort di CriticalSlide hanno un dispositivo di scorrimento manuale dell'immagine del prodotto nella pagina del prodotto. I tronchi sono mostrati dalla parte anteriore, laterale e posteriore. Ci sono anche alcune foto in primo piano del materiale e del design e un'immagine della modella che lo indossa.

• Dispositivo di scorrimento del prodotto popolare : troppe scelte possono sopraffare i clienti. Mostra loro cosa è popolare tra gli altri clienti e rendi più facile decidere.

Corretto mostra i suoi prodotti più popolari in questo carosello manuale "Acquista i nostri look Instagram". Ogni diapositiva mostra il prodotto con informazioni sul prezzo e un link ad esso sul sito.

eFashion Paris utilizza un dispositivo di scorrimento manuale per mostrare i nuovi arrivi e i best seller e condivide un collegamento a quelle rispettive categorie.

• Dispositivo di scorrimento banner : condividi sconti, offerte o nuovi prodotti del negozio in questi banner.

49th Parallel utilizza questo dispositivo di scorrimento banner manuale a 2 diapositive sulla sua home page per attirare l'attenzione sul

• filtri bestseller caffè e
• storia dei fagioli provenienti da fonti sostenibili.

Il dispositivo di scorrimento banner manuale di Beard & Blade si collega ai prodotti più venduti e incoraggia i visitatori a leggere il blog.

Come aggiungere slider al tuo negozio Shopify

A seconda dell'app Shopify che desideri installare, i passaggi esatti per aggiungere gli slider al tuo negozio potrebbero differire, ma ecco un tutorial rapido e di base:

Passaggio 1: duplica il tuo tema live

Accedi al tuo negozio Shopify. Vai su Negozio online -> Temi.

Accanto al tema live, fai clic sul pulsante "Azioni" e scegli "Duplica". Questo creerà un backup del tuo tema Shopify nel caso in cui commetti un errore che può avere un impatto negativo sul tuo negozio.

Passaggio 2: aggiungi una sezione di scorrimento personalizzata al negozio Shopify

L'app Shopify slider che installi potrebbe richiedere di incollare del codice personalizzato sul tuo sito. Per farlo, accanto al tema live, fai clic sul pulsante "Azioni" e scegli "Modifica codice".

Quindi, espandi la categoria "Sezioni" e fai clic su "Aggiungi una nuova sezione"

Assegna un nome al tuo dispositivo di scorrimento e premi "Crea sezione" e puoi incollare il codice personalizzato.

Passaggio 3: vai su theme.liquid

Scorri verso l'alto per fare clic su theme.liquid. Potrebbe essere necessario incollare codice aggiuntivo qui.

Passaggio 4: personalizza i tuoi cursori

Torna a Temi e fai clic su "Personalizza" accanto al tema live.

Trova la sezione che hai creato e ora puoi personalizzare gli slider nel tuo negozio Shopify. Se hai installato un'app di scorrimento delle immagini, tutto ciò che devi fare in questo passaggio è scegliere la raccolta che desideri presentare.

Se preferisci i tutorial video, guarda questo video di EcomExperts in cui spiega come aggiungere un dispositivo di scorrimento del prodotto in primo piano al tuo negozio Shopify.

Le migliori app Shopify Slider nel 2022: funzionalità chiave, recensioni degli utenti

# 1. Product Image Slider Carousel di POWR.io

Prezzo : Gratuito-$ 89,99/mese

Voto : 4.2/5 (243 recensioni)

Questa app ti consente di creare cursori e caroselli di prodotti con didascalie, testo, pulsanti, video, bordi e protezione dalla copia.

Caratteristiche principali:

• Diversi stili di transizione del cursore tra cui scegliere
• Scegli tra slider o carosello
• Design altamente personalizzabile
• Mobile responsive su qualsiasi dispositivo
• Supporta il testo in tutte le lingue

Recensione positiva

Recensione critica

#2. Banner Slider di Secomapp

Prezzo : Gratuito-$ 39,99/mese

Voto : 4.5/5 (152 recensioni)

Sebbene l'app sia chiamata banner slider, puoi creare diversi tipi di slider altamente personalizzabili con il codice. Banner Slider è facile da installare e configurare e offre una gestione semplice del back-end.

Caratteristiche principali:

• Crea oltre 40 diversi tipi di cursori
• Aggiungi video al dispositivo di scorrimento
• Codice incorporato per mostrare il cursore sul front-end
• Visualizza l'anteprima del dispositivo di scorrimento prima della pubblicazione
• Funzionalità di caricamento collettivo
• Imposta la data di inizio e di fine per il banner
• Supporta la modalità a larghezza intera

Recensione positiva

Recensione critica

#3. Aumenta il cursore dell'immagine

Prezzo : gratuito-$ 16,99/mese

Voto : 4.9/5 (116 recensioni)

Questa app ti consente di creare cursori banner, cursori immagine, caroselli e loghi con testo e commenti sulle tue immagini e aggiungere un collegamento a ciascuna immagine sul cursore.

Caratteristiche principali:

• Mobile reattivo
• Controlla la velocità del cursore
• Carica più foto contemporaneamente
• Aggiungi testo e link

Recensione positiva

Recensione critica

#4. Dispositivo di scorrimento principale - Dispositivo di scorrimento dell'immagine

Prezzo : gratuito

Voto : 3.8/5 (73 recensioni)

Questa app gratuita ti consente di creare cursori personalizzati illimitati senza alcuna conoscenza di codifica richiesta. Puoi utilizzare uno dei 5 modelli o iniziare da zero.

Caratteristiche principali:

• Supporta il testo alternativo dell'immagine
• Livelli illimitati
• Dispositivo di scorrimento reattivo per qualsiasi dispositivo
• Aggiungi pulsanti sovrapposti, HTML e testo personalizzati
• Pianifica la data di inizio e di fine del tuo dispositivo di scorrimento
• Scegli tra slider o carosello

Recensione positiva

Recensione critica

#5. Testimonianza dei clienti Presentazione di POWR.io

Prezzo : Gratuito-$ 89,99/mese

Voto : 2.7/5 (35 recensioni)

Questa app facile da usare ti consente di mostrare testimonianze, recensioni, foto, descrizioni e video dei clienti.

Caratteristiche principali:

• Testimonianze video con riproduzione automatica
• Metti in evidenza le tue migliori recensioni sui prodotti
• Controllo loop, transizione diapositiva, velocità e scorrimento automatico
• Design altamente personalizzabile
• Mobile responsive su qualsiasi dispositivo
• Supporta il testo in tutte le lingue

Recensione positiva

Recensione critica

#6. Ada IQ: Galleria di scorrimento delle immagini

Prezzo : 2,99/mese (10 giorni di prova gratuita)

Voto : 5/5 (23 recensioni)

Questa app di scorrimento per immagini Shopify senza codice ti consente di creare cursori e presentazioni illimitati per mostrare i tuoi prodotti più venduti.

Caratteristiche principali:

• Facile personalizzazione
• Aggiungi la stessa presentazione su più pagine di destinazione
• Aggiornamenti futuri e nuove funzionalità
• Collega le immagini a qualsiasi pagina del tuo negozio

Recensione positiva

Recensione critica

Al momento non ci sono recensioni critiche sull'app. Gli utenti menzionano di aver riscontrato problemi con l'app che vengono risolti dal supporto in tutti i casi.

#7. Dispositivo di scorrimento reattivo multipagina

Prezzo : 4,99/mese (7 giorni di prova gratuita)

Voto : 4.2/5 (8 recensioni)

Questa app facile da usare ti consente di creare cursori orizzontali o verticali in diversi design e aggiungerne più a una singola pagina.

Caratteristiche principali:

• Mobile responsive su qualsiasi dispositivo
• Genera automaticamente codici brevi da incollare su qualsiasi pagina
• Facile da cercare e filtrare categorie ed elementi
• Crea cursori con pulsanti, numeri e miniature

Recensione positiva

Recensione critica

Al momento non ci sono ancora recensioni critiche sull'app.

#8. Rivoluzione dei cursori

Prezzo : $ 6,99- $ 89 al mese (prova gratuita di 7 giorni)

Voto : 4.9/5 (44 recensioni)

Questa app ti consente di creare tutti i tipi di slider e di trasmettere contenuti sui social media completamente reattivi e personalizzabili.

Caratteristiche principali:

• Contenuti social di Steam da Facebook, Twitter, Flickr e Instagram
• Carica video da YouTube o Vimeo
• Pieno controllo su stili, transizioni e animazioni
• Ottimizzato per tutti i dispositivi
• Dimensioni del dispositivo di scorrimento a larghezza intera, schermo intero e a risposta automatica
• WYSIWYG Drag and Drop Editor

Recensione positiva

Recensione critica

Slider e caroselli: cosa devi sapere?

I cursori e i caroselli sono essenzialmente la stessa cosa tranne per una differenza: i caroselli mostrano molte diapositive contemporaneamente.

Puoi utilizzare i caroselli per mostrare ai clienti loghi, testimonianze o prodotti più venduti.

Quando usare i caroselli

Utilizza i caroselli quando desideri che un contenuto più visibile occupi lo stesso immobile sulla tua pagina, rendendo più probabile che gli acquirenti lo vedano.

Ecco alcune cose da fare e da non fare da tenere a mente:

Non farlo

• Non utilizzare un carosello nella sezione eroe della home page perché può confondere i visitatori.
• Non inviare informazioni agli utenti che non ne traggono vantaggio, ma solo all'azienda.
• Non lasciare che diventi un luogo in cui scaricare contenuti. Se non puoi giustificarne l'uso, non averne uno.

Cose da fare:

• Usa una giostra quando le persone se lo aspettano. Ad esempio, per mostrare le recensioni dei clienti, i prodotti più venduti o i nuovi arrivi.
• Utilizza un carosello quando consente alle persone di risparmiare tempo, fatica e clic.
• Usalo per confrontare due prodotti diversi.

Procedure consigliate per l'utilizzo dei caroselli

• Utilizzare un carosello manuale in modo che gli utenti abbiano il controllo
• Usa le frecce o il punto di navigazione per consentire agli utenti di navigare
• Mantieni il testo in questi caroselli breve e chiaro
• Assicurati che il carosello possa essere fatto scorrere allo stesso modo sui dispositivi mobili

Ottimizzazione degli slider sul tuo negozio Shopify: (+Pro, Contro e Approfondimenti da parte dei titolari di attività commerciali

Abbiamo chiesto a diversi imprenditori di condividere la loro esperienza diretta con gli slider e se sono utili o meno.

Gli slider funzionano?

Esaminiamo prima gli slider da due prospettive: prestazioni e capacità di persuasione.

• Prestazioni : i robot possono eseguire la scansione degli slider e comprenderli? Rallentano davvero i siti?
  
  Sì e no. I bot possono eseguire la scansione degli slider, quindi è importante renderli SEO friendly e non tutte le app di slider che installi hanno un enorme impatto sulla velocità del sito.
• Persuasività: gli slider fanno un ottimo lavoro nel convincere le persone a fare un acquisto?
  
  Il modo migliore per sapere con certezza se funzionano per te è testarli A/B. Per prima cosa, prova due versioni: una con un dispositivo di scorrimento e una senza.

La sostituzione di uno slider con un'immagine promozionale statica del prodotto più venduto e pulsanti con stati al passaggio del mouse ha migliorato le conversioni del 30% (con una significatività statistica del 98%).

Questo test ha fatto quello che pensavo avrebbe fatto, ma la chiave qui è avere prove più dirette per aiutare a guidare questo cliente e altri lontano dagli slider sulla loro home page. Non sono l'unico ad aver avuto questa esperienza e ho letto molti casi di studio con risultati simili.

Il problema è che le persone percepiscono gli slider come se fossero annunci, quindi non interagiscono con essi, soprattutto se non ci sono modi per navigare facilmente sullo slider o se la navigazione è nascosta.

Takeaway : rimuovi i dispositivi di scorrimento nell'area principale di promozione della home page e incoraggia i clienti a utilizzarli per raccontare la loro storia o promuovere invece prodotti o servizi chiave ad alto successo. Un altro grande vantaggio di questa esperienza è che il test A/B di qualcosa è molto più interessante per i clienti che parlare di "migliori pratiche" o incoraggiare idee basate su altre cose che ho letto.

Tim Brown, 5 test A/B che hanno cambiato il modo in cui progetto i siti web

Cosa hanno da dire gli imprenditori sugli slider?

Di recente ho aggiunto un dispositivo di scorrimento dell'immagine al mio negozio Shopify e sono stato molto contento dei risultati. I dispositivi di scorrimento delle immagini sono un ottimo modo per mostrare prodotti, evidenziare offerte speciali e aggiungere interesse visivo al tuo negozio.

  Luke Lee, co-fondatore di everwallpaper.co.uk

Per me, i dispositivi di scorrimento delle immagini possono essere efficaci nei negozi Shopify. Se utilizzati correttamente, possono aiutare a mettere in evidenza determinati prodotti o caratteristiche e consentire ai clienti di saperne di più su ciò che il negozio ha da offrire.

Burak Ozdemir, Fondatore, setalarmonline.com

Sì, i dispositivi di scorrimento delle immagini funzionano, in una certa misura. I cursori immagine funzionano meglio quando c'è un grande catalogo di prodotti e mostri più varianti dello stesso modello sulla pagina.

Theola Tinny, co-fondatrice di VinPit

Ho testato diversi tipi di Slider sui miei clienti Shopify nel corso degli anni. Troviamo che gli Slider con le migliori prestazioni diano una sorta di suggerimento che ci sono più cose da guardare. Un cliente in particolare ha fatto molto bene inserendo "Deal n. 1 di 3" nel suo primo Slider, quindi ovviamente ha avuto Slider n. 2 e Slider n. 3 con ancora più offerte.

Jeff Moriarty, Ninja del marketing digitale presso JMoriarty Marketing

Gli slider possono ritorcersi contro?

Sì, gli slider possono ritorcersi contro ed ecco cosa vogliono che tu sappia:

Non consiglio di utilizzare alcuna forma di cursori di immagini o caroselli nel tuo negozio Shopify. Creano confusione e possono sopraffare i visitatori che vengono nel tuo negozio. Quando hanno registrato un'immagine, questa è già stata spostata su quella successiva. Inoltre, dare ai tuoi clienti troppe opzioni può distrarli dal motivo principale per cui sono venuti nel tuo negozio in primo luogo. Dai ai tuoi visitatori un percorso diretto per arrivarci, senza distrazioni. Le opzioni sono solitamente il sottoprodotto di una strategia scadente.

Una pratica più intuitiva consiste nell'utilizzare un'immagine accattivante che ricordi loro che sono atterrati nel posto giusto. I plug-in di scorrimento possono anche rallentare notevolmente il tempo di caricamento della pagina e creare un'esperienza utente scadente. Sono difficili da progettare e hanno maggiori possibilità di non rispondere bene su diversi dispositivi e browser.

Emily Amor, SEO Manager, Digital Darts

Gli utenti tendono a non interagire con le immagini scorrevoli e spesso le ignorano poiché presumono che siano pubblicità. Gli slider sembrano offrire la promessa di essere in grado di recapitare più messaggi sulla stessa pagina, ma ho quasi sempre scoperto che concentrarsi su un singolo messaggio e su un invito all'azione (CTA) è molto più efficace.

Dean Kaplan, https://www.kaplancollectionagency.com

Il peggior problema di Slider che ho riscontrato con uno dei miei clienti è quando non hanno compresso le immagini e caricato Slider che superavano i 50 MB ciascuno. Quasi nessuno li ha visti, perché non si caricavano quando il visitatore scorreva verso il basso o passava a un'altra pagina web. Uh!

Jeff Moriarty, Ninja del marketing digitale presso JMoriarty Marketing

Procedure consigliate da seguire durante l'ottimizzazione degli slider

Ecco cosa dovresti sapere quando usi i cursori:

• Assicurati che il tuo dispositivo di scorrimento si carichi velocemente
  
  Le immagini di alta qualità tendono anche a essere file di grandi dimensioni che possono rallentare il cursore. Assicurati di scegliere la dimensione corretta delle immagini in base alla dimensione del tuo dispositivo di scorrimento.
  
  Oltre un certo punto, gli utenti non possono distinguere la differenza nella qualità dell'immagine, quindi non aver paura di comprimere i tuoi file. Puoi anche caricare in modo pigro il tuo dispositivo di scorrimento e ridurre il numero di stili e caratteri in modo da non rallentare il tempo di caricamento.
• Mostra prima la diapositiva più importante
  
  Qual è il motivo principale per cui le persone dovrebbero acquistare da te? Usa il tuo USP per attirare visitatori sullo slider in modo che siano più inclini a scorrere i contenuti.
• Usa una copia accattivante su tutte le diapositive
  
  Tutte le tue diapositive sono opportunità per coinvolgere i visitatori e utilizzare diversi angoli di vendita per convertirli. Aggiungi titoli che trattano vantaggi e punti deboli e CTA basati sull'azione.
• Avere meno di 5 diapositive
  
  Ma non esagerare con le diapositive. Non vuoi sopraffare i visitatori con troppe scelte e non effettuare un acquisto a causa della paralisi dell'analisi. Sii intenzionale con il tuo dispositivo di scorrimento e abbi un forte PERCHÉ l'hai incluso in primo luogo.
• Impostare un tempo di rotazione lenta
  
  Dai ai potenziali clienti abbastanza tempo per assimilare i tuoi contenuti. Troppo velocemente e perderanno il contenuto e dovranno aspettare che la diapositiva riappaia di nuovo. Troppo lento e saranno in agonia in attesa che venga visualizzata la prossima diapositiva. Rich Page suggerisce di impostare un tempo di rotazione di 3 secondi.
• Ruota automaticamente le diapositive
  
  Anche se utilizzi un dispositivo di scorrimento automatico, non puoi sapere con certezza che i visitatori aspetteranno pazientemente che l'intera presentazione scorra. Dai ai visitatori la possibilità di navigare attraverso il dispositivo di scorrimento tramite le frecce o la navigazione con i punti.
• Utilizzare un layout asimmetrico per i caroselli
  
  Se stai considerando un carosello, prova a utilizzare un layout asimmetrico per le tue immagini. Airbnb e Booking.com hanno entrambi utilizzato test A/B e sono arrivati ​​a layout di immagine quasi simili: un'immagine "caratteristica" di grandi dimensioni con immagini più piccole (quasi come miniature) attorno a loro.

In che modo gli imprenditori utilizzano gli slider in modo ottimale?

Innanzitutto, assicurati che le immagini che utilizzi siano di alta qualità e di dimensioni adeguate. Immagini sfocate o pixelate danneggeranno l'aspetto professionale del tuo negozio. In secondo luogo, evita di usare troppe diapositive: tre o quattro di solito sono sufficienti. Troppe diapositive possono essere opprimenti per i visitatori e rendere difficile per loro trovare le informazioni che stanno cercando. Infine, assicurati che il dispositivo di scorrimento sia posizionato in un'area facilmente visibile della pagina, preferibilmente vicino alla parte superiore.

Luke Lee, co-fondatore di everwallpaper.co.uk

È anche importante aggiornare regolarmente le immagini nel dispositivo di scorrimento, poiché le immagini obsolete possono diventare rapidamente obsolete e meno efficaci nel soddisfare il loro scopo di attirare l'attenzione.

Inoltre, dovresti assicurarti che il tuo dispositivo di scorrimento sia facile da navigare, con pulsanti Avanti e Precedente chiari in modo che gli utenti possano spostarsi facilmente tra le tue offerte. Infine, può essere utile includere del testo pertinente insieme a ciascuna immagine per aiutare i lettori a capire di cosa tratta ciascuna immagine.

Burak Ozdemir, Fondatore, setalarmonline.com

Se vengono utilizzati i cursori, dovrebbero essere statici. I cursori automatici che cambiano le immagini ogni pochi secondi spesso si muovono troppo velocemente per alcuni utenti e troppo lenti per altri. È molto meglio avere cursori statici con pulsanti di navigazione chiari per garantire che l'utente abbia sempre il controllo.

Dean Kaplan, https://www.kaplancollectionagency.com

I clienti preferiscono guardare le immagini piuttosto che leggere i testi. Rendi il tuo dispositivo di scorrimento attraente per il pubblico fornendo loro immagini attraenti anziché testi lunghi.

Will Cannon, fondatore di Signaturely

Scivolando verso la vittoria: prova A/B i tuoi cursori

I cursori sono un'idea controversa per una buona ragione. L'emulazione cieca delle migliori pratiche o dei tuoi concorrenti o del tuo settore può avere l'effetto opposto. I visitatori possono infastidirsi, rimbalzare dalla pagina e il tuo tasso di conversione potrebbe diminuire.

Testare A/B i tuoi cursori in modo da avere i dati per eseguire il backup delle tue decisioni e un framework per testare nuove modifiche per aumentare la conversione.

Rich Page, esperto di conversioni, condivide alcune idee A/B che puoi utilizzare:

• Prova ad avere una singola immagine rispetto alla rotazione delle diapositive
• Prova utilizzando un video esplicativo rispetto alle diapositive
• Prova l'altezza e la larghezza del tuo dispositivo di scorrimento
• Mostra i cursori al pubblico di destinazione giusto
• Prova ad aggiungere prove sociali in diversi modi

Indipendentemente dal tipo di ipotesi che vuoi testare, la piattaforma di test A/B facile da usare di Convert ti copre le spalle. Provalo gratuitamente per 15 giorni.