Adventskalender

Übersicht

Die Vorlage Advent calendar ermöglicht es Ihnen, eine eigene Seite für ein Feiertagsereignis zu erstellen. Die Seite enthält einen Adventskalender: eine Reihe täglicher Belohnungen, die jeweils pro Tag freigeschaltet werden.

Eine separate Seite bündelt die Aufmerksamkeit auf das Ereignis, motiviert zur täglichen Rückkehr und liefert einen direkten Link für Werbung, Social-Media-Posts, Newsletter und In‑Game‑Banner.

Hauptmerkmale:

• Advent mode im Block Daily rewards. Die Einstellung blendet die Belohnungen für gesperrte Tage aus. Der Benutzer sieht alle Tage im Kalender, aber gesperrte Tage zeigen nur die Tagesnummer und das Label Not yet available.
• Advent mode im Block Lead GS. Mit der Einstellung können Sie dem Blockhintergrund fallenden Schnee hinzufügen.
• Ein Countdown-Timer im Header des Ereignisses.
• Geplanter Zugriff auf Belohnungen. Sie legen Startdatum, Startuhrzeit und Zeitzone in den Einstellungen für tägliche Belohnungen fest. Die Zeit wird auf dem Server geprüft; das Ändern des Datums auf dem Gerät des Benutzers schaltet zukünftige Tage nicht frei.
• No-Code-Einrichtung. Sie können Texte bearbeiten, Bilder austauschen, das Seitenlayout ändern sowie Farben und Schriftarten anpassen. Ihr Website-Theme wird automatisch übernommen, und das festliche Design funktioniert korrekt mit hellen und dunklen Themes.
• Schneller Zugriff auf die Einstellungen der Daily rewards direkt aus den Blockeinstellungen im Builder.
• Responsives Layout. Die Seite passt sich an Desktop- und Mobilgeräte an. Sämtliche Vorlagentexte unterstützen die in Web Shop verfügbaren Sprachen.

Sie können den Advent mode im Block Daily rewards auch auf jeder anderen Seite Ihrer Website aktivieren, nicht nur auf einer Seite, die aus der Vorlage erstellt wurde.

Ablauf für den Nutzer

1. Der Benutzer öffnet die Ereignisseite.
2. Der Benutzer sieht den Kalender mit den Belohnungen vergangener Tage, der Belohnung für den aktuellen Tag sowie gesperrten Karten für zukünftige Daten.
3. Der Benutzer meldet sich auf der Website an.
4. Der Benutzer klickt auf Claim und erhält die Belohnung für den aktuellen Tag.
5. Wenn der nächste Tag beginnt, erhält der Benutzer die nächste Belohnung.

Einrichtung

Voraussetzungen

1. Artikel erstellen, die Benutzer als Belohnungen erhalten.
2. Erstellen und aktivieren Sie eine Kette für tägliche Belohnungen vom Typ Reward calendar (empfohlen). Fügen Sie für jeden Tag des Ereignisses eine Belohnung hinzu. Die Anzahl der Belohnungen bestimmt die Dauer des Ereignisses.
3. Richten Sie die Benutzerauthentifizierung ein, falls noch nicht geschehen.

Adventskalender-Seite erstellen

• Eigene Adventskalender-Seite erstellen
• Adventskalender einer bestehenden Website hinzufügen

1. Gehen Sie in Ihrem Projekt im Kundenportal zum Abschnitt Storefronts > Websites.

1. Gehen Sie im Projekt in Ihrem Konto zum Abschnitt Storefronts > Websites.

1. Gehen Sie im Projekt in Ihrem Konto zum Abschnitt Storefronts > Websites.

1. Gehen Sie im Projekt in Ihrem Konto zum Abschnitt Storefronts > Websites.

1. Gehen Sie im Projekt in Ihrem Konto für Handyspiele zum Abschnitt Web Shop.

2. Klicken Sie auf die Karte Ihrer Website. Die Website öffnet sich im Builder.

Hinweis

Wenn Sie noch keine Website haben, erstellen Sie eine.

3. Klicken Sie auf den Seitennamen und wählen Sie in der Drop-down-Liste Create page aus.
4. Wählen Sie die Vorlage Advent calendar und klicken Sie auf Next.

5. Geben Sie den Namen der neuen Seite ein.
6. Ändern Sie bei Bedarf den automatisch generierten Seitenpfad.
7. Klicken Sie auf Create page.

Die Seite wird mit Demo-Texten und -Bildern erstellt; der Advent mode im Block Daily rewards ist standardmäßig aktiviert.

8. Block Daily rewards einrichten.
9. Countdown-Timer im Block Lead GS einrichten.

1. Gehen Sie in Ihrem Projekt im Kundenportal zum Abschnitt Storefronts > Websites.

1. Gehen Sie im Projekt in Ihrem Konto zum Abschnitt Storefronts > Websites.

1. Gehen Sie im Projekt in Ihrem Konto zum Abschnitt Storefronts > Websites.

1. Gehen Sie im Projekt in Ihrem Konto zum Abschnitt Storefronts > Websites.

1. Gehen Sie im Projekt in Ihrem Konto für Handyspiele zum Abschnitt Web Shop.

2. Klicken Sie auf die Karte Ihrer Website. Die Website öffnet sich im Builder.
3. Wählen Sie im Hauptbereich des Builders die Stelle aus, an der Sie einen neuen Block hinzufügen möchten, und klicken Sie auf Add block.
4. Wählen Sie den Block Daily rewards und richten Sie ihn ein.
5. Wählen Sie den Block Lead GS und richten Sie den Countdown-Timer ein.

Block Daily rewards einrichten

Die Anzahl der Belohnungen in der Kette bestimmt, wie viele Tage das Ereignis dauert. Um die Dauer zu ändern, bearbeiten Sie die Kette: Deaktivieren Sie sie, fügen Sie Belohnungen hinzu oder entfernen Sie sie und aktivieren Sie die Kette anschließend erneut. Solange Sie keine Kette auswählen, zeigt der Block einen Beispielkalender an.

So richten Sie den Block ein:

1. Wählen Sie in der Seitenleiste des Builders den Block Daily rewards.
2. Wählen Sie im Abschnitt Settings in der Liste Select daily rewards die Kette der täglichen Belohnungen aus.

3. Stellen Sie im Abschnitt Block layout sicher, dass der Schalter Advent mode eingeschaltet ist.
4. Passen Sie bei Bedarf das Erscheinungsbild des Blocks an:
   • Im Abschnitt Block layout: Überschrift und Beschreibung ein- oder ausblenden sowie die Ausrichtung der Inhalte und den Hintergrund wählen.
   • Im Abschnitt Card layout: Überschrift ein- oder ausblenden, den Schalter Claim item with button ein- oder ausschalten sowie Bildgröße und Hintergrund wählen.

Countdown-Timer einrichten

Der Countdown-Timer ist Bestandteil des Lead GS block. Er zeigt Benutzern, wie viel Zeit bis zum Ende des Ereignisses verbleibt.

Auf einer Seite, die aus der Vorlage Advent calendar erstellt wurde, wird der Timer automatisch hinzugefügt. Auf jeder anderen Seite fügen Sie ihn manuell hinzu. Der Timer ist im Lead GS block auf allen Seiten verfügbar, nicht nur auf Ereignisseiten.

So richten Sie den Countdown-Timer ein:

1. Wählen Sie in der Seitenleiste des Builders den Lead GS block.
2. Geben Sie im Abschnitt Event countdown Enddatum, Uhrzeit und Zeitzone des Ereignisses an.
3. Richten Sie Beschriftungen und Darstellung des Timers für jeden Status ein. Zum Beispiel Endet in für ein aktives Ereignis und Das Ereignis ist beendet für ein abgeschlossenes. Um den Text oberhalb des Zählers auszublenden, schalten Sie in den Timer-Einstellungen den Schalter Heading aus.

Fügen Sie dem Blockhintergrund bei Bedarf einen Schneefall-Effekt hinzu. Schalten Sie dazu im Abschnitt Layout den Schalter Advent mode und anschließend den Schalter Snow effect ein.