Wie man Medien zu Blöcken hinzufügt

Sie können Bilder oder Videos als benutzerdefinierten Hintergrund in den meisten Blöcken festlegen und sie einzelnen Komponenten innerhalb der Blöcke hinzufügen.

So fügen Sie ein Bild einem Block hinzu

So legen Sie ein Bild als benutzerdefinierten Hintergrund fest oder fügen ein Bild einer Blockkomponente hinzu:

Öffnen Sie Ihr Projekt im Kundenportal, und navigieren Sie zum Menüpunkt Storefronts > Websites.
Klicken Sie bei der gewünschten Website auf Open Site Builder.

Aktivieren Sie in den Blockeinstellungen den entsprechenden Schalter (zum Beispiel Custom background, Game icon), und klicken Sie auf das Vorschaubild unter dem Schalter.

Klicken Sie auf Media.

Daraufhin öffnet sich ein Modalfenster. Laden Sie dort das Bild auf eine der folgenden Arten hoch:
1. Wechseln Sie zur Registerkarte All assets oder Images, legen Sie dort das Bild per Drag-and-drop ab, und klicken Sie darauf, sobald es hochgeladen ist.
2. Klicken Sie auf Add new asset, wählen Sie in der Drop-down-Liste die Option From device aus, und laden Sie das gewünschte Bild hoch.

maximale Bildgröße: 10 MB.
Unterstützte Formate: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
Die empfohlene Breite für ein benutzerdefiniertes Hintergrundbild in einem Block beträgt 1920 px. Die Bildproportionen sollten Sie erst festlegen, nachdem die notwendigen Inhalte im Block platziert wurden. Die empfohlenen Größen für andere Bildtypen finden Sie in den Blockbeschreibungen.

Konfigurieren Sie den Bildstil:

Die verfügbaren Einstellungen hängen davon ab, welcher Komponente Sie den Medieninhalt hinzufügen.

1. Entscheiden Sie sich, wie das Bild platziert werden soll:
  - Contain – das Bild füllt den gesamten Block aus, die Proportionen werden beibehalten. Wenn sich die Proportionen des Bildes und des Blocks unterscheiden, kann ein Teil des Bildes abgeschnitten werden.
  - Cover (Standard) – das Seitenverhältnis des Bilds wird beibehalten und das Bild an die Blockhöhe angepasst.
  - Fill (empfohlen für benutzerdefinierte Hintergründe) – das Bild füllt die Breite des Blocks aus und kann oben und unten beschnitten werden, wenn es die Blockhöhe überschreitet.

Ein benutzerdefinierter Hintergrund hat keine feste Breite oder Höhe, da die Abmessungen dynamisch an die Blockgröße angepasst werden. Die Blockgröße ändert sich je nach Inhalt (zum Beispiel je nach Textmenge oder vorhandener Schaltflächen) und der Bildschirmauflösung des Geräts.

- - Fit – das Bild wird auf die Größe des Blocks gestreckt, ohne die Proportionen beizubehalten.

1. Wählen Sie die Bildposition (optional):
  - Top left
  - Top center
  - Top right
  - Left
  - Center (Standard)
  - Right
  - Bottom left
  - Bottom center
  - Bottom right

Wenn das Video den Block bereits in einer Richtung ausfüllt, verbleiben als mögliche Positionen nur noch drei Optionen (Erstreckt sich das Video beispielsweise im Modus Fit über die gesamte Blockhöhe, verbleiben als Optionen nur noch: links, mittig oder rechts).

1. Passen Sie den Farbton und den Farbverlauf des Bildes an (optional).

Veröffentlichen Sie die Website.

So fügen Sie ein Video einem Block hinzu

So legen Sie ein Video als benutzerdefinierten Hintergrund fest oder fügen ein Video einer Blockkomponente hinzu:

Öffnen Sie Ihr Projekt im Kundenportal, und navigieren Sie zum Menüpunkt Storefronts > Websites.
Klicken Sie bei der gewünschten Website auf Open Site Builder.

Aktivieren Sie in den Blockeinstellungen den entsprechenden Schalter (zum Beispiel Custom background, Game icon), und klicken Sie auf das Vorschaubild unter dem Schalter.

Klicken Sie auf Media.

Daraufhin öffnet sich ein Modalfenster. Laden Sie dort das Video auf eine der folgenden Arten hoch:
1. Wechseln Sie zur Registerkarte All assets oder Video, legen Sie dort das Video per Drag-and-drop ab, und klicken Sie darauf, sobald es hochgeladen ist.
2. Klicken Sie auf Add new asset, und wählen Sie eine Upload-Methode aus der Drop-down-Liste aus:
  - From device – wählen Sie die Videodatei auf Ihrem Gerät aus.
  - From YouTube – geben Sie die URL des auf YouTube gehosteten Videos ein.

Maximale Größe für ein einzelnes Video, das von einem Gerät hochgeladen wird: 10 MB.
Unterstützte Formate: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
In den Blöcken Call-to-action, Promotional slider und Subscriptions ist es nicht möglich, Videos als benutzerdefinierten Hintergrund festzulegen.
Die empfohlene Breite für ein benutzerdefiniertes Hintergrundvideo in einem Block beträgt 1920 px. Die Videoproportionen sollten Sie erst festlegen, nachdem die notwendigen Inhalte im Block platziert wurden. Die empfohlenen Größen für andere Bildtypen finden Sie in den Blockbeschreibungen.

Konfigurieren Sie den Videostil:

Die verfügbaren Einstellungen hängen davon ab, welchem Element Sie den Medieninhalt hinzufügen.

1. Wählen Sie die Videoplatzierungsmethode (nur bei Videos, die von einem Gerät hochgeladen wurden):
  - Contain – das Video füllt den gesamten Block aus, die Proportionen werden beibehalten. Wenn sich die Proportionen des Videos und des Blocks unterscheiden, kann ein Teil des Videos abgeschnitten werden.
  - Cover (Standard) – das Seitenverhältnis des Videos wird beibehalten und das Video an die Blockhöhe angepasst.
  - Fill (empfohlen für benutzerdefinierte Hintergründe) – das Video füllt die Breite des Blocks aus und kann oben und unten beschnitten werden, wenn es die Blockhöhe überschreitet.

- - Fit – das Video wird auf die Größe des Blocks gestreckt, ohne die Proportionen beizubehalten.

1. Konfigurieren Sie die Videowiedergabe (optional, nicht verfügbar bei benutzerdefinierten Hintergründen). Die folgenden Einstellungen sind verfügbar:
  - Mute video.
  - Loop video.
  - Autoplay video.
  - Cover image – Bild, das angezeigt wird, bevor die Wiedergabe des Videos beginnt oder wenn das Video für die Nutzer nicht verfügbar ist. Diese Einstellung ist nur für Videos verfügbar, die von einem Gerät hochgeladen wurden.

Es ist nicht möglich, die automatische Wiedergabe mit eingeschaltetem Ton zu aktivieren. Wenn Sie den Schalter Autoplay video aktivieren, wird auch der Schalter Mute video aktiviert.

1. Passen Sie den Farbton und den Farbverlauf des Videos an (optional).

Veröffentlichen Sie die Website.

Vielen Dank für Ihr Feedback!

Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.

Letztmalig aktualisiert: 4. Juni 2026

Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.

Inhaltsverzeichnis

So fügen Sie ein Bild einem Block hinzu
So fügen Sie ein Video einem Block hinzu