Heute wollen wir Ihnen ein neues Feature namens Preisalarm vorstellen. Dabei werden auf einer Seite mit vielen Artikeln die Preise kontinuierlich bis zu einem Mindestpreis gesenkt und der Kunde wird animiert irgendwann zuzuschlagen. Verpasst er den niedrigsten Preis, wird der Artikel eine Zeit lang nicht angezeigt um zu suggerieren, dass er das Angebot verpasst hat! Ein Timer gibt an, wann die nächste Preissenkung stattfinden wird.
So sieht das Beispiel eingestellt in unserem Demo-Shop aus: (klick!)
Wie richtet man einen Preisalarm ein:
Um Artikel für den Preisalarm zu konfigurieren geht man unter: Artikelverwaltung > Artikel > Preisalarm
Hier wählt man zunächst Artikel aus und bereitet diese nach und nach für den Preisalarm vor. Dazu kann man bestimmte Artikel suchen oder Artikel nach Kriterien wie z.B. dem Hersteller oder der Untergruppe filtern.
Nach dem Auswählen der Dropdowns erscheinen automatisch die Artikel. Es stehen einige Felder zum Ausfüllen bereit, hier eine kleine Übersicht:
1) Mindestpreis : Der Minimale Preis, ist dieser Erreicht wird der Artikel aus der Anzeige genommen
2) Preissenk. : Dieser Wert wird nach Ablauf des Timers vom Preis abgezogen
3) Wdh. alle : Diese Zeit wartet das System mit der Wiederaufnahme des Artikels in die Anzeige, wenn der Artikel seinen Mindestpreis erreicht hatte
4) Häkchen : Ist dieses Häkchen gesetzt, dann werden die Änderungen übernommen, ansonsten wird der Artikel belassen wie er ist
Es ist recht Aufwändig all diese Werte manuell zu setzen, dazu wurde die Massenverarbeitung entwickelt um das Einstellen der Artikel in den Preisalarm so schnell und einfach wie möglich zu machen.
Um diese zu nutzen klickt man unten links am Ende der Artikelauflistung auf "Massenverarbeitung".
Jetzt erweitert sich das Feld und gibt einige Einstellungen preis.
Diese sind notwendig um die oben genannten Felder automatisch ausfüllen zu lassen.
Der Wert der Senkung kann entweder in Prozent oder als fester Wert ausgegeben werden.
Um die ausgewählten Artikel um Beispielsweise 40% reduzieren, trägt man in dem Feld Senkung eine 40 ein. Den Haken bei prozentual lässt man stehen, da ja alle Artikel um bis zu 40% reduzieren werden sollen.
Und in diesem Beispiel werden den Artikel jede Minute um 1 Euro zu reduzieren. Also ändert man die Einstellung bei "Senkung nach" von "Laufzeit" auf "Festpreis" in das neu erschienene Feld trägt man eine "1" ein.
Bei der Option Senkung nach Laufzeit berücksichtigt das System in den Einstellungen hinterlegte gewünschte Laufzeit. Bei einem Ausgangspreis von 200 Euro, einem Mindestpreis von 100 Euro, einer gewünschten Laufzeit von 20 Minuten und einem Intervall von 1 Minute ergibt sich eine Preissenkung von 5 Euro pro Minute.
Dazu möchte man vielleicht, dass der Artikel, wenn er nicht ausverkauft worden ist, jede Stunde wieder im Angebot auftaucht. Also füllt man das letzte Feld mit einer "60" für 60 Min.
Abschließend klickt man auf "Markierte berechnen". Jetzt werden alle Felder der Artikel gefüllt, die Sie mit dem Haken ausgewählt hatten.
Mit einem Klick auf das große Speichern unterhalb übernimmt man die Einstellungen für die Artikel.
Zusätzliche Einstellungen:
Wahrscheinlich wird nun eine in rot gefärbte Meldung, dass zu einer bestimmten Uhrzeit keine Artikel angezeigt werden, angezeigt. Dieses Problem löst man mit einem Klick auf
. Auch wenn diese Meldung nicht aufgetaucht ist sollte man trotzdem jetzt in die Einstellungen wechseln. Denn im Moment würden alle vorbereiteten Artikel zur selben Zeit starten.
Wenn man sich in den Einstellungen befindet sehiht man an zweiter Stelle "Zuf. Startzeitzurechnung". Mit diesem Wert verteilt man die Startzeitpunkte der Artikel. Hier wird eine 30 für 30 MIn verwendet. Je nach Artikelanzahl sollte man etwas mit diesem Wert herum experimentieren um immer genug Artikel in der Anzeige zu haben. Diese 30 bedeutet, dass zwischen 0 und 30 Min zu dem Ursprünglichen Startzeitpunkt (Der Zeitpunkt des Klicks auf "Speichern" oder "Live stellen") hinzuaddiert wird.
Hier kann man ebenfalls das Intervall und die oben erwähnte gewünschte Laufzeit einstellen.
Die anderen Einstellungen lassen wir erst mal Außen vor. Durch einen Klick auf "Speichern" übernehmen wir unsere Einstellungen.
Schon seid dem ersten Speichern wird ein "Änderungen Live stellen" Button angezeigt. Wenn man darauf klickt werden die Artikel, die man vorhin Vorbereitet hat für den Kunden sichtbar und Ihre Preisberechnung beginnt.
Templates:
Mit diesem Beispiel-Text in einem HTML-Iclude (Sonstiges > HTML-Icludes) wird der Preisalarm sichtbar:
Wichtig hierbei sind lediglich #preisalarm und <span class='m_timer'></span>. Ersteres wird der Anzeigeplatz für den Preisalarm und der Span wird mit der Zeit zum nächsten Preissprung gefüllt.
Es fehlt noch ein Template für den einzelnen Artikel.
Hier das Template aus dem Demo-Shop:
Code für T > Seitentexte > Preisalarm Template:
Code für Layout > Schriften / CSS > ALL (ROOT)
.preisalarm_kachel{padding:1px;margin:2px;margin-left:5px;height:190px;width:145px;float:left;border:1px solid lightgrey;cursor:pointer;text-align:center;overflow:hidden}
.preisalarm_head{padding-top: 4px;text-align:center;border-bottom:1px solid lightgrey}
.preisalarm_bild{height:150px;overflow:hidden;}
.preisalarm_footer{z-index:9999;height:100px;margin-top:-50px;padding-top: 4px;text-align:center;border-top:1px solid lightgrey;background:url(https://cdn.powergap.de/preisalarm_hint.png);}
.preisalarm_preis{color:#CC0000;font-size:16px}
.preisalarm_groessen{font-size:10px;font-family:Arial Narrow,Arial;}
Folgende Synonyme können im Template verwendet werden:
#bn = Artikelnummer
#vk = Ursprünglicher Preis
#a_name = Name des Artikels
#timer = Restzeit bis zum nächsten Preissprung
#preis_down = Neuer Preis
#a_link = Link zum Artikel (Preis gilt nur über diesen LINK!)
#anz = Die Anzahl im Lager (Alle Varianten)
#cur = Aktuelle Währung
#hersteller = Herstellername
#nurGroessen = Alle verfügbaren Größen mit Komma getrennt
Nach dem Abspeichern kehrt man zur Bearbeitungsmaske für den Preisalarm zurück (Artikelverwaltung > Artikel > Preisalarm).
Dort klickt man schlussendlich auf "Änderungen Live stellen". Jetzt sind, wenn keine Fehlermeldungen erscheinen unsere Artikel auf dem entsprechenden HTML-Include sichtbar.
Den Link zum Preisalarm erzeugt man wie üblich über Sonstiges > Deeplinkgenenerator.
Fehlerbehebung
Sollte der Preisalarm bei Ihnen nicht funktionieren, weil der Timer nicht läuft, feht bei Ihnen eventuell die JQuery-Libery.
Dazu einfach unter: Sonstiges > Sonstige Einstellungen > Javs-Script Head
folgenden Code zu beginn des Feldes einfügen:
<script language="javascript">
jQuery.noConflict();
</script>
<script language="javascript" type="text/javascript" src="x_jquery.min.js"></script>
So sieht das Beispiel eingestellt in unserem Demo-Shop aus: (klick!)
Wie richtet man einen Preisalarm ein:
Um Artikel für den Preisalarm zu konfigurieren geht man unter: Artikelverwaltung > Artikel > Preisalarm
Hier wählt man zunächst Artikel aus und bereitet diese nach und nach für den Preisalarm vor. Dazu kann man bestimmte Artikel suchen oder Artikel nach Kriterien wie z.B. dem Hersteller oder der Untergruppe filtern.
Nach dem Auswählen der Dropdowns erscheinen automatisch die Artikel. Es stehen einige Felder zum Ausfüllen bereit, hier eine kleine Übersicht:
1) Mindestpreis : Der Minimale Preis, ist dieser Erreicht wird der Artikel aus der Anzeige genommen
2) Preissenk. : Dieser Wert wird nach Ablauf des Timers vom Preis abgezogen
3) Wdh. alle : Diese Zeit wartet das System mit der Wiederaufnahme des Artikels in die Anzeige, wenn der Artikel seinen Mindestpreis erreicht hatte
4) Häkchen : Ist dieses Häkchen gesetzt, dann werden die Änderungen übernommen, ansonsten wird der Artikel belassen wie er ist
Es ist recht Aufwändig all diese Werte manuell zu setzen, dazu wurde die Massenverarbeitung entwickelt um das Einstellen der Artikel in den Preisalarm so schnell und einfach wie möglich zu machen.
Um diese zu nutzen klickt man unten links am Ende der Artikelauflistung auf "Massenverarbeitung".
Jetzt erweitert sich das Feld und gibt einige Einstellungen preis.
Diese sind notwendig um die oben genannten Felder automatisch ausfüllen zu lassen.
Der Wert der Senkung kann entweder in Prozent oder als fester Wert ausgegeben werden.
Um die ausgewählten Artikel um Beispielsweise 40% reduzieren, trägt man in dem Feld Senkung eine 40 ein. Den Haken bei prozentual lässt man stehen, da ja alle Artikel um bis zu 40% reduzieren werden sollen.
Und in diesem Beispiel werden den Artikel jede Minute um 1 Euro zu reduzieren. Also ändert man die Einstellung bei "Senkung nach" von "Laufzeit" auf "Festpreis" in das neu erschienene Feld trägt man eine "1" ein.
Bei der Option Senkung nach Laufzeit berücksichtigt das System in den Einstellungen hinterlegte gewünschte Laufzeit. Bei einem Ausgangspreis von 200 Euro, einem Mindestpreis von 100 Euro, einer gewünschten Laufzeit von 20 Minuten und einem Intervall von 1 Minute ergibt sich eine Preissenkung von 5 Euro pro Minute.
Dazu möchte man vielleicht, dass der Artikel, wenn er nicht ausverkauft worden ist, jede Stunde wieder im Angebot auftaucht. Also füllt man das letzte Feld mit einer "60" für 60 Min.
Abschließend klickt man auf "Markierte berechnen". Jetzt werden alle Felder der Artikel gefüllt, die Sie mit dem Haken ausgewählt hatten.
Mit einem Klick auf das große Speichern unterhalb übernimmt man die Einstellungen für die Artikel.
Zusätzliche Einstellungen:
Wahrscheinlich wird nun eine in rot gefärbte Meldung, dass zu einer bestimmten Uhrzeit keine Artikel angezeigt werden, angezeigt. Dieses Problem löst man mit einem Klick auf
. Auch wenn diese Meldung nicht aufgetaucht ist sollte man trotzdem jetzt in die Einstellungen wechseln. Denn im Moment würden alle vorbereiteten Artikel zur selben Zeit starten.Wenn man sich in den Einstellungen befindet sehiht man an zweiter Stelle "Zuf. Startzeitzurechnung". Mit diesem Wert verteilt man die Startzeitpunkte der Artikel. Hier wird eine 30 für 30 MIn verwendet. Je nach Artikelanzahl sollte man etwas mit diesem Wert herum experimentieren um immer genug Artikel in der Anzeige zu haben. Diese 30 bedeutet, dass zwischen 0 und 30 Min zu dem Ursprünglichen Startzeitpunkt (Der Zeitpunkt des Klicks auf "Speichern" oder "Live stellen") hinzuaddiert wird.
Hier kann man ebenfalls das Intervall und die oben erwähnte gewünschte Laufzeit einstellen.
Die anderen Einstellungen lassen wir erst mal Außen vor. Durch einen Klick auf "Speichern" übernehmen wir unsere Einstellungen.
Schon seid dem ersten Speichern wird ein "Änderungen Live stellen" Button angezeigt. Wenn man darauf klickt werden die Artikel, die man vorhin Vorbereitet hat für den Kunden sichtbar und Ihre Preisberechnung beginnt.
Templates:
Mit diesem Beispiel-Text in einem HTML-Iclude (Sonstiges > HTML-Icludes) wird der Preisalarm sichtbar:
Mit unserem Preisalarm können Sie spezielle Angebote beobachten und wenn Ihnen der Preis gering genug erscheint zuschlagen. Achtung, läuft ein Artikel unter den von uns eingestellten Mindestpreis, wird er aus der Aktion gelöscht. Zögern Sie also nicht zu lange :-)
<h1>Nächster Preissprung in <span class='m_timer'></span></h1>
#preisalarm
<h1>Nächster Preissprung in <span class='m_timer'></span></h1>
#preisalarm
Wichtig hierbei sind lediglich #preisalarm und <span class='m_timer'></span>. Ersteres wird der Anzeigeplatz für den Preisalarm und der Span wird mit der Zeit zum nächsten Preissprung gefüllt.
Es fehlt noch ein Template für den einzelnen Artikel.
Hier das Template aus dem Demo-Shop:
Code für T > Seitentexte > Preisalarm Template:
<div class="preisalarm_kachel" onclick="document.location='#a_link'">
<div class="preisalarm_head">#timer</div>
<div class="preisalarm_bild" style='background:url(https://pic.powergap.de/#bnt.jpg) no-repeat 50%;' ONMOUSEOVER="dT(event,'<img src=https://pic.powergap.de/#bnp.jpg width=290>','',0)" ONMOUSEOUT="hT()">
</div>
<div class="preisalarm_footer"><span class='preisalarm_preis'>#preis_down #cur</span><br><span class='preisalarm_groessen'>Verfügbar in:<br> #nurGroessen</span></div>
</div>
<div class="preisalarm_head">#timer</div>
<div class="preisalarm_bild" style='background:url(https://pic.powergap.de/#bnt.jpg) no-repeat 50%;' ONMOUSEOVER="dT(event,'<img src=https://pic.powergap.de/#bnp.jpg width=290>','',0)" ONMOUSEOUT="hT()">
</div>
<div class="preisalarm_footer"><span class='preisalarm_preis'>#preis_down #cur</span><br><span class='preisalarm_groessen'>Verfügbar in:<br> #nurGroessen</span></div>
</div>
Code für Layout > Schriften / CSS > ALL (ROOT)
.preisalarm_kachel{padding:1px;margin:2px;margin-left:5px;height:190px;width:145px;float:left;border:1px solid lightgrey;cursor:pointer;text-align:center;overflow:hidden}
.preisalarm_head{padding-top: 4px;text-align:center;border-bottom:1px solid lightgrey}
.preisalarm_bild{height:150px;overflow:hidden;}
.preisalarm_footer{z-index:9999;height:100px;margin-top:-50px;padding-top: 4px;text-align:center;border-top:1px solid lightgrey;background:url(https://cdn.powergap.de/preisalarm_hint.png);}
.preisalarm_preis{color:#CC0000;font-size:16px}
.preisalarm_groessen{font-size:10px;font-family:Arial Narrow,Arial;}
Folgende Synonyme können im Template verwendet werden:
#bn = Artikelnummer
#vk = Ursprünglicher Preis
#a_name = Name des Artikels
#timer = Restzeit bis zum nächsten Preissprung
#preis_down = Neuer Preis
#a_link = Link zum Artikel (Preis gilt nur über diesen LINK!)
#anz = Die Anzahl im Lager (Alle Varianten)
#cur = Aktuelle Währung
#hersteller = Herstellername
#nurGroessen = Alle verfügbaren Größen mit Komma getrennt
Nach dem Abspeichern kehrt man zur Bearbeitungsmaske für den Preisalarm zurück (Artikelverwaltung > Artikel > Preisalarm).
Dort klickt man schlussendlich auf "Änderungen Live stellen". Jetzt sind, wenn keine Fehlermeldungen erscheinen unsere Artikel auf dem entsprechenden HTML-Include sichtbar.
Den Link zum Preisalarm erzeugt man wie üblich über Sonstiges > Deeplinkgenenerator.
Fehlerbehebung
Sollte der Preisalarm bei Ihnen nicht funktionieren, weil der Timer nicht läuft, feht bei Ihnen eventuell die JQuery-Libery.
Dazu einfach unter: Sonstiges > Sonstige Einstellungen > Javs-Script Head
folgenden Code zu beginn des Feldes einfügen:
<script language="javascript">
jQuery.noConflict();
</script>
<script language="javascript" type="text/javascript" src="x_jquery.min.js"></script>