View a markdown version of this page

Design und Layout - AWS Marketplace
LayouttypenLayout der KampagneE-Commerce LayoutAnpassung von Farbe und ThemaLogo und Home-TasteDatenschutzrichtlinieVideo und Nutzenversprechen

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Design und Layout

Wählen Sie einen Layouttyp und passen Sie das Design, das Branding und die Inhaltsbereiche Ihres Shops an.

Layouttypen

Wenn Sie ein Schaufenster erstellen, wählen Sie einen Layouttyp aus, der die Struktur, das Erscheinungsbild und das Bereitstellungsmodell bestimmt. Jeder Layouttyp ist für einen bestimmten Anwendungsfall konzipiert.

Verfügbare Layouttypen

Unter Layoutstil sind die folgenden Optionen verfügbar:

Eigenständig

Eine ganzseitige Storefront, die auf einer dedizierten Domain oder Subdomain bereitgestellt wird. Verwenden Sie dieses Layout, wenn Sie eine unabhängige Storefront benötigen, die als eigenes Webziel fungiert.

Eingebettet

Eine Storefront, die so konzipiert ist, dass sie über einen Iframe in eine bestehende Webseite integriert werden kann. Dieses Layout behält Ihre aktuelle Website-Architektur bei und fügt einem bestimmten Bereich E-Commerce-Funktionen hinzu.

E-Commerce

Ein Produkt-Grid-Layout mit einem Surferlebnis im Einkaufsstil. Dieses Layout umfasst einen Bannerbereich und optimierte Produktkacheln für großvolumige Kataloge.

Kampagne

Ein Landingpage-Layout, das für die Generierung von Nachfrage und gezieltes Marketing optimiert ist. Dieses Layout umfasst Bereiche mit Hauptdarstellungen, besondere Produkthighlights, Abschnitte mit Ressourcen und Elemente mit einem Nutzenversprechen.

Den Layouttyp ändern

Sie können den Layouttyp jederzeit vor oder nach der Bereitstellung ändern. Wenn Sie den Layouttyp ändern, wird die Storefront neu strukturiert, sodass sie dem neuen Layout entspricht. Produktauswahl und Tag-Konfigurationen werden beibehalten.

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Wählen Sie unter Layoutstil eine andere Layoutoption aus.

  3. Wählen Sie Speichern.

Panel-Stile filtern

Unter Optionen stehen im Steuerelement „Filter“ die Optionen Kompakt und Akkordeon zur Verfügung. Bei der Einstellung „Produktgröße“ stehen die Optionen „Klein“, „Mittel“ und „Groß“ zur Verfügung.

Größen der Produktkacheln

Sie können die Größe der Produktkacheln auf der Storefront-Startseite steuern:

  • Klein — Kompakte Kacheln, mehr Produkte sind pro Reihe sichtbar.

  • Mittel — Ausgewogene Kachelgröße (Standard).

  • Groß — Markante Kacheln mit mehr sichtbaren Details.

Layout der Kampagne

Das Kampagnen-Layout erstellt eine Ladenfront im Landing-Page-Stil, die für die Generierung von Nachfrage, Produkteinführungen und Marketingkampagnen optimiert ist. Es umfasst konfigurierbare Bereiche für herausragende Inhalte, vorgestellte Produkte, Videos, Wertversprechen und Ressourcen.

Abschnitte zum Kampagnenlayout

Eine Campaign-Storefront besteht aus den folgenden Abschnitten, die jeweils unabhängig voneinander konfigurierbar sind:

Bereich „Hero“

Der obere Bannerbereich, der den Besuchern den ersten Eindruck vermittelt.

  • Überschrift — Hauptnachricht

  • Unterüberschrift — Unterstützender Text

  • Banner-URL — Laden Sie das Bannerbild hoch oder geben Sie eine URL dafür an

  • Favicon-URL — Laden Sie eine URL für das Favicon hoch oder geben Sie sie an

Die Logo-Konfiguration für die Kopfzeile des Kampagnen-Layouts. Einzelheiten zu Logo und Home-Taste den Feldern finden Sie unter.

Home-Taste

Die Home-Button-Konfiguration für die Kopfzeile des Kampagnen-Layouts. Einzelheiten zu Logo und Home-Taste den Feldern finden Sie unter.

Abschnitt „Produkt“

Der Produktbereich hat ein Abschnittsüberschriftenfeld. Der Standardwert ist Ausgewählte Produkte.

Video und Wertversprechen

Ein optionaler Abschnitt zur Vermittlung der wichtigsten Vorteile durch Video und strukturiertes Messaging.

  • URL zum Einbetten von Videos — Betten Sie ein Video ein (YouTube, Vimeo oder direkte URL)

  • Nutzenversprechen — Bis zu 4 Nutzenerklärungen mit Symbolen oder Kurzbeschreibungen

Weitere Informationen finden Sie unter Video und Nutzenversprechen.

Bereich „Ressourcen“

Ein Abschnitt, in dem externe Inhalte wie Whitepapers, Fallstudien oder Dokumentationen verlinkt werden. Jede Ressourcenkarte hat die folgenden Felder:

  • Titel

  • Beschreibung

  • Bezeichnung des Links

  • URL verlinken

Um ein Kampagnen-Layout zu konfigurieren

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Wählen Sie Campaign als Layoutstil.

  3. Konfigurieren Sie jeden Abschnitt mithilfe der angezeigten Formularfelder:

    • Füllen Sie die Felder im Abschnitt Hero aus

    • Konfigurieren Sie den Produktbereich

    • (Optional) Fügen Sie eine URL zum Einbetten eines Videos und Einträge mit einem Nutzenangebot hinzu

    • (Optional) Fügen Sie Ressourcen hinzu

  4. Wählen Sie Speichern.

  5. Zeigen Sie eine Vorschau der Storefront an, um das Layout vor der Bereitstellung zu überprüfen.

E-Commerce Layout

Das E-Commerce Layout bietet ein Surferlebnis im Produktraster mit einem Bannerbereich, der für Ladenfronten mit großen Katalogen optimiert ist, in denen Käufer mehrere Produkte vergleichen und bewerten.

E-Commerce Funktionen des Layouts

  • Banner-Bereich — Ein konfigurierbarer Header-Bereich mit Branding und Botschaft

  • Produktraster — Ein responsives Raster von Produktkacheln mit Filterung und Sortierung

  • Filter-Seitenleiste — Kategorie- und Tag-basierte Filterung für eine schnelle Navigation

  • Suche — Full-text suche nach Produkttiteln und -beschreibungen

Um ein E-Commerce Layout zu konfigurieren

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Wählen Sie E-Commerce als Layoutstil.

  3. Konfigurieren Sie den Banner-Bereich:

    • Hauptüberschrift — Der Hauptüberschriftentext für das Banner

    • Willkommensnachricht — Unterstützender Text, der unter der Überschrift angezeigt wird

    • Größe des Überschriften-Overlays (%) — Der Prozentsatz der Bannerbreite, den die Überschrift einnimmt

    • Ausrichtung der Überschrift — Positionieren Sie die Überschrift links, mittig oder rechts

  4. Konfigurieren Sie die Einstellungen für das Produktraster:

    • Wählen Sie die Standardgröße für Produktkacheln (Klein, Mittel oder Groß)

    • Konfigurieren Sie die Anzahl der Produkte pro Zeile

    • Aktivieren oder deaktivieren Sie die Preisanzeige auf Kacheln

  5. Wählen Sie Speichern.

Wann sollte das E-Commerce Layout verwendet werden

Verwenden Sie dieses Layout, wenn:

  • Ihr Katalog enthält viele Produkte

  • Käufer müssen nach Kategorien suchen, vergleichen und filtern

  • Sie möchten ein vertrautes Einkaufserlebnis mit möglichst wenigen benutzerdefinierten Inhaltsbereichen

Für Ladenfronten mit weniger Produkten oder bei denen Marketingbotschaften wichtiger sind, sollten Sie das Kampagnen-Layout oder das eigenständige Layout in Betracht ziehen.

  • Layouttypen

  • Produkte importieren

  • Kategorien und Abzeichen

Anpassung von Farbe und Thema

Sie können die Farbpalette Ihres Schaufensters an das Branding Ihrer Organisation anpassen. Greifen Sie auf der Registerkarte Design auf den Abschnitt Farben zu, um die Farben Ihres Schaufensters zu konfigurieren.

Konfigurierbare Farbelemente

Die folgenden Farbelemente sind konfigurierbar:

  • Primärfarbe

  • Farbe der Schaltfläche

  • Farbe der Überschrift

Um Farben anzupassen

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Scrollen Sie zum Bereich Farben.

  3. Wählen Sie für jedes Farbelement das Farbquadrat aus, um den Farbwähler zu öffnen. Der Farbwähler bietet einen HSV-Verlauf und einen Farbtonregler.

  4. Wählen Sie Speichern, um die Farbe anzuwenden.

Best Practices

  • Sorgen Sie für einen ausreichenden Kontrast zwischen Text- und Hintergrundfarben, um die Lesbarkeit zu gewährleisten.

  • Verwenden Sie die primäre Markenfarbe Ihres Unternehmens für die Einstellung Primärfarbe.

  • Testen Sie Farben sowohl auf Desktop- als auch auf mobilen Viewports.

Logo und Home-Taste

Sie können ein benutzerdefiniertes Logo und eine Home-Schaltfläche für Ihren Storefront-Header konfigurieren. Das Logo steht für die Marke Ihres Unternehmens, und über die Home-Schaltfläche gelangen Sie zurück zur Hauptseite des Storefront oder zu einer externen URL.

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Geben Sie im Bereich Logo die Logo-URL ein. Fügen Sie die URL ein oder wählen Sie Hochladen, um ein Bild hochzuladen.

  3. Wählen Sie Speichern.

Das Logo erscheint in der oberen linken Ecke der Storefront-Kopfzeile.

Anforderungen an das Logo

  • Format: PNG, SVG oder JPEG

  • Vorgeschlagene Größe: 50-200 x 50 px.

  • Muss auf einer öffentlich zugänglichen URL (HTTPS) gehostet werden

Um die Home-Taste zu konfigurieren

Die Home-Schaltfläche wird im Storefront-Header angezeigt und bietet ein Ziel, durch das Sie klicken können.

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Konfigurieren Sie im Bereich Home Button die folgenden Felder:

    • Logo-URL für die Weiterleitung — Die Ziel-URL, wenn Käufer das Logo auswählen

    • In vorhandenem Tab öffnen — Wenn diese Option aktiviert ist, wird der Link im aktuellen Browser-Tab statt in einem neuen Tab geöffnet

  3. Wählen Sie Speichern.

Datenschutzrichtlinie

Der Abschnitt „Datenschutzrichtlinie“ verfügt über einen Aktivierungsschalter und drei Felder: URL der Datenschutzrichtlinie; Haftungsausschluss in der Fußzeile; Haftungsausschluss für Formulare.

Um die Datenschutzrichtlinie zu konfigurieren

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Verwenden Sie im Abschnitt Datenschutzrichtlinie den Schalter, um die Funktion zu aktivieren, und füllen Sie dann die folgenden Felder aus:

    • URL der Datenschutzrichtlinie — Geben Sie einen Link zur Seite mit den Datenschutzrichtlinien Ihrer Organisation ein.

    • Haftungsausschluss in der Fußzeile — Geben Sie den Text des Haftungsausschlusses für die Fußzeile der Storefront ein.

    • Haftungsausschluss für Formulare — Geben Sie den auf Formularen angezeigten Text des Haftungsausschlusses ein.

  3. Wählen Sie Speichern.

Hinweise

  • Es wird empfohlen, für alle Storefronts, die Käuferinformationen sammeln oder Cookies verwenden, eine Datenschutzrichtlinie bereitzustellen.

  • Die URL der Datenschutzrichtlinie muss öffentlich zugänglich sein (HTTPS).

  • Der Link wird in einem neuen Browser-Tab geöffnet, wenn Käufer ihn auswählen.

Video und Nutzenversprechen

Sie können Ihrem Schaufenster Videoinhalte und strukturierte Wertversprechen hinzufügen. Diese Elemente helfen dabei, Käufern Vorteile zu vermitteln und sind in den Layouttypen Kampagne und Standalone verfügbar.

Abschnitt „Nutzenversprechen“

Verwenden Sie den Schalter auf der rechten Seite, um diesen Abschnitt zu aktivieren oder zu deaktivieren.

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Geben Sie im Bereich Value Proposition die URL zum Einbetten des Videos ein.

    Unterstützte Quellen:

    • YouTube (URL-Format einbetten)

    • Vimeo

    • Direkte URL der Videodatei (MP4)

  3. Wählen Sie Speichern.

Das Video wird als eingebetteter Player im dafür vorgesehenen Bereich der Storefront angezeigt.

Wertangebote hinzufügen

Wertversprechen sind kurze Nutzenerklärungen, die neben dem Video oder in einem speziellen Bereich angezeigt werden. Sie vermitteln, warum Käufer Ihre Storefront nutzen sollten.

  1. Öffnen Sie die Storefront und wählen Sie den Tab Design.

  2. Fügen Sie im Abschnitt Value Proposition bis zu 4 Einträge hinzu. Für jeden Eintrag:

    • Titel — Eine kurze Überschrift

    • Beschreibung — Ein bis zwei Sätze, die den Nutzen erläutern

  3. Wählen Sie Speichern.

Verhalten anzeigen

  • In Kampagnen-Layouts werden Nutzenversprechen in einem speziellen Bereich unter dem Helden und dem Video angezeigt.

  • Bei eigenständigen Layouts werden Nutzenversprechen unter dem Produktkatalogbereich angezeigt.

  • Bei eingebetteten E-Commerce Layouts und Layouts werden Nutzenversprechen nicht angezeigt.