Skip to main content

Container anlegen und positionieren

Übersicht

Container sind die Werbeflächen des Shops. Sie werden unter eCom \ Container gepflegt.

Ein Container wird in zwei Schritten wirksam: Sie legen ihn an, und Sie legen fest, wie der Bereich dargestellt wird, in dem er erscheint.

Was ein Container ist, welche Linktypen es gibt und welche Bildmaße gelten, steht in der Leistungsbeschreibung auf der Seite Marketing-Container.

Container anlegen

  1. eCom \ Container öffnen. Die Liste zeigt alle vorhandenen Container mit Position, Typ, Linktyp und Status. Über Neuen Container anlegen legen Sie einen weiteren an, ein Klick auf eine Zeile öffnet einen vorhandenen zum Bearbeiten.
  2. Container-Typ wählen: Bild, Bild mit Text oder Text mit Bild. Siehe unten.
  3. Je nach Typ Bild und Text hinterlegen. Wurde das Bild mit KI erstellt, den Haken Bild ist KI generiert setzen — siehe Bilder als KI-generiert kennzeichnen. Der Text lässt sich über die Werkzeugleiste des Feldes Inhalt formatieren. Die Bildmaße richten sich nach der Darstellungsart des Bereichs, siehe unten.
  4. Priorität setzen. 1 erscheint als erstes.
  5. Soll der Container nur bei bestimmten Kunden erscheinen, eine Kundenliste auswählen. Ohne Kundenliste erscheint er bei allen.
  6. Linktyp und das zugehörige Ziel festlegen.
  7. Status auf Freigegeben setzen — nur dann erscheint der Container im Shop.
  8. Speichern.
  9. Daten bereitstellen — mit Haken Bilder, sonst fehlt das Bild im Shop.

Optional lässt sich über Von und Bis ein Anzeigezeitraum setzen, etwa für eine befristete Aktion. Ohne Eintrag gilt keine Begrenzung.

Container-Typ wählen

Typ im Float-Bereich im Slider
Bild nur das Bild nur das Bild
Bild mit Text Text rechts neben dem Bild Text unten im Bild
Text mit Bild Text links neben dem Bild Text oben im Bild

Das Feld Inhalt bringt eine eigene Werkzeugleiste zum Formatieren mit.

Beachten Sie beim Wählen des Typs, in welchem Bereich der Container erscheint: Dieselbe Kombination aus Bild und Text wird im Float-Bereich nebeneinander und im Slider übereinander dargestellt. Ein Text, der im Float neben dem Bild passt, kann im Slider über dem Bild anders wirken.

Bild hinterlegen

Legen Sie das Bild für eine Float-Kachel quadratisch mit 900 × 900 Pixel an — auch für die Typen mit Text. Eine Kachel mit Text wird zwar doppelt so breit, das Bild darin bleibt aber genauso groß wie in einer Kachel ohne Text. Ein größeres Bild brauchen Sie also nicht.

Achtung: Im Float-Bereich kann das Bild links und rechts angeschnitten werden. Es füllt die Kachelhöhe aus, und hat eine Nachbarkachel viel Text, wird die ganze Reihe höher. Setzen Sie das Motiv daher mittig und lassen Sie seitlich Rand.

Als Faustregel: für den Slider eher breite Bilder, für den Float-Bereich quadratische.

Für den Slider hängt das benötigte Format davon ab, ob automatisch gewechselt wird:

Anzeige Intervall Empfohlene Bildgröße
0 — kein Autoplay mindestens 630 Pixel hoch, Seitenverhältnis zwischen etwa 1:1 und 2,3:1, zum Beispiel 945 × 630
größer als 0 — Autoplay 1500 × 500 Pixel (3:1)

Im Slider wird nicht beschnitten. Passt das Seitenverhältnis nicht, wird das Bild kleiner eingepasst und bekommt Leerstreifen — beim Autoplay-Slider seitlich, wenn das Bild zu hoch ist, und oben und unten, wenn es zu breit ist. Ein größerer Bildrahmen hilft dagegen nicht, nur das passende Verhältnis.

Achtung: Ändern Sie das Anzeige Intervall später, ändert sich damit auch das benötigte Bildformat der Container an dieser Position. Die vollständige Maßtabelle steht in der Leistungsbeschreibung auf der Seite Marketing-Container.

Achtung: Beim Linktyp Auftragsvorlage muss die gewählte Auftragsvorlage für eCom freigeschaltet sein. Siehe Auftragsvorlage für eCom freischalten.

Wenn ein Container im Shop nicht erscheint

Prüfen Sie in dieser Reihenfolge:

Prüfen Hintergrund
Steht der Status auf Freigegeben? Nur dieser Status erscheint im Shop. In Bearbeitung, Abgeschlossen und Gelöscht bleiben unsichtbar.
Liegt heute im Zeitraum Von / Bis? Leere Felder bedeuten keine Begrenzung.
Stimmt die Kultur mit der Sprache des Kunden überein? Im mehrsprachigen Shop ist der Container je Sprache zu pflegen.
Wurden die Daten mit Haken Bilder bereitgestellt? Ohne diesen Haken fehlt das Bild.

Ein Container, der längst nicht mehr laufen soll, muss also nicht gelöscht werden — Abgeschlossen nimmt ihn aus dem Shop, erhält ihn aber in der Liste.

Darstellungsart des Bereichs festlegen

  1. eCom \ Container öffnen, Unterpunkt Positionen.
  2. Bei Art der Anzeige für die gewünschte Position — Startseite oben oder Startseite unten — Slider oder Float wählen.
  3. Bei Slider: im Feld Anzeige Intervall festlegen, ob automatisch gewechselt wird. Siehe unten.
  4. Speichern und Daten bereitstellen.

Anzeige Intervall

Das Feld erscheint nur bei Slider.

Der Wert wird in Millisekunden eingetragen: 3000 sind drei Sekunden.

Wert Wirkung
0 Der Slider wechselt nicht von allein. Mehrere Karten stehen nebeneinander, der Kunde blättert über die Pfeile links und rechts.
größer als 0 Der Slider wechselt nach dieser Zeit automatisch weiter. Sichtbar ist dann immer nur eine Karte, darunter eine Punktleiste.

Achtung: Die Zeit gilt je Bild, nicht für den ganzen Durchlauf. Bei drei Containern und 3000 steht jedes Bild drei Sekunden, ein Umlauf dauert neun.

Bedenken Sie beim Festlegen: Ein kurzes Intervall wirkt unruhig, und ein Container mit Text braucht länger zum Lesen als ein reines Bild.

Der Wechsel setzt aus, solange der Kunde mit der Maus über dem Slider steht oder ihn per Tastatur fokussiert hat. Klickt er einen Punkt der Punktleiste an, stoppt der Slider dauerhaft auf diesem Bild und läuft nicht wieder von allein an. Rechnen Sie also nicht damit, dass jeder Kunde alle Container zu sehen bekommt — wichtige Inhalte gehören auf den ersten Container oder in den Float-Bereich.

Beide Positionen sind frei belegbar: oben ein Slider und unten ein Float-Bereich ist die übliche Kombination, aber auch die umgekehrte oder zweimal dieselbe Darstellungsart ist möglich.

Reihenfolge mehrerer Container

Liegen mehrere Container im gleichen Bereich, bestimmt die Priorität die Reihenfolge. Bei einem Slider blendet der Shop dann Pfeile und eine Punktnavigation ein; bei einem Float-Bereich werden die Container von links nach rechts gestapelt.