So fügen Sie Slider zu Ihrem Shopify-Shop hinzu und machen das Beste daraus (+ Einblicke von Geschäftsinhabern)

Veröffentlicht: 2022-06-15
So fügen Sie Slider zu Ihrem Shopify-Shop hinzu und machen das Beste daraus

Mehr ist mehr . Zumindest wenn es um E-Commerce-Käufer geht.

Kunden möchten Bewertungen lesen, Produkte aus jedem erdenklichen Blickwinkel sehen und neue Rabatte und Angebote erkunden, bevor sie überhaupt daran denken, auf die Schaltfläche „In den Warenkorb“ zu klicken.

Aber wenn Sie all diese Informationen auf Ihre Website packen würden, riskieren Sie, sie zu überwältigen. Aus diesem Grund sind Schieberegler so praktisch – Sie können Conversion-Trigger nutzen, ohne eine lange Seite zu erstellen, die in Bildern und Texten ertrinkt.

ausblenden
  • Was sind Slider auf Shopify?
  • So fügen Sie Slider zu Ihrem Shopify-Shop hinzu
  • Top Shopify Slider-Apps im Jahr 2022: Hauptfunktionen, Benutzerbewertungen
  • Hier sind 8 der besten Shopify-Slider-Apps, die Sie ausprobieren sollten:
    • #1. Produktbild Slider-Karussell von POWR.io
    • #2. Banner-Slider von Secomapp
    • #3. Enormer Image-Slider
    • #4. Master-Slider – Bild-Slider
    • #5. Kundenstimmen-Slideshow von POWR.io
    • #6. Ada IQ: Bild-Slider-Galerie
    • #7. Responsiver Slider für mehrere Seiten
    • #8. Slider-Revolution
  • Slider vs. Karussells: Was müssen Sie wissen?
  • Optimieren von Schiebereglern in Ihrem Shopify-Shop: (+Vor- und Nachteile und Erkenntnisse von Geschäftsinhabern
    • Funktionieren Slider?
    • Können Slider nach hinten losgehen?
    • Best Practices für die Optimierung von Schiebereglern
  • Gleiten Sie Ihren Weg zu Gewinnen: A/B-Testen Sie Ihre Slider

Was sind Slider auf Shopify?

Ein Slider ist im Wesentlichen eine Diashow in Ihrem Shopify-Shop. Es kann automatisiert sein (es beginnt automatisch basierend auf einer Reihe von Regeln zu spielen) oder manuell (bewegt sich nur, wenn Benutzer darauf klicken).

Hier sind einige der beliebtesten Arten von Schiebereglern mit Beispielen:

  • Testimonial-Slider – Ein Karussell aus Kundenbewertungen und Bildern sorgt für einen großartigen sozialen Beweis
Beispiel eines Testimonial-Schiebereglers auf Shopify QuadLock
Quelle

QuadLock verwendet auf allen seinen Produktseiten einen Testimonial-Slider wie diesen. Benutzer können Produktbewertungen durchsuchen, indem sie auf den Links- oder Rechtspfeil klicken.

Beispiel für einen Testimonial-Slider auf Shopify Laird Superfood
Quelle

Laird Superfood verwendet auch einen Testimonial-Schieberegler auf der Startseite, um die besten Kundenbewertungen zu präsentieren.

  • Logo-Schieberegler – Für B2B-Unternehmen sendet die Präsentation der Unternehmen, mit denen sie zusammenarbeiten, die richtigen Signale an potenzielle Käufer.
Beispiel für einen Logo-Slider auf Shopify Beauty Solutions
Quelle

Beauty Solutions verwendet einen manuellen Logo-Schieberegler unten auf seiner Homepage, um die Namen der Kunden zu teilen, an die sie liefern.

  • Schieberegler für Produktbilder – Zeigen Sie Ihre Produkte aus jedem Blickwinkel und schreiben Sie die besten Produktattribute als Bildunterschriften für diese Bilder.
Beispiel eines Schiebereglers für Produktbilder auf Shopify Critical Slide
Quelle

Die Boardshorts von CriticalSlide haben einen manuellen Schieberegler für das Produktbild auf der Produktseite. Die Stämme werden von vorne, von der Seite und von hinten gezeigt. Es gibt auch ein paar Nahaufnahmen von Material und Design und ein Bild des Models, das es trägt.

  • Beliebter Produkt-Slider – Zu viele Auswahlmöglichkeiten können Kunden überfordern. Zeigen Sie ihnen, was bei anderen Kunden beliebt ist, und Sie erleichtern die Entscheidung.
Beispiel für einen beliebten Produkt-Slider auf Shopify Proper
Quelle

Proper zeigt seine beliebtesten Produkte in diesem manuellen Karussell „Kaufen Sie unsere Instagram-Looks“. Jede Folie zeigt das Produkt mit Informationen zum Preis und einem Link dazu auf der Website.

Beispiel für einen beliebten Produkt-Slider auf Shopify eFashion Paris
Quelle

eFashion Paris verwendet einen manuellen Schieberegler, um Neuankömmlinge und Bestseller zu präsentieren, und teilt einen Link zu den jeweiligen Kategorien.

  • Banner-Slider – Teilen Sie Rabatte, Angebote oder neue Produkte in diesen Bannern.
Beispiel eines Banner-Sliders auf Shopify 49th Parallel
Beispiel eines Banner-Sliders auf Shopify 49th Parallel
Quelle

49th Parallel verwendet diesen manuellen Banner-Slider mit 2 Folien auf seiner Homepage, um die Aufmerksamkeit auf das zu lenken

  • Bestseller Filterkaffee u
  • Geschichte der nachhaltig angebauten Bohnen.
Beispiel für einen Banner-Slider auf Shopify Beard & Blade
Quelle

Der manuelle Banner-Schieberegler von Beard & Blade verlinkt auf meistverkaufte Produkte und ermutigt Besucher, den Blog zu lesen.

So fügen Sie Slider zu Ihrem Shopify-Shop hinzu

Abhängig von der Shopify-App, die Sie installieren möchten, können die genauen Schritte zum Hinzufügen von Schiebereglern zu Ihrem Shop unterschiedlich sein, aber hier ist ein kurzes und grundlegendes Tutorial:

Schritt 1: Duplizieren Sie Ihr Live-Design

So fügen Sie Schieberegler zum Shopify-Shop hinzu Schritt 1

Melden Sie sich bei Ihrem Shopify-Shop an. Gehen Sie zu Online-Shop -> Themen.

Klicken Sie neben dem Live-Design auf die Schaltfläche „Aktionen“ und wählen Sie „Duplizieren“. Dadurch wird ein Backup Ihres Shopify-Designs erstellt, falls Sie einen Fehler machen, der sich negativ auf Ihren Shop auswirken kann.

Schritt 2: Fügen Sie dem Shopify-Shop einen benutzerdefinierten Slider-Bereich hinzu

So fügen Sie Schieberegler zum Bearbeitungscode des Shopify-Shops hinzu

Die von Ihnen installierte Shopify-Slider-App erfordert möglicherweise das Einfügen von benutzerdefiniertem Code auf Ihrer Website. Klicken Sie dazu neben dem Live-Design auf die Schaltfläche „Aktionen“ und wählen Sie „Code bearbeiten“.

So fügen Sie Schieberegler zu Bearbeitungsvorlagendateien für den Shopify-Shop hinzu

Erweitern Sie als Nächstes die Kategorie „Abschnitte“ und klicken Sie auf „Neuen Abschnitt hinzufügen“.

Fügen Sie einen Schieberegler zum Shopify-Shop hinzu

Geben Sie Ihrem Slider einen Namen und klicken Sie auf „Create section“ und Sie können den benutzerdefinierten Code einfügen.

Fügen Sie einen Schieberegler zum Einfügen von benutzerdefiniertem Code aus dem Shopify-Shop hinzu

Schritt 3: Gehen Sie zu theme.liquid

Scrollen Sie nach oben, um auf theme.liquid zu klicken

Scrollen Sie nach oben, um auf theme.liquid zu klicken. Möglicherweise müssen Sie hier zusätzlichen Code einfügen.

Schritt 4: Passen Sie Ihre Schieberegler an

Passen Sie Ihren Slider-Shopify-Shop an

Gehen Sie zurück zu Designs und klicken Sie neben dem Live-Design auf „Anpassen“.

Suchen Sie den Abschnitt, den Sie erstellt haben, und jetzt können Sie die Schieberegler in Ihrem Shopify-Shop anpassen. Wenn Sie eine Image-Slider-App installiert haben, müssen Sie in diesem Schritt nur die Sammlung auswählen, die Sie präsentieren möchten.

Wenn Sie Video-Tutorials bevorzugen, sehen Sie sich dieses Video von EcomExperts an, in dem erklärt wird, wie Sie Ihrem Shopify-Shop einen vorgestellten Produkt-Slider hinzufügen.

Top Shopify Slider-Apps im Jahr 2022: Hauptfunktionen, Benutzerbewertungen

Hier sind 8 der besten Shopify-Slider-Apps, die Sie ausprobieren sollten:

1. Produktbild-Slider-Karussell von POWR.io
2. Banner-Slider von Secomapp
3. Enormer Bildschieberegler
4. Master-Slider – Bild-Slider
5. Diashow mit Kundenreferenzen von POWR.io
6. Ada IQ: Bild-Slider-Galerie
7. Responsiver Slider für mehrere Seiten
8. Slider-Revolution

#1. Produktbild Slider-Karussell von POWR.io

Preise : Kostenlos – 89,99 $/Monat

Bewertung : 4.2/5 (243 Bewertungen)

Mit dieser App können Sie Schieberegler und Produktkarussells mit Beschriftungen, Text, Schaltflächen, Videos, Rahmen und Kopierschutz erstellen.

Hauptmerkmale:

  • Verschiedene Slider-Übergangsstile zur Auswahl
  • Wählen Sie zwischen Slider oder Karussell
  • Hochgradig anpassbares Design
  • Mobile Responsive auf jedem Gerät
  • Unterstützt Text in allen Sprachen

Positive Bewertung

Product Image Slider Karussell Shopify positive Bewertung
Quelle

Kritische Überprüfung

Product Image Slider Karussell Shopify Kritische Bewertung
Quelle

#2. Banner-Slider von Secomapp

Preise : Kostenlos – 39,99 $/Monat

Bewertung : 4.5/5 (152 Bewertungen)

Obwohl die App als Banner-Slider bezeichnet wird, können Sie verschiedene Arten von hochgradig anpassbaren Slidern mit Code erstellen. Banner Slider ist einfach zu installieren und einzurichten und bietet ein benutzerfreundliches Back-End-Management.

Hauptmerkmale:

  • Erstellen Sie über 40 verschiedene Arten von Schiebereglern
  • Fügen Sie dem Schieberegler Videos hinzu
  • Eingebetteter Code zum Anzeigen des Schiebereglers am Frontend
  • Schieberegler vor dem Veröffentlichen in der Vorschau anzeigen
  • Bulk-Upload-Funktion
  • Start- und Enddatum für Banner festlegen
  • Unterstützt Vollbreitenmodus

Positive Bewertung

Banner Slider Positive Bewertung der Shopify Slider-App
Quelle

Kritische Überprüfung

Banner Slider Kritische Bewertung der Shopify Slider-App
Quelle

#3. Enormer Image-Slider

Preise : Kostenlos – 16,99 $/Monat

Bewertung : 4.9/5 (116 Bewertungen)

Mit dieser App können Sie Banner-Schieberegler, Bild-Schieberegler, Karussells und Logos mit Text und Kommentaren zu Ihren Bildern erstellen und jedem Bild auf dem Schieberegler einen Link hinzufügen.

Hauptmerkmale:

  • Mobil ansprechbar
  • Steuern Sie die Slider-Geschwindigkeit
  • Laden Sie mehrere Fotos gleichzeitig hoch
  • Fügen Sie Text und Links hinzu

Positive Bewertung

Enorm Image Slider Shopify Slider-App positive Bewertung
Quelle

Kritische Überprüfung

Enorm Image Slider Shopify Slider App Kritische Bewertung
Quelle

#4. Master-Slider – Bild-Slider

Preise : Kostenlos

Bewertung : 3.8/5 (73 Bewertungen)

Mit dieser kostenlosen App können Sie unbegrenzt benutzerdefinierte Schieberegler erstellen, ohne dass Programmierkenntnisse erforderlich sind. Sie können entweder eine der 5 Vorlagen verwenden oder ganz von vorne beginnen.

Hauptmerkmale:

  • Unterstützt Bild-Alt-Text
  • Unbegrenzte Schichten
  • Reaktionsschneller Slider für jedes Gerät
  • Fügen Sie Overlay-Schaltflächen, benutzerdefiniertes HTML und Text hinzu
  • Planen Sie das Start- und Enddatum Ihres Sliders
  • Wählen Sie zwischen Slider oder Karussell

Positive Bewertung

Master Slider - Image Slider Shopify Slider-App positive Bewertung
Quelle

Kritische Überprüfung

Quelle

#5. Kundenstimmen-Slideshow von POWR.io

Preise : Kostenlos – 89,99 $/Monat

Bewertung : 2.7/5 (35 Bewertungen)

Mit dieser benutzerfreundlichen App können Sie Kundenreferenzen, Rezensionen, Fotos, Beschreibungen und Videos präsentieren.

Hauptmerkmale:

  • Autoplay-Video-Testimonials
  • Heben Sie Ihre besten Produktbewertungen hervor
  • Kontrollieren Sie Schleifen, Dia-Übergang, Geschwindigkeit und Auto-Slide
  • Hochgradig anpassbares Design
  • Mobile Responsive auf jedem Gerät
  • Unterstützt Text in allen Sprachen

Positive Bewertung

Kundenreferenz Slideshow Shopify Slider App positive Bewertung
Quelle

Kritische Überprüfung

Kundenstimmen-Slideshow Kritische Bewertung der Shopify-Slider-App
Quelle

#6. Ada IQ: Bild-Slider-Galerie

Preis : 2,99/Monat (10-tägige kostenlose Testversion)

Bewertung : 5/5 (23 Bewertungen)

Mit dieser Shopify-Bild-Slider-App ohne Code können Sie unbegrenzt Slider und Diashows erstellen, um Ihre meistverkauften Produkte zu präsentieren.

Hauptmerkmale:

  • Einfache Anpassung
  • Fügen Sie dieselbe Diashow auf mehreren Zielseiten hinzu
  • Zukünftige Updates und neue Funktionen
  • Verlinken Sie Bilder mit jeder Seite Ihres Shops

Positive Bewertung

Ada IQ Image Slider Gallery Shopify Slider App positive Bewertung
Quelle

Kritische Überprüfung

Es gibt derzeit keine kritischen Bewertungen der App. Benutzer erwähnen Probleme mit der App, die in allen Fällen vom Support behoben werden.

#7. Responsiver Slider für mehrere Seiten

Preise : 4,99/Monat (7 Tage kostenlose Testversion)

Bewertung : 4.2/5 (8 Bewertungen)

Mit dieser benutzerfreundlichen App können Sie horizontale oder vertikale Schieberegler in verschiedenen Designs erstellen und mehrere zu einer einzigen Seite hinzufügen.

Hauptmerkmale:

  • Mobile Responsive auf jedem Gerät
  • Generiert automatisch Shortcodes zum Einfügen auf jeder Seite
  • Einfaches Suchen und Filtern von Kategorien und Artikeln
  • Erstellen Sie Schieberegler mit Schaltflächen, Zahlen und Miniaturansichten

Positive Bewertung

Multi Page Responsive Slider Positive Bewertung der Shopify Slider-App
Quelle

Kritische Überprüfung

Derzeit gibt es noch keine kritischen Bewertungen der App.

#8. Slider-Revolution

Preise : 6,99 $ bis 89 $/Monat (kostenlose 7-Tage-Testversion)

Bewertung : 4.9/5 (44 Bewertungen)

Mit dieser App können Sie alle Arten von Schiebereglern erstellen und Social-Media-Inhalte streamen, die vollständig reaktionsschnell und anpassbar sind.

Hauptmerkmale:

  • Steamen Sie soziale Inhalte von Facebook, Twitter, Flickr und Instagram
  • Laden Sie Videos von YouTube oder Vimeo hoch
  • Volle Kontrolle über Stile, Übergänge und Animationen
  • Optimiert für alle Geräte
  • Volle Breite, Vollbild, automatisch reagierende Slider-Größen
  • WYSIWYG-Drag-and-Drop-Editor

Positive Bewertung

Slider Revolution Shopify Slider-App positiv bewertet
Quelle

Kritische Überprüfung

Slider Revolution Shopify Slider-App Kritische Bewertung
Quelle

Slider vs. Karussells: Was müssen Sie wissen?

Slider und Karussells sind im Wesentlichen dasselbe, mit Ausnahme eines Unterschieds – Karussells zeigen viele Folien gleichzeitig.

Sie können Karussells verwenden, um Kundenlogos, Testimonials oder Bestseller-Produkte zu zeigen.

Wann verwendet man Karussells?

Verwenden Sie Karussells, wenn Sie möchten, dass mehr sichtbare Inhalte denselben Platz auf Ihrer Seite einnehmen, wodurch es wahrscheinlicher wird, dass Käufer sie sehen.

Hier sind einige Gebote und Verbote, die Sie beachten sollten:

Don'ts

  • Verwenden Sie kein Karussell im Heldenbereich der Homepage, da dies Besucher verwirren kann.
  • Geben Sie keine Informationen an Benutzer weiter, die ihnen nichts nützen, sondern nur dem Unternehmen.
  • Lassen Sie es nicht zu einem Ort werden, an dem Inhalte abgelegt werden. Wenn Sie seine Verwendung nicht rechtfertigen können, haben Sie keine.

DOS:

  • Verwenden Sie ein Karussell, wenn die Leute es erwarten. Zum Beispiel, um Kundenrezensionen, meistverkaufte Produkte oder Neuankömmlinge anzuzeigen.
  • Verwenden Sie ein Karussell, wenn es den Leuten Zeit, Mühe und Klicks spart.
  • Verwenden Sie es, um zwei verschiedene Produkte zu vergleichen.

Best Practices für die Verwendung von Karussells

  • Verwenden Sie ein manuelles Karussell, damit die Benutzer die Kontrolle behalten
  • Verwenden Sie Pfeile oder die Punktnavigation, um Benutzern die Navigation zu ermöglichen
  • Halten Sie den Text in diesen Karussells kurz und klar
  • Stellen Sie sicher, dass das Karussell auf Mobilgeräten auf die gleiche Weise gewischt werden kann

Optimieren von Schiebereglern in Ihrem Shopify-Shop: (+Vor- und Nachteile und Erkenntnisse von Geschäftsinhabern

Wir haben mehrere Geschäftsinhaber gebeten, ihre Erfahrungen aus erster Hand mit Slidern zu teilen und ob sie nützlich sind oder nicht.

Funktionieren Slider?

Betrachten wir Schieberegler zunächst aus zwei Perspektiven: Leistung und Überzeugungskraft.

  • Leistung : Können Bots Slider crawlen und verstehen? Verlangsamen sie Websites wirklich?

    Ja und nein. Bots können Slider crawlen, daher ist es wichtig, dass Sie sie SEO-freundlich gestalten und nicht alle Slider-Apps, die Sie installieren, einen großen Einfluss auf die Website-Geschwindigkeit haben.
  • Überzeugungskraft: Leisten Slider einen großartigen Job, um Menschen zum Kauf zu bewegen?

    Der beste Weg, um sicher zu wissen, ob sie für Sie funktionieren, ist ein A/B-Test. Testen Sie zunächst zwei Versionen – eine mit Slider und eine ohne.

Das Ersetzen eines Schiebereglers durch ein statisches Werbebild des meistverkauften Produkts und von Schaltflächen mit Hover-Zuständen verbesserte die Conversions um 30 % (mit einer statistischen Signifikanz von 98 %).

Dieser Test hat das getan, was ich mir vorgestellt hatte, aber der Schlüssel hier ist, mehr direkte Beweise zu haben, um diesen Kunden und andere von Schiebereglern auf ihrer Homepage wegzulenken. Ich bin nicht der Einzige, der diese Erfahrung gemacht hat, und ich habe viele Fallstudien mit ähnlichen Ergebnissen gelesen.

Das Problem ist, dass Menschen Schieberegler als Werbung wahrnehmen und daher nicht mit ihnen interagieren, insbesondere wenn es keine Möglichkeit gibt, einfach auf dem Schieberegler zu navigieren, oder wenn die Navigation versteckt ist.

Ersetzen eines Schiebereglers durch eine statische Bild-Promo

Fazit : Entfernen Sie die Schieberegler im Bereich der wichtigsten Homepage-Werbung und ermutigen Sie Kunden, dies zu verwenden, um stattdessen ihre Geschichte zu erzählen oder verkaufsstarke Produkte oder wichtige Dienstleistungen zu bewerben. Eine weitere große Erkenntnis aus dieser Erfahrung ist, dass A/B-Tests für Kunden viel überzeugender sind, als über „Best Practice“ zu sprechen oder Ideen zu fördern, die auf anderen Dingen basieren, die ich gelesen habe.

Tim Brown, 5 A/B-Tests, die die Art und Weise, wie ich Websites entwerfe, verändert haben

Was sagen Geschäftsinhaber zu Slidern?

Ich habe kürzlich einen Bild-Slider zu meinem Shopify-Shop hinzugefügt und bin mit den Ergebnissen sehr zufrieden. Bild-Schieberegler sind eine großartige Möglichkeit, Produkte zu präsentieren, Sonderangebote hervorzuheben und Ihrem Geschäft visuelles Interesse zu verleihen.

  Luke Lee, Mitbegründer von everwallpaper.co.uk

Für mich können Bild-Slider in Shopify-Shops effektiv sein. Bei richtiger Verwendung können sie dabei helfen, bestimmte Produkte oder Funktionen hervorzuheben, und es den Kunden erleichtern, mehr über das Angebot des Geschäfts zu erfahren.

Burak Özdemir, Gründer, setalarmonline.com

Ja, Bildregler funktionieren – bis zu einem gewissen Grad. Bild-Slider funktionieren am besten, wenn es einen großen Produktkatalog gibt und Sie mehrere Varianten desselben Modells auf der Seite zeigen.

Theola Tinny, Mitbegründerin von VinPit

Ich habe im Laufe der Jahre verschiedene Arten von Slidern bei meinen Shopify-Kunden getestet. Wir finden, dass die leistungsstärksten Slider eine Art Hinweis darauf geben, dass es noch mehr zu sehen gibt. Ein Kunde hat sich besonders gut geschlagen, indem er „Deal #1 of 3“ in seinen ersten Slider eingefügt hat, dann hatte er natürlich Slider #2 und Slider #3 mit noch mehr Deals.

Jeff Moriarty, Digital-Marketing-Ninja bei JMoriarty Marketing

Können Slider nach hinten losgehen?

Ja, Slider können nach hinten losgehen und hier ist, was Geschäftsinhaber Sie wissen lassen möchten:

Ich empfehle nicht, Bild-Slider oder Karussells in Ihrem Shopify-Shop zu verwenden. Sie sorgen für Verwirrung und können Besucher, die in Ihr Geschäft kommen, überwältigen. Wenn sie ein Bild registriert haben, ist es bereits zum nächsten übergegangen. Wenn Sie Ihren Kunden zu viele Optionen bieten, können sie darüber hinaus von dem Hauptgrund ablenken, aus dem sie überhaupt in Ihr Geschäft gekommen sind. Geben Sie Ihren Besuchern einen direkten Weg dorthin, ohne Ablenkungen. Optionen sind normalerweise das Nebenprodukt einer schlechten Strategie.

Eine benutzerfreundlichere Vorgehensweise besteht darin, ein auffälliges Bild zu verwenden, das sie daran erinnert, dass sie am richtigen Ort gelandet sind. Slider-Plugins können auch die Ladezeit Ihrer Seite drastisch verlangsamen und eine schlechte Benutzererfahrung verursachen. Sie sind schwer zu entwerfen und haben eine höhere Wahrscheinlichkeit, dass sie auf verschiedenen Geräten und Browsern nicht gut reagieren.

Emily Amor, SEO-Managerin, Digital Darts

Benutzer neigen dazu, nicht mit gleitenden Bildern zu interagieren und ignorieren sie oft, da sie davon ausgehen, dass es sich um Werbung handelt. Schieberegler scheinen das Versprechen zu bieten, mehrere Nachrichten auf derselben Seite übermitteln zu können, aber ich habe fast immer festgestellt, dass es viel effektiver ist, sich auf eine einzelne Nachricht und einen Aufruf zum Handeln (CTA) zu konzentrieren.

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

Das schlimmste Slider-Problem, auf das ich bei einem meiner Kunden gestoßen bin, war, dass sie die Bilder nicht komprimiert und Slider hochgeladen haben, die jeweils über 50 MB groß waren. Fast niemand sah sie, weil sie nicht geladen wurden, als der Besucher entweder nach unten scrollte oder zu einer anderen Webseite ging. Pfui!

Jeff Moriarty, Digital-Marketing-Ninja bei JMoriarty Marketing

Best Practices für die Optimierung von Schiebereglern

Folgendes sollten Sie bei der Verwendung von Schiebereglern wissen:

  • Stellen Sie sicher, dass Ihr Slider schnell geladen wird

    Hochwertige Bilder sind in der Regel auch große Dateien, die Ihren Schieberegler verlangsamen können. Stellen Sie sicher, dass Sie die richtige Größe der Bilder abhängig von der Größe Ihres Schiebereglers auswählen.

    Ab einem bestimmten Punkt können Benutzer den Unterschied in der Bildqualität nicht mehr erkennen, also scheuen Sie sich nicht, Ihre Dateien zu komprimieren. Sie können Ihren Schieberegler auch faul laden und die Anzahl der Stile und Schriftarten reduzieren, damit die Ladezeit nicht verlangsamt wird.
  • Zeigen Sie zuerst die wichtigste Folie

    Was ist der übergeordnete Grund, warum Menschen bei Ihnen kaufen sollten? Verwenden Sie Ihren USP, um Besucher zum Slider zu locken, damit sie eher dazu neigen, durch die Inhalte zu scrollen.
  • Verwenden Sie ansprechende Texte auf allen Folien

    Alle Ihre Folien sind Gelegenheiten für Sie, Besucher anzusprechen und verschiedene Verkaufswinkel zu nutzen, um sie zu konvertieren. Fügen Sie Schlagzeilen hinzu, die Vor- und Nachteile sowie aktionsbasierte CTAs ansprechen.
  • Haben Sie weniger als 5 Folien

    Aber übertreiben Sie es nicht mit Folien. Sie möchten Besucher nicht mit zu vielen Auswahlmöglichkeiten überfordern und keinen Kauf aufgrund von Analyselähmung tätigen. Gehen Sie bewusst mit Ihrem Schieberegler um und haben Sie ein starkes WARUM Sie ihn überhaupt aufgenommen haben.
  • Stellen Sie eine langsame Rotationszeit ein

    Geben Sie potenziellen Kunden genügend Zeit, um Ihre Inhalte zu verdauen. Zu schnell und sie verpassen den Inhalt und müssen warten, bis die Folie wieder erscheint. Zu langsam und sie werden qualvoll darauf warten, dass die nächste Folie erscheint. Rich Page schlägt vor, eine Rotationszeit von 3 Sekunden festzulegen.
  • Drehen Sie Ihre Folien automatisch

    Selbst wenn Sie einen automatischen Schieberegler verwenden, können Sie nicht sicher sein, dass Besucher geduldig darauf warten, dass die gesamte Diashow durchlaufen wird. Geben Sie Besuchern die Möglichkeit, durch den Schieberegler zu navigieren, entweder mit Pfeilen oder mit der Punktnavigation.
  • Verwenden Sie ein asymmetrisches Layout für Karussells

    Wenn Sie ein Karussell in Betracht ziehen, versuchen Sie es mit einem asymmetrischen Layout für Ihre Bilder. Airbnb und Booking.com verwendeten beide A/B-Tests und kamen zu fast ähnlichen Bildlayouts – ein großes „Feature“-Bild mit kleineren Bildern (fast wie Thumbnails) drumherum.

Wie setzen Geschäftsinhaber Slider optimal ein?

Stellen Sie zunächst sicher, dass die von Ihnen verwendeten Bilder von hoher Qualität und in der richtigen Größe sind. Verschwommene oder verpixelte Bilder beeinträchtigen das professionelle Erscheinungsbild Ihres Shops. Zweitens sollten Sie vermeiden, zu viele Folien zu verwenden – drei oder vier sind in der Regel ausreichend. Zu viele Folien können für Besucher überwältigend sein und es ihnen erschweren, die gesuchten Informationen zu finden. Stellen Sie schließlich sicher, dass der Schieberegler in einem gut sichtbaren Bereich der Seite platziert ist – vorzugsweise im oberen Bereich.

Luke Lee, Mitbegründer von everwallpaper.co.uk

Es ist auch wichtig, die Bilder in Ihrem Slider regelmäßig zu aktualisieren, da veraltete Bilder schnell veraltet sein können und ihren Zweck, Aufmerksamkeit zu erregen, weniger effektiv erfüllen.

Darüber hinaus sollten Sie sicherstellen, dass Ihr Schieberegler einfach zu navigieren ist, mit klaren Schaltflächen „Weiter“ und „Zurück“, damit Benutzer sich leicht durch Ihre Angebote bewegen können. Schließlich kann es hilfreich sein, zusammen mit jedem Bild relevanten Text einzufügen, damit die Leser verstehen, worum es in jedem Bild geht.

Burak Özdemir, Gründer, setalarmonline.com

Wenn Schieberegler verwendet werden, sollten sie statisch sein. Automatische Schieberegler, die alle paar Sekunden das Bild wechseln, bewegen sich für einige Benutzer oft zu schnell und für andere zu langsam. Es ist viel besser, statische Schieberegler mit klaren Navigationsschaltflächen zu haben, um sicherzustellen, dass der Benutzer immer die Kontrolle behält.

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

Kunden sehen sich lieber Bilder an, als Texte zu lesen. Gestalten Sie Ihren Slider ansprechend für das Publikum, indem Sie statt langer Texte ansprechende Bilder bereitstellen.

Will Cannon, Gründer von Signaturely

Gleiten Sie Ihren Weg zu Gewinnen: A/B-Testen Sie Ihre Slider

Slider sind aus gutem Grund eine umstrittene Idee. Das blinde Nachahmen von Best Practices oder Ihrer Konkurrenz oder Branche kann den gegenteiligen Effekt haben. Besucher können sich ärgern, von der Seite abspringen und Ihre Conversion-Rate kann sinken.

A/B-Testen Sie Ihre Schieberegler, damit Sie Daten haben, um Ihre Entscheidungen zu untermauern, und einen Rahmen, um neue Änderungen zu testen, um die Konversion zu steigern.

Rich Page, Conversion-Experte, teilt ein paar A/B-Ideen, die Sie verwenden können:

  • Testen Sie mit einem einzelnen Bild im Vergleich zu rotierenden Dias
  • Testen Sie mit einem Erklärvideo vs. Folien
  • Testen Sie die Höhe und Breite Ihres Schiebereglers
  • Zeigen Sie Slider der richtigen Zielgruppe
  • Versuchen Sie, soziale Beweise auf verschiedene Weise hinzuzufügen

Ganz gleich, welche Art von Hypothesen Sie testen möchten, die benutzerfreundliche A/B-Testplattform von Convert hält Ihnen den Rücken frei. Probieren Sie es 15 Tage lang kostenlos aus.

CRO-Meister
CRO-Meister