Liquid, JavaScript, Themes
Kann man einen Coupon Code erstellen der nur gültig ist, wenn man z.B. in den letzten 10min etwas in den Warenkorb hinzugefügt hat. Damit man dann einen Timer mit dem Code machen kann, um die Conversions zu steigern? Also der soll quasi nach 10min nicht mehr gültig sein
Hey @knolle420
Um einen zeitlich begrenzten Rabattcode zu erstellen, der nur für eine bestimmte Zeit nach dem Hinzufügen eines Artikels zum Warenkorb gültig ist, müsstest du eine spezielle Anpassung in deinem Shopify-Shop vornehmen. Standardmäßig bietet Shopify nicht direkt die Möglichkeit, Coupons zu erstellen, die automatisch ablaufen, sobald ein Kunde etwas in den Warenkorb legt und eine festgelegte Zeit verstreicht.
Du könntest dies jedoch mit Hilfe von Apps, wie die Discount Ninja App (hast du diese schon ausprobiert?) aus dem Shopify App Store umsetzen, die erweiterte Coupon-Funktionen bieten, oder indem du einen Shopify-Entwickler beauftragst, eine maßgeschneiderte Lösung zu entwickeln. Solche Anpassungen können beispielsweise durch die Nutzung von Shopify's API oder durch das Hinzufügen von benutzerdefiniertem Scripting auf der Warenkorb-Seite realisiert werden.
Wenn du es DIY selber programmieren möchtest
Um einen zeitlich begrenzten Rabattcode in Shopify zu implementieren, der nur innerhalb von 10 Minuten nach Hinzufügen eines Produkts zum Warenkorb gültig ist, benötigst du einen benutzerdefinierten Code, der das Hinzufügen eines Produkts erfasst und die Zeit misst. Hier kann man JavaScript im Frontend des Shops, um den Zeitpunkt zu erfassen, wenn ein Artikel zum Warenkorb hinzugefügt wird. Dies könnte mit einem Event-Listener auf den „Zum Warenkorb hinzufügen“-Button erfolgen. Speichere auch den Zeitstempel im Local Storage des Browsers oder als Cookie. Bevor der Rabatt angewendet wird, prüfe mit JavaScript, ob die aktuelle Zeit innerhalb von 10 Minuten nach dem gespeicherten Zeitstempel liegt. Wenn die Bedingung erfüllt ist, erlaube die Anwendung des Rabattcodes. Ist die Zeit abgelaufen, informiere den Nutzer, dass der Code abgelaufen ist.
Hier ein Beispielcode aus unserer API Doku die diese Logik umsetzt:
document.getElementById('addToCartButton').addEventListener('click', function() {
const addedTime = new Date().getTime();
localStorage.setItem('addedTime', addedTime);
});
document.getElementById('applyDiscountButton').addEventListener('click', function() {
const addedTime = localStorage.getItem('addedTime');
const currentTime = new Date().getTime();
const tenMinutes = 10 * 60 * 1000;
if (currentTime - addedTime <= tenMinutes) {
// Code anwenden
alert('Rabattcode gültig!');
} else {
alert('Rabattcode abgelaufen!');
}
});
Der Code setzt einen Event-Listener auf den "Zum Warenkorb hinzufügen"-Button. Bei Klick wird der aktuelle Zeitpunkt erfasst und im Local Storage des Browsers gespeichert.
Ein weiterer Event-Listener ist auf den "Rabatt anwenden"-Button gesetzt. Beim Klick wird der gespeicherte Zeitpunkt aus dem Local Storage geholt und mit der aktuellen Zeit verglichen.
Der Code prüft auch, ob weniger als 10 Minuten seit dem Hinzufügen des Produkts zum Warenkorb vergangen sind. Ist dies der Fall, wird der Rabatt als gültig bestätigt, sonst als abgelaufen gemeldet.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024