Livesuche
Eine Livesuche ist aus einem professionellen Onlineshop kaum noch wegzudenken: Besucher sehen bereits beim Tippen passende Ergebnisse und erkennen sofort, was dein Shop auf Lager hat. Da Livesuchen inzwischen zum Standard gehören, wirkt es auf Kunden oft ungewöhnlich, wenn ein Shop keine anbietet – häufig entsteht dann der Eindruck: „Haben die das überhaupt?"
Deshalb ist im Snackys-Template bereits eine Livesuche integriert. Deine Besucher sehen sofort passende Produkte, ohne erst Enter drücken zu müssen.
Livesuche testen
Wie das aussieht, kannst du in unserem Demostore testen. Tippe dazu einfach Such mich in das Suchfeld ein:
Demostore öffnenExterne Suchanbieter
Wenn du einen anderen Anbieter wie Doofinder, BM-Suche oder JTL-Search nutzt, deaktiviere bitte die Livesuche des Snackys-Templates, damit deine eingebundene Suche korrekt funktioniert.
Gamification
Gamification ist ein wichtiger Bestandteil moderner Onlineshops. Ähnlich wie im Gaming-Bereich funktionieren Gamification-Elemente als kleine Belohnungssysteme und motivieren Kunden, den nächsten Schritt zu gehen.
Snackys unterstützt dich dabei mit auffälligen Progressbars, die deine Kunden spielerisch zum nächsten „Level" führen – und gleichzeitig den Warenkorbwert erhöhen können.
Progressbar für kostenlosen Versand
Wenn du bei deinen Versandarten eine Versandkostenfrei-Grenze angegeben hast, kannst du eine auffällige Progressbar anzeigen lassen: auf der Artikelseite, im Sidebar-Warenkorb und im Warenkorb selbst.
Die Progressbar zeigt deinen Kunden, wie wenig bis zum kostenlosen Versand fehlt. Viele Kunden legen lieber noch einen zusätzlichen Artikel in den Warenkorb, statt Versandkosten zu zahlen.
Progressbar für Gratisgeschenk
Wenn du mit Gratisgeschenken ab einem bestimmten Bestellwert arbeitest, kannst du hier eine passende Progressbar aktivieren. Diese zeigt im Sidebar-Warenkorb und im Warenkorb an, wie viel noch fehlt, bis ein Gratisgeschenk erreicht ist.
Das funktioniert wie ein „Level-Up" im Spiel – und erhöht häufig den durchschnittlichen Warenkorbwert.
Header Promotions
Der Header ist das Erste, was Besucher von deinem Shop sehen. Deshalb bietet Snackys dir mehrere Möglichkeiten, um wichtige Informationen und Aktionen direkt im Kopfbereich hervorzuheben.
Vorteile im Header anzeigen
Hier kannst du festlegen, wie viele Vorteile in deinem Header angezeigt werden sollen (bis zu 4 Stück). Trage dort die wichtigsten Shop-Vorteile ein, die für Kunden relevant sind oder dich von der Konkurrenz abheben, z. B. „Kostenloser Versand ab 50€".
Die Farben der Vorteilsleiste passt du im Bereich Farben an. Die Inhalte steuerst du über die Sprachvariablen im Shop-Backend unter Administration > Sprachvariablen.
Die Variablen heißen: headerBenefit1, headerBenefit2, headerBenefit3, headerBenefit4 und befinden sich in der Sektion Custom.
Tipp: Vorteile verlinken
Du kannst die Vorteile auch auf passende Seiten verlinken, indem du HTML in der Sprachvariable hinterlegst:
<a href="/versand">Kostenloser Versand ab 50€</a>Promotion-Leiste im Header anzeigen
Zusätzlich zu den Vorteilen kannst du über die Promotion-Leiste einzelne Aktionen hervorheben, z. B. eine Sale-Aktion. Aktiviere dazu einfach die Promotion-Leiste.
Die Farben stellst du im Bereich Farben ein. Den Text pflegst du über die Sprachvariable headerPromo in der Sektion custom im Shop-Backend unter Administration > Sprachvariablen.
Sale-Preise
Rabatte freuen deine Besucher und regen zum Kauf an. Umso wichtiger ist es, dass reduzierte Artikel auch klar erkennbar gekennzeichnet werden. Snackys bietet dir dafür mehrere Optionen.
Zusätzlich kannst du weiter unten im Bereich Verkaufssteigerung auffällige Sonderpreis-Countdowns mit Ablaufdatum aktivieren.
Sale Badge oder Rabatt in Prozent
Wenn du den Artikelsticker für Sale-Preise im Shop-Backend unter Darstellung > Standardelemente > Artikelsticker aktiviert hast, kannst du hier einstellen, wie der Rabatt dargestellt wird:
- als Prozent-Badge (z. B. -20%)
- als Text-Badge (z. B. SALE 20%)
Den Text des Badges kannst du unter Administration > Sprachvariablen anpassen. Suche dazu nach ribbon-2. Typischerweise findest du dort den Text Sale %s. Das %s wird automatisch durch den prozentualen Rabatt ersetzt.
Positionierung Streichpreis
Hier bestimmst du, wie der alte Preis (Streichpreis) angezeigt werden soll:
- Neben dem Preis: Der Streichpreis wird auffällig neben dem Sale-Preis angezeigt (in Produktboxen und auf der Artikeldetailseite).
- Unter dem Preis: Der Streichpreis wird kleiner unter dem Sale-Preis angezeigt (nur auf der Artikeldetailseite).
Lieferdatum
Snackys kann deinen Kunden ein konkretes Lieferdatum anzeigen und so mehr Planungssicherheit schaffen. Standardmäßig zeigt JTL-Shop oft nur eine Lieferzeit wie 2-3 Werktage an. Doch was bedeutet das z. B. bei einer Bestellung am Donnerstag?
Mit den Einstellungen des Snackys-Templates kannst du statt einer reinen Lieferdauer automatisch ein Lieferdatum berechnen lassen.
Lieferdatum statt Lieferdauer
Wenn du diese Option aktivierst, wird statt einer Lieferzeit direkt ein Lieferdatum ausgegeben. Zusätzlich werden weitere Einstellungen freigeschaltet.
Zu berechnende Tage
Bei langen Lieferzeiten (z. B. mehrere Wochen) können durch Wochenenden und Feiertage große Verschiebungen entstehen. Hier kannst du festlegen, wie viele der letzten Tage für die genaue Berechnung genutzt werden sollen.
Beispiel: Bei 5 Tagen wird bei einer Lieferzeit von 30 Tagen zunächst 25 Tage pauschal gerechnet. Nur die letzten 5 Tage werden dann auf Wochenenden und Feiertage geprüft und entsprechend verschoben.
Auslieferschluss
Hier legst du fest, bis wann Bestellungen eingehen können, damit die Berechnung der Liefertage ab dem nächsten Tag startet. Bestellungen nach dieser Uhrzeit erhalten automatisch einen zusätzlichen Tag in der Lieferdatumsberechnung.
Feiertage Bundesland
Wähle hier aus, welche Feiertage (je nach Bundesland) berücksichtigt werden sollen. So vermeidest du, dass Kunden aus anderen Regionen unnötig auf ein Paket warten, obwohl dort kein Feiertag ist.
Samstag mitzählen?
Hier bestimmst du, ob du und/oder dein Versanddienstleister samstags arbeiten:
Datumsformatierung
Hier bestimmst du, wie das Lieferdatum formatiert dargestellt wird. Die Formatierung erfolgt im PHP-Date-Schema:
Verkaufssteigerung
Knapper Bestand-Meldung ab
Wenn du hier eine Zahl einträgst, wird bei Artikeln mit niedrigem Lagerbestand eine Progressbar angezeigt, die verdeutlicht, wie viele Stück noch verfügbar sind. Das erzeugt zusätzlichen Kaufdruck und kann die Conversion erhöhen.
Wenn du 0 einträgst, wird die Funktion deaktiviert.
„Sonderpreis bis" anzeigen
Wenn du in der WaWi einen Sonderpreis mit festem Enddatum hinterlegt hast, kannst du deinen Besuchern einen auffälligen Countdown anzeigen lassen, bis wann der Artikel reduziert verfügbar ist.
Alternativ kannst du statt eines Countdowns auch nur das Enddatum anzeigen lassen. Mit der Option „Nicht anzeigen" kannst du die Funktion komplett deaktivieren.
„Verfügbar ab" anzeigen
Wenn du Vorbestellartikel oder Artikel mit zukünftigem Erscheinungsdatum anbietest, kannst du hier einen Countdown aktivieren, ab wann der Artikel verfügbar ist. Alternativ ist auch hier eine reine Datumsanzeige möglich.
Progressive Web App
Dein Shop als App – ohne App-Store? Genau das ermöglichen Progressive Web Apps (PWA).
Eine PWA ist eine abgesicherte Web-App, die wie eine native App wirkt: Dein Shop wird weiterhin im Browser geöffnet, aber die Bedienoberfläche ist stark reduziert, sodass Besucher weniger leicht „aus dem Shop heraus" navigieren.
Installation
Auf Android erhalten Besucher z. B. im Chrome-Browser eine Info, dass der Shop als App gespeichert werden kann.
Auf iOS funktioniert das über: Teilen > Zum Homebildschirm hinzufügen.
Sobald du die PWA aktivierst, stehen dir folgende Optionen zur Verfügung:
PWA Name
Lege hier den Namen deiner Web-App fest.
PWA Kurzform
Hinterlege hier die Kurzform deiner Web-App. Diese wird häufig als Name auf dem Homescreen angezeigt.
Icons
Nach der Aktivierung solltest du die beiden Icons (192x192 und 512x512) an dein gewünschtes App-Symbol anpassen. Dieses Icon wird dann auf dem Homescreen angezeigt.
Hintergrundfarbe
Lege hier die Hintergrundfarbe fest, die beim Start der PWA angezeigt wird. Snackys zeigt beim Start außerdem das App-Icon und den Namen der App an.