Branding & visuelles Erscheinungsbild
Jede Kampagne kann ihr eigenes Look & Feel bekommen — Hintergrundbilder, Farben und sogar eigenes CSS. Die Einstellungen liegen gebündelt auf der Edit-Seite einer Kampagne.
Hintergrundbilder
Du kannst bis zu zwei Hintergrundbilder hinterlegen:
- Querformat (Landscape) — Standard für Desktop-Viewports. Empfehlung: 1920 × 1080 px (16:9), JPG/PNG/WebP, max. 10 MB.
- Hochformat (Portrait) — optional, wird auf schmalen/mobilen Bildschirmen statt der Querformat-Grafik angezeigt. Empfehlung: 1080 × 1440 px (3:4).
Deckkraft (background_opacity)
Ein Schieberegler von 0 bis 100 %. 0 % lässt den Hintergrund komplett durchscheinen (Bild unsichtbar), 100 % zeigt das Bild voll. Ideal, wenn du den Motiven etwas „Schleier" geben willst, damit die Türchen klar lesbar bleiben.
Tür-Standardfarben & Standardbild
Im Fieldset „Tür-Standards" legst du Kampagnen-weite Werte fest, die alle Türchen ohne individuellen Override nutzen:
| Einstellung | Wirkung |
|---|---|
| Hintergrund | Farbe des Türchens im Status available |
| Textfarbe (Nummer) | Farbe der großen Türchen-Ziffer |
| Standardbild | Bild, das den Hintergrund überdeckt, sobald gesetzt |
Die Fallback-Kaskade ist dann: Tür-eigener Wert → Kampagnen-Standard → Plattform-Fallback. Siehe Türchen & Inhalte.
Puzzle-Modus (Deckbild)
Optional kannst du ein 16:9-Deckbild hochladen, das sich über den gesamten Kalender-Canvas spannt — und jede Tür zeigt davon ihren eigenen Bildausschnitt, wie ein Puzzle. Das ergibt bei der Kampagnen-Vorderseite einen besonders cinematischen Effekt: Erst beim Öffnen einzelner Türchen wird klar, dass alle Türchen Teil eines großen Bildes sind.
- Das Deckbild liegt zusätzlich als vollflächiger Backdrop hinter den Türchen — die Lücken zwischen den Türchen zeigen das Bild ebenfalls, dadurch wirkt der Kalender wie aus einem Stück geschnitten.
- Türchen mit eigenem Cover-Bild (
cover_image_path) gewinnen weiterhin: Sie überdecken den Puzzle-Ausschnitt mit ihrem eigenen Motiv. - Im Slot-Designer wird das Deckbild als semitransparenter Layer eingeblendet — nutze das, um Türchen-Position und -Größe pixelgenau am Motiv auszurichten.
Praxis: Lade ein 16:9-Foto deines Produkts oder ein Weihnachts-Wimmelbild hoch und ordne die Türchen so an, dass sie verschiedene interessante Bildausschnitte zeigen (z. B. Türchen 24 zentral auf dem Hauptmotiv).
Social-Sharing-Texte
Unter „Social-Sharing-Texte" hinterlegst du vorgefertigte Texte für das
Teilen-Widget. Pro Kanal ein eigener Text — fehlt einer, wird default verwendet.
default: "Schau dir unseren Adventskalender an und gewinne tolle Preise!"
x: "Adventskalender offen! 🎄 Jetzt mitmachen: {url}"
whatsapp: "Hi! Ich habe gerade unseren Adventskalender entdeckt: {url}"Platzhalter wie {url} werden beim Klick durch die aktuelle Kampagnen-URL ersetzt.
Eigenes CSS (ab Tarif Pro)
Für fortgeschrittenes Styling gibt es das Feld „Eigenes CSS". Der Inhalt wird auf der öffentlichen Seite nach den Plattform-Styles eingebunden, kann also alle Klassen überschreiben.
/* Türchen-Overlay etwas dunkler */
.door-tile[data-state="available"] {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
/* Headline-Schrift anpassen */
.campaign-title {
font-family: "Playfair Display", serif;
letter-spacing: 0.02em;
}<script>-Injektionen sind nicht möglich (rein CSS).
Vorschau
Oben rechts auf der Edit-Seite gibt es den Link „Vorschau", der die öffentliche Ansicht in einem neuen Tab öffnet — ohne Rücksicht auf Öffnungszeiten und mit allen Stylings, die du gerade gespeichert hast.