Cum să adăugați glisoare în magazinul dvs. Shopify și să profitați la maximum de ele (+ Informații de la proprietarii de afaceri)

Mai mult este mai mult . Cel puțin când vine vorba de cumpărători de comerț electronic.

Clienții doresc să citească recenzii, să vadă produsele din toate unghiurile imaginabile și să exploreze noi reduceri și oferte înainte de a se gândi măcar să facă clic pe butonul „Adaugă în coș”.

Dar dacă ar fi să înghesuiți toate acele informații pe site-ul dvs. web, ați risca să le copleșiți. De aceea, glisoarele sunt atât de utile - puteți accesa declanșatoarele de conversie fără a crea o pagină lungă înecată în imagini și copiere.

Ce sunt glisoarele pe Shopify?

Un glisor este în esență o prezentare de diapozitive în magazinul dvs. Shopify. Poate fi automatizat (începe să se joace automat pe baza unui set de reguli) sau manual (se mișcă doar când utilizatorii dau clic pe el).

Iată câteva dintre cele mai populare tipuri de glisoare cu exemple:

• Glisor pentru mărturie – Un carusel de recenzii și imagini ale clienților reprezintă o dovadă excelentă în socializare

QuadLock folosește un glisor de mărturie ca acesta pe toate paginile sale de produse. Utilizatorii pot parcurge recenziile despre produse făcând clic pe săgeata stânga sau dreapta.

Laird Superfood folosește, de asemenea, un glisor de mărturie pe pagina principală pentru a arăta cele mai bune recenzii ale clienților.

• Glisor de logo – Pentru companiile B2B, prezentarea companiilor cu care lucrează trimite toate semnalele potrivite potențialilor cumpărători.

Beauty Solutions folosește un glisor manual pentru logo în partea de jos a paginii sale de pornire pentru a partaja numele clienților cărora le furnizează.

• Slider Imagini produse – Afișați-vă produsele din orice unghi și scrieți cele mai bune atribute ale produsului ca subtitrări pentru aceste imagini.

Pantalonii scurti CriticalSlide au un glisor manual pentru imaginea produsului pe pagina produsului. Portbagajul este afișat din față, lateral și din spate. De asemenea, vedeți câteva fotografii în prim plan ale materialului și designului și o imagine a modelului care îl poartă.

• Glisor pentru produse populare – Prea multe opțiuni pot copleși clienții. Arată-le ce este popular printre alți clienți și vei face mai ușor să te decizi.

Proper își prezintă cele mai populare produse în acest carusel manual „Cumpărați aspectul nostru Instagram”. Fiecare slide prezintă produsul cu informații despre preț și un link către acesta pe site.

eFashion Paris folosește un glisor manual pentru a arăta noile sosiri și cele mai bune vânzări și partajează un link către acele categorii respective.

• Glisor pentru bannere – Distribuiți reduceri, oferte sau produse noi în magazin în aceste bannere.

49th Parallel folosește acest glisor manual pentru banner cu 2 diapozitive pe pagina sa de pornire pentru a atrage atenția asupra

• cele mai vândute filtre de cafea și
• povestea fasolei din surse durabile.

Glisorul manual pentru banner de la Beard & Blade trimite la cele mai bine vândute produse și încurajează vizitatorii să citească blogul.

Cum să adăugați glisoare în magazinul dvs. Shopify

În funcție de aplicația Shopify pe care doriți să o instalați, pașii exacti pentru a adăuga glisoare în magazinul dvs. pot diferi, dar iată un tutorial rapid și de bază:

Pasul 1: Duplicați-vă tema live

Conectați-vă la magazinul dvs. Shopify. Accesați Magazinul online -> Teme.

Lângă Tema Live, faceți clic pe butonul „Acțiuni” și alegeți „Duplicare”. Aceasta va crea o copie de rezervă a temei dvs. Shopify în cazul în care faceți o greșeală care vă poate afecta în mod negativ magazinul.

Pasul 2: Adăugați o secțiune de glisare personalizată în magazinul Shopify

Aplicația glisoră Shopify pe care o instalați poate necesita lipirea unui cod personalizat pe site-ul dvs. Pentru a face acest lucru, lângă Tema Live, faceți clic pe butonul „Acțiuni” și alegeți „Editați codul”.

Apoi, extindeți categoria „Secțiuni” și faceți clic pe „Adăugați o secțiune nouă”

Dați un nume glisorului și apăsați „Creați secțiune” și puteți lipi codul personalizat.

Pasul 3: Accesați theme.liquid

Derulați în sus pentru a da clic pe theme.liquid. Poate fi necesar să inserați cod suplimentar aici.

Pasul 4: personalizați glisoarele

Reveniți la Teme și faceți clic pe „Personalizați” de lângă Tema Live.

Găsiți secțiunea pe care ați creat-o și acum puteți personaliza glisoarele din magazinul dvs. Shopify. Dacă ați instalat o aplicație de glisare a imaginilor, tot ce trebuie să faceți în acest pas este să alegeți colecția pe care doriți să o prezentați.

Dacă preferați tutoriale video, urmăriți acest videoclip de la EcomExperts, unde vă explică cum să adăugați un glisor pentru produse recomandate în magazinul dvs. Shopify.

Top Shopify Slider Apps în 2022: caracteristici cheie, recenzii ale utilizatorilor

#1. Carusel cu glisare pentru imaginea produsului de la POWR.io

Preț : gratuit - 89,99 USD/lună

Evaluare : 4.2/5 (243 recenzii)

Această aplicație vă permite să creați glisoare și carusele de produse cu subtitrări, text, butoane, videoclipuri, chenare și protecție la copiere.

Caracteristici cheie:

• Diferite stiluri de tranziție pentru glisoare din care să alegeți
• Alegeți între glisor sau carusel
• Design extrem de personalizabil
• Mobil responsive pe orice dispozitiv
• Acceptă text în toate limbile

Recenzie pozitivă

Revizuire critică

#2. Banner Slider de la Secomapp

Preț : gratuit - 39,99 USD/lună

Evaluare : 4.5/5 (152 recenzii)

Deși aplicația se numește glisor pentru banner, puteți crea diferite tipuri de glisoare extrem de personalizabile cu cod. Banner Slider este ușor de instalat și configurat și oferă un management back-end prietenos.

Caracteristici cheie:

• Creați peste 40 de tipuri diferite de glisoare
• Adăugați videoclipuri la glisor
• Cod încorporat pentru a afișa glisorul pe partea frontală
• Previzualizează glisorul înainte de publicare
• Funcție de încărcare în bloc
• Setați data de început și de sfârșit pentru banner
• Acceptă modul lățime completă

Recenzie pozitivă

Revizuire critică

#3. Slider de imagine Enorm

Preț : gratuit - 16,99 USD/lună

Evaluare : 4.9/5 (116 recenzii)

Această aplicație vă permite să creați glisoare de bannere, glisoare de imagine, carusele și logo-uri cu text și comentarii la imaginile dvs. și să adăugați un link către fiecare imagine de pe glisor.

Caracteristici cheie:

• Mobil receptiv
• Controlați viteza cursorului
• Încărcați mai multe fotografii deodată
• Adăugați text și linkuri

Recenzie pozitivă

Revizuire critică

#4. Glisor principal – Glisor de imagine

Preț : Gratuit

Evaluare : 3.8/5 (73 recenzii)

Această aplicație gratuită vă permite să creați glisoare personalizate nelimitate fără a fi necesare cunoștințe de codare. Puteți fie să utilizați unul dintre cele 5 șabloane, fie să începeți de la zero.

Caracteristici cheie:

• Acceptă textul alternativ al imaginii
• Straturi nelimitate
• Glisor receptiv pentru orice dispozitiv
• Adăugați butoane suprapuse, HTML personalizat și text
• Programați data de începere și de sfârșit a glisorului
• Alegeți între glisor sau carusel

Recenzie pozitivă

Revizuire critică

#5. Prezentare de diapozitive cu mărturie client de POWR.io

Preț : gratuit - 89,99 USD/lună

Evaluare : 2.7/5 (35 recenzii)

Această aplicație ușor de utilizat vă permite să prezentați mărturiile clienților, recenzii, fotografii, descrieri și videoclipuri.

Caracteristici cheie:

• Redare automată mărturii video
• Evidențiați cele mai bune recenzii despre produse
• Controlați bucla, tranziția de glisare, viteza și glisarea automată
• Design extrem de personalizabil
• Mobil responsive pe orice dispozitiv
• Acceptă text în toate limbile

Recenzie pozitivă

Revizuire critică

#6. Ada IQ: Galeria Slider Image

Preț : 2,99/lună (probă gratuită de 10 zile)

Evaluare : 5/5 (23 recenzii)

Această aplicație de glisare a imaginii Shopify fără cod vă permite să creați slidere și prezentări de diapozitive nelimitate pentru a vă prezenta produsele cele mai vândute.

Caracteristici cheie:

• Personalizare ușoară
• Adăugați aceeași expunere de diapozitive pe mai multe pagini de destinație
• Actualizări viitoare și funcții noi
• Legați imaginile la orice pagină din magazinul dvs

Recenzie pozitivă

Revizuire critică

În prezent, nu există recenzii critice ale aplicației. Utilizatorii menționează că întâmpină probleme cu aplicația, care este rezolvată de asistență în toate cazurile.

#7. Glisor cu răspuns la mai multe pagini

Preț : 4,99/lună (probă gratuită de 7 zile)

Evaluare : 4.2/5 (8 recenzii)

Această aplicație ușor de utilizat vă permite să creați glisoare orizontale sau verticale în diferite modele și să adăugați mai multe pe o singură pagină.

Caracteristici cheie:

• Mobil responsive pe orice dispozitiv
• Generează automat coduri scurte pentru a lipi pe orice pagină
• Ușor de căutat și de filtrat categorii și articole
• Creați glisoare cu butoane, numere și miniaturi

Recenzie pozitivă

Revizuire critică

În prezent, nu există recenzii critice ale aplicației.

#8. Slider Revolution

Preț : 6,99 USD-89 USD/lună (probă gratuită de 7 zile)

Evaluare : 4.9/5 (44 recenzii)

Această aplicație vă permite să creați tot felul de glisoare și să transmiteți conținut de rețele sociale care este complet receptiv și personalizabil.

Caracteristici cheie:

• Folosește conținut social de pe Facebook, Twitter, Flickr și Instagram
• Încărcați videoclipuri de pe YouTube sau Vimeo
• Control deplin asupra stilurilor, tranzițiilor și animațiilor
• Optimizat pentru toate dispozitivele
• Dimensiuni lățime completă, ecran complet, glisoare cu răspuns automat
• WYSIWYG Editor de tragere și plasare

Recenzie pozitivă

Revizuire critică

Glisoare vs. Carusele: Ce trebuie să știți?

Glisoarele și caruselele sunt în esență același lucru, cu excepția unei singure diferențe - caruselele arată multe diapozitive simultan.

Puteți folosi carusele pentru a afișa clienților sigle, mărturii sau cele mai bine vândute produse.

Când să folosiți carusele

Utilizați carusele atunci când doriți ca conținut mai vizibil să ocupe același imobil pe pagina dvs., ceea ce face mai probabil ca cumpărătorii să-l vadă.

Iată câteva lucruri pe care trebuie să le rețineți:

Nu

• Nu folosiți un carusel în secțiunea eroi a paginii de pornire, deoarece poate deruta vizitatorii.
• Nu împingeți informații asupra utilizatorilor care nu îi avantajează, ci doar companiei.
• Nu-l lăsa să devină un loc pentru a arunca conținut. Dacă nu puteți justifica utilizarea sa, nu aveți unul.

Ce face:

• Folosește un carusel atunci când oamenii se așteaptă. De exemplu, pentru a afișa recenziile clienților, cele mai bine vândute produse sau noile sosiri.
• Folosește un carusel atunci când economisește timp, efort și clicuri oamenilor.
• Folosiți-l pentru a compara două produse diferite.

Cele mai bune practici pentru utilizarea caruselelor

• Utilizați un carusel manual, astfel încât utilizatorii să aibă controlul
• Utilizați săgețile sau navigarea cu puncte pentru a permite utilizatorilor să navigheze
• Păstrați textul din aceste carusele scurt și clar
• Asigurați-vă că caruselul poate fi glisat în același mod pe dispozitivele mobile

Optimizarea glisoarelor din magazinul dvs. Shopify: (+Pro, contra și informații de la proprietarii de afaceri

Am rugat mai mulți proprietari de afaceri să-și împărtășească experiența de primă mână cu glisoare și dacă sunt utile sau nu.

Funcționează glisoarele?

Să examinăm mai întâi glisoarele din două perspective: performanță și persuasivitate.

• Performanță : pot roboții să acceseze cu crawlere glisoarele și să le înțeleagă? Chiar încetinesc site-urile?
  
  Da și nu. Boții pot accesa cu crawlere glisoarele, așa că este important să le faceți prietenoase cu SEO și nu toate aplicațiile de glisare pe care le instalați au un impact enorm asupra vitezei site-ului.
• Persuasivitate: glisoarele fac o treabă grozavă în a-i determina pe oameni să facă o achiziție?
  
  Cel mai bun mod de a ști cu siguranță dacă funcționează pentru tine este să le testezi A/B. Mai întâi, testați două versiuni - una cu glisor și una fără.

Înlocuirea unui glisor cu o imagine promoțională statică a produsului cel mai vândut și a butoanelor cu stări de trecere cu mouse-ul a îmbunătățit conversiile cu 30% (cu o semnificație statistică de 98%).

Acest test a făcut ceea ce credeam că va face, dar cheia aici este să ai dovezi mai directe pentru a ajuta acest client și alții să îndepărteze glisoarele de pe pagina lor de pornire. Nu sunt singurul care a avut această experiență și am citit o mulțime de studii de caz cu rezultate similare.

Problema este că oamenii percep glisoarele ca și cum ar fi reclame, astfel încât nu interacționează cu ele, mai ales dacă nu există modalități de a naviga cu ușurință pe glisor sau dacă navigarea este ascunsă.

La pachet : eliminați glisoarele din zona de promovare a paginii de pornire cheie și încurajați clienții să o folosească pentru a-și spune povestea sau pentru a promova produse sau servicii cheie cu vânzări ridicate. O altă concluzie importantă din această experiență este că testarea A/B a ceva este mult mai convingătoare pentru clienți decât a vorbi despre „cele mai bune practici” sau a ideilor încurajatoare bazate pe alte lucruri pe care le-am citit.

Tim Brown, 5 teste A/B care au schimbat modul în care am proiectat site-uri web

Ce au de spus proprietarii de afaceri despre glisoare?

Am adăugat recent un glisor de imagine în magazinul meu Shopify și am fost foarte mulțumit de rezultate. Glisoarele de imagine sunt o modalitate excelentă de a prezenta produse, de a evidenția oferte speciale și de a adăuga interes vizual magazinului dvs.

  Luke Lee, co-fondator, everwallpaper.co.uk

Pentru mine, glisoarele de imagine pot fi eficiente în magazinele Shopify. Atunci când sunt utilizate corect, acestea pot ajuta la evidențierea anumitor produse sau caracteristici și pot facilita clienților să învețe mai multe despre ceea ce are de oferit magazinul.

Burak Ozdemir, fondator, setalarmonline.com

Da, glisoarele de imagine funcționează — într-o anumită măsură. Glisoarele de imagine funcționează cel mai bine atunci când există un catalog mare de produse și afișați mai multe variante ale aceluiași model pe pagină.

Theola Tinny, co-fondatoare la VinPit

De-a lungul anilor, am testat diferite tipuri de Slider pe clienții mei Shopify. Constatăm că cele mai performante glisoare oferă un fel de indiciu că sunt mai multe de văzut. Un client în special s-a descurcat foarte bine punând „Deal #1 of 3” în primul său Slider, apoi, bineînțeles, a avut Slider #2 și Slider #3 cu și mai multe oferte.

Jeff Moriarty, Digital Marketing Ninja la JMoriarty Marketing

Se pot întoarce glisoarele?

Da, glisoarele se pot întoarce înapoi și iată ce doresc proprietarii de afaceri să știți:

Nu recomand să folosiți nicio formă de glisoare de imagine sau carusele în magazinul dvs. Shopify. Ele provoacă confuzie și pot copleși vizitatorii care vin în magazinul tău. Până când au înregistrat o imagine, aceasta a trecut deja la următoarea. În plus, oferindu-le clienților prea multe opțiuni le poate distrage atenția de la motivul principal pentru care au venit în magazinul tău în primul rând. Oferiți vizitatorilor o cale directă pentru a ajunge acolo, fără distrageri. Opțiunile sunt de obicei rezultatul unei strategii slabe.

O practică mai ușor de utilizat este de a utiliza o imagine atrăgătoare care să le amintească că au ajuns în locul potrivit. Pluginurile glisante pot, de asemenea, să încetinească dramatic timpul de încărcare a paginii și să creeze o experiență slabă pentru utilizator. Sunt greu de proiectat și au șanse mai mari de a nu răspunde bine pe diferite dispozitive și browsere.

Emily Amor, Manager SEO, Digital Darts

Utilizatorii tind să nu interacționeze cu imaginile glisante și adesea le ignoră deoarece presupun că sunt reclame. Glisoarele par să ofere promisiunea de a putea livra mai multe mesaje pe aceeași pagină, dar aproape întotdeauna am descoperit că concentrarea pe un singur mesaj și îndemn la acțiune (CTA) este mult mai eficientă.

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

Cea mai gravă problemă cu Slider-ul pe care am întâlnit-o cu unul dintre clienții mei este atunci când nu au comprimat imaginile și au încărcat Slider-uri care aveau peste 50 MB fiecare. Aproape nimeni nu le-a văzut, deoarece nu s-au încărcat în momentul în care vizitatorul fie a derulat în jos, fie a mers pe altă pagină web. Uf!

Jeff Moriarty, Digital Marketing Ninja la JMoriarty Marketing

Cele mai bune practici de urmat atunci când optimizați glisoarele

Iată ce ar trebui să știți când utilizați glisoare:

• Asigurați-vă că glisorul se încarcă rapid
  
  De asemenea, imaginile de înaltă calitate tind să fie fișiere mari, care vă pot încetini glisorul. Asigurați-vă că alegeți dimensiunea corectă a imaginilor, în funcție de dimensiunea glisorului.
  
  Dincolo de un anumit punct, utilizatorii nu pot face diferența de calitate a imaginii, așa că nu vă fie teamă să vă comprimați fișierele. De asemenea, puteți încărca leneș cursorul și reduce numărul de stiluri și fonturi, astfel încât să nu încetinească timpul de încărcare.
• Afișați mai întâi diapozitivul cel mai important
  
  Care este motivul principal pentru care oamenii ar trebui să cumpere de la tine? Folosiți-vă USP pentru a atrage vizitatori către glisor, astfel încât aceștia să fie mai înclinați să defileze prin conținut.
• Utilizați o copie captivantă pe toate diapozitivele
  
  Toate diapozitivele dvs. sunt oportunități pentru a vă implica vizitatorii și de a folosi diferite unghiuri de vânzare pentru a le converti. Adăugați titluri care abordează beneficiile și punctele dureroase și CTA bazate pe acțiuni.
• Au mai puțin de 5 diapozitive
  
  Dar nu exagera cu toboganele. Nu doriți să copleșiți vizitatorii cu prea multe opțiuni și să nu faceți o achiziție din cauza paraliziei analizei. Fiți intenționați cu glisorul și înțelegeți bine DE CE l-ați inclus în primul rând.
• Setați un timp de rotație lentă
  
  Oferiți-le clienților potențiali suficient timp pentru a vă digera conținutul. Prea repede și vor rata conținutul și vor trebui să aștepte ca slide-ul să reapară din nou. Prea încet și vor fi în agonie, așteptând să apară următorul diapozitiv. Pagină bogată sugerează setarea unui timp de rotație de 3 secunde.
• Rotiți automat diapozitivele
  
  Chiar dacă utilizați un glisor automat, nu puteți ști sigur că vizitatorii vor aștepta cu răbdare ca întreaga prezentare de diapozitive să parcurgă. Oferiți vizitatorilor opțiunea de a naviga prin glisor fie prin săgeți, fie prin navigare prin puncte.
• Utilizați un aspect asimetric pentru carusele
  
  Dacă vă gândiți la un carusel, încercați să utilizați un aspect asimetric pentru imaginile dvs. Airbnb și Booking.com au folosit ambele teste A/B și au ajuns la aspecturi de imagini aproape similare - o imagine mare „funcțională” cu imagini mai mici (aproape ca miniaturi) în jurul lor.

Cum folosesc proprietarii de afaceri glisoarele în mod optim?

În primul rând, asigurați-vă că imaginile pe care le utilizați sunt de înaltă calitate și dimensionate corect. Imaginile neclare sau pixelate vor afecta aspectul profesional al magazinului dvs. În al doilea rând, evitați să folosiți prea multe diapozitive - trei sau patru sunt de obicei destule. Prea multe diapozitive pot fi copleșitoare pentru vizitatori și le poate face dificil să găsească informațiile pe care le caută. În cele din urmă, asigurați-vă că glisorul este plasat într-o zonă ușor vizibilă a paginii - de preferință în partea de sus.

Luke Lee, co-fondator, everwallpaper.co.uk

De asemenea, este important să actualizați în mod regulat imaginile din glisor, deoarece imaginile învechite pot deveni rapid învechite și mai puțin eficiente în îndeplinirea scopului lor de a atrage atenția.

În plus, ar trebui să vă asigurați că glisorul este ușor de navigat, cu butoane clare Următorul și Anterior, astfel încât utilizatorii să poată trece cu ușurință prin ofertele dvs. În cele din urmă, poate fi util să includeți text relevant împreună cu fiecare imagine pentru a ajuta cititorii să înțeleagă despre ce este vorba în fiecare imagine.

Burak Ozdemir, fondator, setalarmonline.com

Dacă se folosesc glisoare, acestea ar trebui să fie statice. Glisoarele automate care schimbă imaginile la fiecare câteva secunde se mișcă adesea prea repede pentru unii utilizatori și prea încet pentru alții. Este mult mai bine să aveți glisoare statice cu butoane de navigare clare pentru a vă asigura că utilizatorul are întotdeauna controlul.

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

Clienții preferă să se uite la imagini decât să citească texte. Faceți glisorul dvs. atrăgător pentru public oferindu-le imagini atractive, mai degrabă decât texte lungi.

Will Cannon, fondatorul Signaturely

Alunecarea spre câștiguri: A/B Testează-ți glisoarele

Glisoarele sunt o idee controversată din motive întemeiate. Emularea orboasă a celor mai bune practici sau a concurenților sau a industriei dvs. poate avea efectul opus. Vizitatorii se pot enerva, pot sări de pe pagină, iar rata de conversie poate scădea.

Testează-ți glisoarele A/B, astfel încât să ai date pentru a-ți susține deciziile și un cadru pentru a testa noi modificări pentru a crește conversia.

Pagină bogată, expert în conversii, împărtășește câteva idei A/B pe care le puteți folosi:

• Testare având o singură imagine față de diapozitive rotative
• Testați folosind un videoclip explicativ vs. diapozitive
• Testați înălțimea și lățimea cursorului dvs
• Afișați glisoare pentru publicul țintă potrivit
• Încercați să adăugați dovezi sociale în moduri diferite

Indiferent de tipul de ipoteze pe care doriți să le testați, platforma de testare A/B ușor de utilizat de la Convert vă este în spatele dumneavoastră. Încercați-l gratuit timp de 15 zile.