# 2. Marketing pflegen

# 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](https://wiki.dedesales.de/books/backend-ecom/page/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

<table id="bkmrk-typ-im-float-bereich"><thead><tr><th>Typ</th><th>im Float-Bereich</th><th>im Slider</th></tr></thead><tbody><tr><td>Bild</td><td>nur das Bild</td><td>nur das Bild</td></tr><tr><td>Bild mit Text</td><td>Text rechts neben dem Bild</td><td>Text unten im Bild</td></tr><tr><td>Text mit Bild</td><td>Text links neben dem Bild</td><td>Text oben im Bild</td></tr></tbody></table>

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:

<table id="bkmrk-anzeige-intervall-em"><thead><tr><th>Anzeige Intervall</th><th>Empfohlene Bildgröße</th></tr></thead><tbody><tr><td><code>0</code> — kein Autoplay</td><td>mindestens 630 Pixel hoch, Seitenverhältnis zwischen etwa 1:1 und 2,3:1, zum Beispiel 945 × 630</td></tr><tr><td>größer als <code>0</code> — Autoplay</td><td>1500 × 500 Pixel (3:1)</td></tr></tbody></table>

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](https://wiki.dedesales.de/books/backend-ecom/page/auftragsvorlage-fur-ecom-freischalten).

## Wenn ein Container im Shop nicht erscheint

Prüfen Sie in dieser Reihenfolge:

<table id="bkmrk-pr%C3%BCfen-hintergrund-s"><thead><tr><th>Prüfen</th><th>Hintergrund</th></tr></thead><tbody><tr><td>Steht der **Status** auf *Freigegeben*?</td><td>Nur dieser Status erscheint im Shop. *In Bearbeitung*, *Abgeschlossen* und *Gelöscht* bleiben unsichtbar.</td></tr><tr><td>Liegt heute im Zeitraum **Von / Bis**?</td><td>Leere Felder bedeuten keine Begrenzung.</td></tr><tr><td>Stimmt die **Kultur** mit der Sprache des Kunden überein?</td><td>Im mehrsprachigen Shop ist der Container je Sprache zu pflegen.</td></tr><tr><td>Wurden die Daten **mit Haken Bilder** bereitgestellt?</td><td>Ohne diesen Haken fehlt das Bild.</td></tr></tbody></table>

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.

<table id="bkmrk-wert-wirkung-0-der-s"><thead><tr><th>Wert</th><th>Wirkung</th></tr></thead><tbody><tr><td><code>0</code></td><td>Der Slider wechselt **nicht** von allein. Mehrere Karten stehen nebeneinander, der Kunde blättert über die **Pfeile** links und rechts.</td></tr><tr><td>größer als <code>0</code></td><td>Der Slider wechselt nach dieser Zeit automatisch weiter. Sichtbar ist dann **immer nur eine** Karte, darunter eine **Punktleiste**.</td></tr></tbody></table>

> **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.

# Texte pflegen

## Übersicht

Unter *eCom \\ Texte* pflegen Sie die Texte, die der Kunde **im Shop** zu sehen bekommt — Rechtstexte, die Cookie-Meldung und die Bestätigungen nach einer Registrierung.

> **Abgrenzung:** Die Texte der **E-Mails** liegen nicht hier, sondern unter *Grundkonfiguration \\ Einstellungen \\ E-Mail Inhalte*. Siehe [E-Mail-Abos einrichten und Templates pflegen](https://wiki.dedesales.de/books/backend-ecom/page/e-mail-abos-einrichten-und-templates-pflegen).

Zu jedem Baustein können Sie entweder einen **Text** hinterlegen oder eine **URL**. Ist eine URL eingetragen, wird der Text nicht angezeigt, sondern der Link geöffnet.

## Die verfügbaren Textbausteine

Die Auswahl erfolgt über das Feld **Typ**:

<table id="bkmrk-textbaustein-wo-er-i"><thead><tr><th>Textbaustein</th><th>Wo er im Shop erscheint</th></tr></thead><tbody><tr><td>Impressum</td><td>Fußzeile, immer sichtbar</td></tr><tr><td>Datenschutz</td><td>Fußzeile, immer sichtbar</td></tr><tr><td>AGB</td><td>Fußzeile, nur wenn ein Inhalt hinterlegt ist</td></tr><tr><td>Cookies</td><td>Cookie-Bestätigung auf der Anmeldemaske</td></tr><tr><td>Support Hotline</td><td>Fußzeile, nur wenn ein Text hinterlegt ist</td></tr><tr><td>Newsletter</td><td>Fußzeile, nur wenn ein Text hinterlegt ist</td></tr><tr><td>Noch kein Zugang Hinweis</td><td>unter dem Link *Noch kein Zugang?*</td></tr><tr><td>Noch kein Zugang Bestätigung</td><td>Meldung nach dem Absenden der Zugangsanforderung</td></tr><tr><td>Passwort vergessen Bestätigung</td><td>Meldung nach dem Anfordern eines neuen Passworts</td></tr><tr><td>Neukundenreservierung Bestätigung</td><td>Meldung nach dem Absenden des Formulars *Noch kein Kunde?*</td></tr></tbody></table>

## Vorgehen

1. *eCom \\ Texte* öffnen.
2. Im Feld **Typ** den gewünschten Baustein wählen.
3. Entweder einen Text eingeben **oder** eine URL eintragen.
4. Speichern und Daten bereitstellen.

## Die Bestätigungstexte sind Ihre Texte

Vier Bausteine bestimmen, was der Kunde nach einer Aktion zu lesen bekommt: *Noch kein Zugang Bestätigung*, *Passwort vergessen Bestätigung*, *Neukundenreservierung Bestätigung* und der Hinweis unter *Noch kein Zugang*.

Die Wortlaute, die in der Leistungsbeschreibung zitiert sind, sind der **Auslieferungszustand**. Sie können sie vollständig durch eigene Formulierungen ersetzen — etwa um eine Telefonnummer für Rückfragen zu ergänzen.

## Wann eine URL sinnvoller ist

> **Wichtig:** *Datenschutz* und *Impressum* erscheinen im Shop **immer**, auch ohne gepflegten Inhalt — der Kunde landet dann auf einer Seite mit dem Platzhaltertext *„Für diesen Bereich ist aktuell kein Inhalt hinterlegt."* Beide sind Pflichtangaben und sollten vor dem Livegang gefüllt sein. Die **AGB** verhalten sich anders: Ohne Inhalt erscheint der Eintrag gar nicht.

Bei **Impressum**, **Datenschutz** und **AGB** lohnt die URL: Verlinken Sie die Texte Ihrer Standard-Homepage, müssen Sie sie nur an einer Stelle pflegen.

Bei **Support Hotline** und **Newsletter** ist ein Text sinnvoller. Beide Menüpunkte erscheinen im Shop nur, wenn ein Text hinterlegt ist — ohne Text fehlt der Menüpunkt.

## Textbaustein „Noch kein Zugang Hinweis"

Diesen Baustein brauchen Sie, wenn Sie die Einstellung *Noch kein Kunde* **nicht** gesetzt haben. Dann erscheint auf der Anmeldemaske nur *Noch kein Zugang?*, und dieser Baustein füllt den zugehörigen Hinweis — erweiterbar um URLs.

Ohne den Baustein bleibt der Hinweis leer.

# Bilder hochladen

## Übersicht

Unter *eCom \\ Bilder* laden Sie die beiden festen Grafiken des Shops hoch:

- die **Grafik auf der Login-Seite**
- Ihr **Logo für die Menüleiste**, das nach der Anmeldung des Kunden erscheint

Die erforderlichen Maße stehen in der Leistungsbeschreibung auf der Seite *Marketing-Container*.

## Vorgehen

1. *eCom \\ Bilder* öffnen.
2. Bild auswählen und **Upload** ausführen.
3. **Speichern.** Dieser Schritt ist zwingend — siehe unten.
4. Daten bereitstellen, **mit Haken Bilder**.

## Warum drei Schritte nötig sind

Das ist die häufigste Stolperstelle:

<table id="bkmrk-schritt-was-passiert"><thead><tr><th>Schritt</th><th>Was passiert</th></tr></thead><tbody><tr><td>Upload</td><td>Das Bild liegt im **Temp-Ordner**. Im Shop ist es nicht sichtbar.</td></tr><tr><td>Speichern</td><td>Das Bild wird in den richtigen Ordner verschoben.</td></tr><tr><td>Bereitstellen mit Haken **Bilder**</td><td>Das Bild wird in den Shop übertragen.</td></tr></tbody></table>

Wird einer der beiden letzten Schritte übersprungen, erscheint das Bild nicht — obwohl der Upload erfolgreich war und im Backend richtig aussieht.

## Bilder, die mit KI erstellt wurden

Ist ein Bild als KI-generiert gekennzeichnet, blendet der Shop darüber den Hinweis **AI GENERATED** ein. Der Haken **Bild ist KI generiert** steht auch hier unter *eCom \\ Bilder* zur Verfügung, nicht nur am Container. Siehe [Bilder als KI-generiert kennzeichnen](https://wiki.dedesales.de/books/backend-ecom/page/bilder-als-ki-generiert-kennzeichnen).

# Bilder als KI-generiert kennzeichnen

## Übersicht

Ab **Version 19** lässt sich ein Bild als *mit KI erstellt* kennzeichnen. Der Shop blendet dann automatisch den Hinweis **AI GENERATED** über dem Bild ein.

Gekennzeichnet wird mit dem Haken **Bild ist KI generiert** unterhalb des Bildes. Den Haken gibt es an zwei Stellen: unter *eCom \\ Container* am einzelnen Container und unter *eCom \\ Bilder* bei den festen Grafiken des Shops.

Wie der Hinweis aussieht und an welchen Stellen er erscheint, steht in der Leistungsbeschreibung auf der Seite *Marketing-Container*.

## Vorgehen beim Container

1. *eCom \\ Container* öffnen und den Container bearbeiten.
2. Bild über **Datei Hinzufügen** hochladen, falls noch nicht geschehen.
3. Unter dem Bild den Haken **Bild ist KI generiert** setzen.
4. Speichern.
5. Daten bereitstellen, **mit Haken Bilder**.

Der Haken sitzt direkt unter der Bildvorschau, zwischen **Bildupload** und **Inhalt**.

## Vorgehen bei den festen Grafiken

Denselben Haken finden Sie unter *eCom \\ Bilder* bei der Login-Grafik und beim Logo. Vorgehen wie beim Hochladen — siehe [Bilder hochladen](https://wiki.dedesales.de/books/backend-ecom/page/bilder-hochladen) —, zusätzlich den Haken setzen.

Die Kennzeichnung gilt immer **je Bild**, nicht einmal für den ganzen Shop.

## Wenn kein Hinweis erscheint

<table id="bkmrk-pr%C3%BCfen-sie-hintergru"><thead><tr><th>Prüfen Sie</th><th>Hintergrund</th></tr></thead><tbody><tr><td>Ist der Haken gesetzt **und gespeichert**?</td><td>Ohne Speichern bleibt die Änderung in der Maske stehen.</td></tr><tr><td>Wurden die Daten anschließend **mit Haken Bilder** bereitgestellt?</td><td>Wie bei jedem Bild im Shop.</td></tr><tr><td>Läuft die Installation auf **Version 19 oder neuer**?</td><td>Ältere Stände kennen das Kennzeichen nicht. Der Shop zeigt die Bilder dann normal an, nur eben ohne Hinweis.</td></tr></tbody></table>

## Was das für die Bildauswahl bedeutet

Der Hinweis liegt **über** dem Bild, in der oberen rechten Ecke. Wählen Sie für gekennzeichnete Bilder daher ein Motiv, das dort nichts Wichtiges trägt.

Siehe [Marketing-Container](https://wiki.dedesales.de/books/leistungsbeschreibung-ecom/page/marketing-container) in der Leistungsbeschreibung.