Kompatibilität:
WebSite X5 Evo und Pro
Das einfachste Beispiel ist der Adventskalender: Jeden Tag öffnet sich ein Türchen, um die Überraschung zu zeigen, die dahinter verborgen ist. Sie könnten so einen Kalender auch einrichten, um Ihre Benutzer in einen spannenden Countdown bis Weihnachten oder sogar für andere Gelegenheiten während des Jahres einzubinden: Haben Sie jemals darüber nachgedacht?
Dafür können Sie das Zusatzobjekt Adv Calendar verwenden: Richten Sie den Kalender ein, bestimmen Sie den Zeitraum und wählen Sie die Geschenke aus, die hinter den Türchen verborgen sind, und passen Sie ihn gemäß den Bedürfnissen an. Auf der Vorschauseite finden Sie einige Beispiele für die Kalender, die Sie auch erstellen können: Es geht um ein ideales Werbe- und Marketinginstrument für Ihre Aktivitäten.
So funktioniert das Objekt
Die Elemente, die Sie mit dem Objekt Adv Calendar bestimmen können, sind:
- Der Kalender, d. h. das Raster, das auf der Seite angezeigt wird. Es besteht aus einem Hintergrundbild und so viele Zellen, wie es aktive Tage des Kalenders gibt.
- Die Türchen, d. h. die Inhalte, die beim Klick auf die aktiven Zellen angezeigt werden. Jedes Türchen wird zuerst als geschlossen angezeigt und beim Anklicken öffnet es sich mit einem Popup-Fenster. Dieses Fenster kann dann einen eigenen Titel, ein Bild, eine kurze Beschreibung und einen Link haben.
Sie bestimmen die Anzahl von Türchen: Sie können für den Adventskalender 24 sein, aber je nach Ihren Bedürfnissen auch mehr oder weniger. Die Funktionsweise kann auch sich ändern: Alle Türchen können z. B. sofort aktiv und anklickbar sein oder sie können nur an einem bestimmten Tag angeklickt und geöffnet werden.
Sie können dann auch entschieden, was hinter den Türchen verborgen ist: Es hängt von Ziel ab, das Sie mit dem Kalender erreichen möchten:
- Wenn Sie Ihr Publikum unterhalten möchten, können Sie interessante Inhalte präsentieren oder verlinken: Bilder, GIFs, Videos, Musik, usw.
- Wenn Sie Kundenloyalität aufbauen möchten, können Sie etwas schenken, das für sie wertvoll ist: Es muss nicht unbedingt um etwas Großartiges sein. Manchmal sind Tipps & Tricks des Tages oder Online-Ressourcen wie PDF oder Video-Tutorials auch genug.
- Wenn Sie die Umsätze Ihres Onlineshops steigern möchten, können Sie schließlich hinter jedem Türchen ein Angebot oder ein bestimmtes Produkt verbergen.
Natürlich können Sie diese Ansätze auch kombinieren: Insbesondere wenn es um einen langen Kalender geht, kann eine "Mischung" von Promotionen und anderen Arten Inhalte eine gute Lösung sein, um den Kalender noch interessanter zu machen.
Sehen wir dann nun, wie Sie den Kalender konfigurieren sollen.
Definieren Sie die Anzahl und die Inhalte der Türchen
Nachdem Sie definiert haben, was für einen Kalender Sie einrichten möchten, sollen Sie die Inhalte bestimmen, die beim Öffnen des Popup-Fenster angezeigt werden sollen. Dieses Popup-Fenster wird beim Klicken auf ein aktives Kalendertürchen angezeigt. So geht das:
- Doppelklicken Sie auf das Objekt Adv Calendar, das Sie auf der Seite hinzugefügt haben, um das Einstellungen-Fenster zu öffnen.
- Bleiben Sie im Bereich Allgemein. Hier ist zurzeit die Liste der Türchen leer. Klicken Sie auf Hinzufügen, um ein neues Türchen hinzuzufügen.
- Das Türchen wird erstellt und zur Liste der Türchen hinzugefügt: Wählen Sie es aus und definieren Sie die Inhalte mit den verfügbaren Optionen:
- Umbenennen Sie das neue Türchen: Dieser Name wird nur in der Liste der Türchen verwendet und nicht im Kalender angezeigt. Wählen Sie also einen Namen, der Ihnen helfen kann, das Türchen besser zu identifizieren.
- Importieren Sie dann ein Bild und geben Sie einen Titel und eine kurze Beschreibung ein.
- Wenn Sie möchten, geben Sie einen Schaltflächentext ein und klicken Sie auf
, um einen Link einzustellen. Sie können die gewünschte Aktion auswählen: Eine Seite öffnen lassen, eine PDF-Datei herunterladen lassen, ein Produkt in den Warenkorb legen lassen, usw. - Wenn Sie ein Türchen hervorheben möchten, können Sie es größer als die andere machen, indem Sie die Option Türchen auf zwei Spalten aktivieren: So wird das geschlossene Türchen doppelt so breit sein.
- Wiederholen Sie diese Schritte für alle nötigen Türchen
- Natürlich können Sie jederzeit neue Türchen hinzufügen, bestehende entfernen, die Sie nicht mehr benötigen, und die Anordnung der Liste ändern: Dafür können Sie die entsprechenden Schaltflächen neben der Liste der Türchen verwenden.
Stellen Sie den grafischen Stil ein
Jetzt können Sie sich um den grafischen Stil des Kalenders kümmern, wann alle Türchen noch geschlossen sind:
- Öffnen Sie den Bereich Stil und wählen Sie eine Farbe oder ein Bild für den Kalderhintergrund. Wir empfehlen Ihnen, ein thematisches Bild auszuwählen, das für den Hintergrund des ganzen Objekts groß genug ist.
- Wählen Sie dann aus, wie viele Türchen pro Zeile geben müssen.
- Definieren Sie die Reihenfolge der Türchen: Sie können sie in aufsteigender oder in zufälliger Reihenfolge anordnen, je nach dem Datum oder der Nummer, die ihnen zugeordnet ist.
- Wenn Sie sich für die zufällige Reihenfolge entschieden, können Sie auch einige Lücken lassen zwischen den aktiven Türchen: Dafür sollen Sie nur die Anzahl von Leeren Türchen pro Zeile definieren.
- Wählen Sie das Beschriftungsformat, d. h. das, was als Kopfzeile geschlossener Türchen angezeigt werden soll. Sie haben dafür einige Optionen:
- Folgenummer: Die Türchen werden von 1 an nummeriert (1, 2, 3 usw.)
- Tag: Jedem Türchen wird die Nummer des laufenden Tages;
- Tag und Monat: Jedem Türchen wird ein Datum mit Tag und Monat zugewiesen.
#Tipp - Die Türchen folgen die in der Liste der Türchen definierten Reihenfolge. Diese Reihenfolge können Sie mit den Schaltflächen neben der Liste ändern. Das aktuelle Datum, das dem Türchen zugewiesen wird, hängt vom für den Kalender definierten Startdatum, sowie auch von der Reihenfolge der Türchen ab.
Definieren Sie die Funktionsweise des Kalenders
Es gibt dann einige Parameter, mit denen Sie definieren können, wie der Kalender funktioniert:
- Definieren Sie zuerst das Startdatum, nämlich wann Ihr Kalender starten soll: Sie können z. B. "2024-05-22" einstellen, damit der Kalender am 22. Mai 2024 anfängt.
#Tipp - Das Startdatum brauchen Sie nicht, wenn Sie alle Türchen von Anfang an aktivieren möchten. In allen anderen Fällen ist es dagegen nötig, damit der Kalender korrekt funktioniert.
- Dann können Sie die Öffnung der Türchen definieren, nämlich wann sie aktiv und daher anklickbar sein werden:
- Immer: Alle Türchen sind immer aktiv. Die Benutzer werden jederzeit alle Türchen anklicken.
- Nur am entsprechenden Tag: Nur das Türchen mit dem aktuellen Datum ist aktiv und kann geklickt werden, alle andere sind nicht aktiv.
- Am entsprechenden Tag und früher: Neben dem Türchen mit dem aktuellen Datum bleiben auch die Türchen mit einem früheren Datum aktiv.
#Tipp - Anhand des Kalenders auf dem Computer des Benutzers wird ermittelt, welche Türchen nach Datum geöffnet werden können.
Stellen Sie den grafischen Stil der Türchen ein
Auf der Hintergrundfarbe oder -Bild des Kalenders werden automatisch die Türchen angeordnet, die Sie in der Liste der Türchen definiert haben. Der Stil der aktiven aber noch geschlossenen Türchen können Sie mit den Optionen im Bereich Stil >Türchen definieren:
- Die Randfarbe;
- Die Schriftart (Art, Größe und Formatierung) der Beschriftung des Türchens;
- die Beschriftungsfarbe des Türchens;
- die Ausrichtung der Beschriftung im Türchen.
#Tipp - Beim Einstellen des Stils für die aktiven aber noch geschlossenen Türchen werden bestimmte Effekte sowohl für den aktiven Zustand, als auch fürs Mouseover automatisch angewendet.
Für die Türchen, die schon geöffnet wurden, können Sie dann folgendes definieren:
- Hintergrundfarbe;
- Deckkraft.
Stellen Sie den Stil des Popup-Fensters ein
Nachdem Sie den Stil der geschlossenen Türchen definiert haben, können Sie sich um das Aussehen des Popup-Fenster kümmern, das beim Klicken auf das aktive Türchen bzw. wo seinen Inhalt angezeigt wird:
- Definieren Sie die Größe in Pixel und die Hintergrundfarbe des Fensters.
- Wie gesagt, besteht das offene Türchen aus verschiedenen Elementen. Mit dem Drop-Down-Menü können Sie das gewünschte Element auswählen und es mit den verfügbaren Optionen anpassen. Was den Titel und die Beschreibung des Türchens können Sie die Schriftart, die Farbe und die Ausrichtung definieren. Für die Schaltfläche können Sie dann auch die Hintergrundfarbe, die Ränder und die abgerundeten Ecken festlegen.
Fordern Sie die Benutzerregistrierung an
Wie bereits gesagt kann so ein Kalender für verschiedene Zwecke verwendet werden: Kunden unterhalten und binden, sowie auch die Umsätze durch Angebote und Couponcode. Darüber hinaus können Sie ihn auch verwenden, um neuen Kontakten für Ihren Verteiler zu sammeln: Darum können Sie die Benutzerregistrierung anfordern, um Zugriff auf den Kalender haben zu können.
Um dieses Ziel zu erreichen, können Sie so vorgehen:
- Richten Sie auf Schritt 3 - Sitemap eine neue Seite ein. In unserem Beispiel wird sie "Calendar" heißen.
- Fügen Sie auf diese Seite das Objekt Adv Calendar ein und gestalten Sie ihn, wie bereits beschrieben.
- Geben Sie alle andere nötige Elemente ein, bis die Seite vollständig ist: Titel, Texte, grafische Elemente usw.
- Gehen Sie auf Schritt 3 - Sitemap zurück, wählen Sie die Seite "Calendar" aus und klicken Sie auf
Geschützt: Auf dem folgenden Fenster aktivieren Sie die Option Diese Seite als geschützt einstellen, dann definieren Sie die Benutzer, die auf die Seite Zugriff haben können. - Wenn Sie mit der Pro-Edition arbeiten, können Sie die automatische Benutzerregistrierung aktivieren: Wenn die Benutzer versuchen, auf die Seite mit dem Kalender zuzugreifen, werden Sie automatisch zur Seite geführt, wo Sie sich registrieren oder anmelden können.
#Tipp - Mehr Informationen über die Einrichtung und Verwaltung passwortgeschützter Seiten finden Sie im Bereich Zugangsverwaltung unserer Anleitungen.
Sind Sie schon neugierig, wie diese Objekt auf Ihrer Website aussieht? Installieren Sie sofort Adv Calendar
Fehlen Ihnen noch Credits für den Kauf dieses Objekts? Alle Kreditpakete ansehen.