Promo-Banner einrichten

Mit einem Promo-Banner zeigst du ein großes Bild auf deiner Website, das du mit einem Link verbindest – beispielsweise zu einer Produktseite oder einem Aktionsangebot. Du kannst unterschiedliche Bilder für Bildschirm und Mobilgeräte hochladen, damit dein Banner auf jedem Gerät gut aussieht.

Voraussetzungen

Du bearbeitest einen Block auf einer Website-Seite. Siehe Block auf einer Seite einrichten.

So gehst du vor

Bezeichnung (für Verlinkung) – Trage einen aussagekräftigen Namen ein, unter dem du diesen Banner später wiedererkennst. Diese Bezeichnung ist intern und wird auf der Website nicht sichtbar.
Desktop-Bild – Klicke auf Datei auswählen unter Desktop und lade das Bild hoch, das Besucher auf Computern und Tablets sehen. Das Bild sollte breitformatig sein, damit es den oberen Bereich deiner Seite ausfüllt.
Mobil-Bild – Klicke auf Datei auswählen unter Mobile und lade ein Bild für Smartphones hoch. Dieses Bild kann hochformatiger oder enger zugeschnitten sein, um auf kleineren Bildschirmen gut auszusehen.
Link – Gib an, wohin Besucher gelangen, wenn sie auf den Banner klicken. Du kannst eine externe Website eingeben (z. B. eine URL) oder eine andere Seite deiner Website auswählen. Das Feld Alternativtext (Barrierefreiheit) ist optional und hilft Besuchern mit Bildschirmlesegeräten zu verstehen, was das Bild zeigt.
Speichere deine Änderungen mit der grünen Schaltfläche Speichern oben rechts.

Aufbau des Banners

Der Block besteht aus drei Bereichen:

ImageBlock (oben): Hier gibst du die grundlegenden Einstellungen ein – den Namen des Banners und die Bilder.
Desktop: Das Bild für große Bildschirme.
Mobile: Das Bild für Smartphones und kleine Tablets.
Link: Die Zielseite oder externe Adresse, zu der der Banner führt.
Alternativtext (Barrierefreiheit): Eine kurze Beschreibung des Bildes für Menschen, die Bilder nicht sehen können.

Was danach passiert

Sobald du speicherst, wird der Banner auf deiner Website angezeigt. Besucher sehen das Desktop-Bild auf Computern und das Mobil-Bild auf Smartphones. Ein Klick auf den Banner führt zur eingerichteten Linkadresse.

Du kannst den Banner jederzeit bearbeiten, um ein anderes Bild zu verwenden oder das Ziel des Links zu ändern.

Tipps und Hinweise

Stelle sicher, dass beide Bilder (Desktop und Mobil) hochgeladen sind. Fehlt eines, wird der Banner möglicherweise nicht korrekt angezeigt.
Der Alternativtext sollte kurz und aussagekräftig sein – beispielsweise „Frühjahrskollektion jetzt verfügbar" statt nur „Bild".
Teste deinen Banner vor der Veröffentlichung auf verschiedenen Geräten, um sicherzustellen, dass die Bilder gut aussehen und der Link funktioniert.