Pages-System

widget_with_5_pages

Übersicht

Das Pages-System ist das Content Management System (CMS) von Shopgate. Hierüber verwalten Sie ganz einfach und intuitiv die Startseite und Content-Seiten Ihrer App. Für Änderungen ist kein App Update nötig. Alle Änderungen können sofort veröffentlicht werden. Sie finden das System im Händlerbereich unter Design > Pages.

Die verschiedenen Seiten können mit verschiedenen Content-Blöcken ("Widgets") gefüllt werden. Diese werden einfach konfiguriert und per Drag & Drop platziert.

Funktionen des Editors

Wenn Sie das Pages-System öffnen, können Sie oben links zwischen den verschiedenen Seiten wählen. Im Standard gibt es hier nur die Startseite der App. Über + Neue Seite erstellen können Sie weitere CMS-Seiten (z.B. als Landingpages für Kampagnen) erstellen.

Bildschirmfoto_2021-10-22_um_14.49.03-1

Sofern Sie sowohl Smartphone als auch Tablet Apps haben, werden diese separat gepflegt. Sie können die Konfiguration entsprechend umschalten.

Bildschirmfoto_2021-10-22_um_14.48.56

Auf CMS-Seiten haben Sie weitere Funktionen:

1. Seite löschen: Die Seite wird vollständig gelöscht

Bildschirmfoto_2021-10-22_um_14.52.16

2. Seite zu Tablet kopieren: Das aktuelle Smartphone-Layout überschreibt das komplette Tablet-Layout. So kann man sehr einfach die aktuelle Struktur auf das Tablet bringen. Bitte beachten Sie, dass die Bilder hochskaliert werden. Gegebenenfalls müssen diese somit ausgetauscht werden.

Bildschirmfoto_2021-10-22_um_14.52.26

3. Seite klonen: Hierbei wird eine CMS-Seite geklont, um die Struktur für eine weitere Seite zu nutzen.

Bildschirmfoto_2021-10-22_um_14.52.37

Was ist ein Widget?

Ein Widget ist ein spezieller Baustein, mit dem die Seiten sehr einfach gebaut werden können.

Widgets werden in unterschiedlichen Größen und Layouts angeboten und können für einen individuellen Look eingesetzt werden. Ein Widget kann z.B. Kategorien darstellen, Produktlisten anzeigen, Suchergebnisse wiedergeben und vieles mehr.

Bild Widget

1.

 

widget_image_DE

 

widget_image

 

Schritt 1: Wählen Sie eine Größe für das Bild.

WICHTIG: Bitte wählen Sie die richtige Größe, bevor Sie das Bild hochladen. Das System erlaubt keine Größenänderungen im Nachgang.
  • Verfügbare Größen: 300 x 200 Pixel bis 1.200x1.600 Pixel
  • Tablet: Doppelte Breite

Schritt 2: Klicken Sie auf Bild hochladen, um ein Bild hinzuzufügen.

  • Positionieren Sie Ihr Bild im Vorschaufenster.
  • Zoom mit  und ; Zurücksetzen mit 
  • Wenn Sie mit dem Bild zufrieden sind, klicken Sie  rechts oben.

Schritt 3: Fügen Sie einen Link zu Ihrem Bild hinzu.

  • Klicken Sie auf das Link-Feld, um den Link-Assistenten zu öffnen. Wählen Sie ein Ziel für diese Seite.

Schritt 4: Fügen Sie Ihrem Bild einen Titel ("Alt text") hinzu.

  • Dieser Titel ist sichtbar, wenn das Bild nicht verfügbar ist oder die Verbindung zu langsam ist. Des weiteren wird er für die Navigation per Voice-Over genutzt.

Schritt 5: Speichern Sie das Bild

  • Klicken Sie auf die Schaltfläche Hinzufügen am unteren Rand des Fensters.
  • Wenn Sie wieder auf der Pages-Seite sind, klicken Sie auf Veröffentlichen.

Bild-Slider Widget

2.

 

widget_image_slider_DE

 

widget_image_slider

 

Ein Bild-Slider wird verwendet, um mehrere Bilder anzuzeigen. Sie können die Bilder ansehen, indem Sie auf die Pfeile nach links/rechts tippen oder einfach nach links oder rechts wischen.

Schritt 1: Wählen Sie eine Größe für den Bild-Slider.

WICHTIG: Bitte wählen Sie die richtige Größe, bevor Sie das Bild hochladen. Das System erlaubt keine Größenänderungen im Nachgang.
  • Verfügbare Größen: 1.200 x 300 Pixel bis 1.200 x 800 Pixel
  • Smartphone-Breite: 1200 Pixel
  • Tablet-Breite: 2400 Pixel

Schritt 2: Klicken Sie auf Bild hochladen, um ein Bild hinzuzufügen.

  • Positionieren Sie Ihr Bild im Vorschaufenster.
  • Zoom mit  und ; Zurücksetzen mit  
  • Wenn Sie mit dem Bild zufrieden sind, klicken Sie  rechts oben.

Schritt 3: Fügen Sie einen Link zu Ihrem Bild hinzu.

  • Klicken Sie auf das Link-Feld, um den Link-Assistenten zu öffnen. Wählen Sie ein Ziel für diese Seite.

Schritt 4: Fügen Sie Ihrem Bild einen Titel ("Alt-Text") hinzu.

  • Dieser Titel ist sichtbar, wenn das Bild nicht verfügbar ist oder die Verbindung zu langsam ist. Des weiteren wird er für die Navigation per Voice-Over genutzt.

Schritt 5: Fügen Sie dem Slider ein weiteres Bild hinzu.

  • Klicken Sie auf Widgets2, um ein Bild hinzuzufügen.
  • Wiederholen Sie die obigen Schritte, um dieses Bild zu konfigurieren.

Schritt 6: Slider-Verhalten konfigurieren

  • Automatische Wiedergabe-Slide-Show: Schieben Sie Ihre Bilder automatisch.
  • Aufzählungsnavigation anzeigen: Seitenangaben am unteren Rand der Bilder anzeigen. Es werden maximal 10 Punkte angezeigt.
  • Spielen in einer Endlosschleife: Bilder werden immer in einer Schleife angezeigt
  • Auto Play Intervall (ms): Definieren Sie das Zeitintervall zwischen Ihren Bildern, indem Sie eine Zahl in Millisekunden eingeben.

Schritt 7: Speichern Sie den Slider

  • Nachdem Sie jedes Bild hochgeladen und konfiguriert haben, klicken Sie unten auf Hinzufügen.
  • Wenn Sie wieder auf der Pages-Seite sind, klicken Sie auf Veröffentlichen.

 

HTML/Text Widget

3.

 

widget_text_editor_DE

 

widget_text_editor

 

Ein Texteditor kann verwendet werden, um einen benutzerdefinierten Inhalt zu erstellen.

Schritt 1: Inhalt erstellen

  • Geben Sie Ihre Texte, Bilder, Tabellen und Links im Textmodus ein.

Schritt 2: Verwenden Sie HTML-Modus

  • Wechseln Sie in den HTML-Modus für mehr Gestaltungselemente.

Schritt 3: Speichern Sie den Code

  • Wenn Sie mit der Seite zufrieden sind, klicken Sie unten auf Hinzufügen.
  • Wenn Sie wieder auf der Pages-Seite sind, klicken Sie auf Veröffentlichen.

 

Kategorie-Liste Widget

4.

 

widget_category_list_DE

 

widget_category_list

 

Schritt 1: Wählen Sie eine Kategorie

  • Ihre ersten Kategorien werden standardmäßig angezeigt.
  • Um eine Unterkategorie anzuzeigen, wählen Sie diese aus der Liste aus.

Um weitere Kategorien hinzuzufügen, fügen Sie ein weiteres "Kategorieliste"-Widget hinzu.

Schritt 2: Konfigurieren Sie das Listenverhalten

  • Geben Sie eine Überschrift für diese Kategorieliste ein. Sie sehen die Echtzeitvorschau auf der rechten Seite.
  • Bilder anzeigen: Thumbnail-Vorschaubilder auf der linken Seite einer Kategorie anzeigen.
  • Sortierung: Sortieren Sie Ihre Kategorien nach RelevanzName aufsteigend oder Name absteigend.
  • Link zu: "Alle Produkte anzeigen": Zeigen Sie einen Text oben auf der Kategorieliste. Wenn dieser Text angeklickt wird, öffnet sich eine Seite mit allen aufgeführten Produkten. (Nicht verfügbar für Connect Apps)

Schritt 3: Vorschau der Liste

  • Nachdem Sie die Konfigurationen fertiggestellt haben, sehen Sie sich die Kategorieliste rechts an.

Schritt 4: Speichern Sie den Slider

  • Wenn Sie mit der Kategorieliste zufrieden sind, klicken Sie unten auf Hinzufügen.
  • Wenn Sie wieder auf der Pages-Seite sind, klicken Sie auf Veröffentlichen.

Produkt-Liste Widget

5.

 

zu_a_ndern

 

widget_product_list_grid

widget_product_list_list

 

Schritt 1: Produkte auswählen

  • Produkt-Highlights 
  • Suchergebnisse
  • Marken
  • Produktnummern
  • Kategorien

Schritt 2: Konfigurieren Sie das Listenverhalten

  • Geben Sie eine Überschrift für diese Produktliste ein. Sie sehen die Echtzeitvorschau auf der rechten Seite.
  • Sortierung: Anzeige der Produkte in der Reihenfolge RelevanzPreis aufsteigend oder Preis absteigend.
  • Limit der Produkte: Wählen Sie zwischen 1–24 Produkten.
  • Namen anzeigen: Einschalten, um den Produktnamen in der Liste anzuzeigen.
  • Zeigen Sie die Preise (Sale und Ursprungspreise): Einschalten, um den vergünstigten Preis zusammen mit den ursprünglichen Preis (durchgestrichen) in der Liste zu zeigen.
  • Bewertungen anzeigen: Einschalten, um Produktbewertungen (in Form von 5 Sternen) in der Liste zu zeigen.

Schritt 3: Vorschau der Liste

  • Nachdem Sie die Konfigurationen fertiggestellt haben, sehen Sie sich die Kategorieliste rechts an.

Schritt 4: Speichern Sie den Slider

  • Wenn Sie mit der Kategorieliste zufrieden sind, klicken Sie unten auf Hinzufügen.
  • Wenn Sie wieder auf der Pages-Seite sind, klicken Sie auf Veröffentlichen.

Produkt-Slider Widget

6.

 

zu_a_ndern-1

 

widget_product_slider

 

Schritt 1: Produkte auswählen

  • Produkt-Highlights (Standard)
  • Suchergebnisse
  • Marken
  • Produktnummern
  • Kategorien

Schritt 2: Konfigurieren Sie das Listenverhalten

  • Geben Sie eine "Überschrift" für diese Produktliste ein. Sie sehen die Echtzeitvorschau auf der rechten Seite.
  • Sortierung: Anzeige der Produkte in der Reihenfolge "Relevanz", "Preis aufsteigend" oder "Preis absteigend"
  • Limit der Produkte: Wählen Sie zwischen 1–24 Produkten.
  • Namen anzeigen: Einschalten, um Produktnamen in der Liste anzuzeigen.
  • Zeigen Sie die Preise (Sale und Ursprungspreise): Einschalten, um den verbilligten Preis zusammen mit den ursprünglichen Preisen (durchgestrichen) in der Liste zu zeigen.
  • Bewertungen anzeigen: Einschalten, um Produktbewertungen (in Form von 5 Sternen) in der Liste zu zeigen.
  • Automatisches Wiedergabe-Intervall (ms): Wenn Karussell ausgewählt ist, stellen Sie ein Zeitintervall zwischen Ihren Slides in Millisekunden ein. Standardmäßig werden die Slides in einem Intervall von 7000 ms (7 Sekunden) wiedergegeben.

Schritt 3: Vorschau der Liste

  • Nachdem Sie die Konfigurationen fertiggestellt haben, sehen Sie sich die Kategorieliste rechts an.

Schritt 4: Speichern Sie den Slider

  • Wenn Sie mit der Kategorieliste zufrieden sind, klicken Sie unten auf Hinzufügen.
  • Wenn Sie wieder auf der Pages-Seite sind, klicken Sie auf Veröffentlichen.

Live-Shopping Widget

7.

 

Widget3

 

widget_deal_of_the_day

 

Schritt 1: Widget hinzufügen

  • Klicken Sie auf Hinzufügen, um dieses Widget hinzuzufügen (Screenshot oben).

Schritt 2: Gehen Sie auf die Live-Shopping-Seite

    • Klicken Sie hier, um die Seite in einem neuen Tab zu öffnen.
    • Alternativ öffnen Sie Ihren Shopgate-Adminbereich in einem neuen Tab und navigieren Sie zu Marketing  Live-Shopping.

Schritt 3: Konfigurieren Sie eine Live-Shopping-Promotion

Hinweis: Die Uhrzeit ist im 24-Stunden-Format.
  1. Konfigurieren Sie ein neues Angebot oder gehen Sie durch Ihre aktuellen Angebote, indem Sie den Anweisungen hier folgen.
  2. Stellen Sie sicher, dass alle Aktionen hinzugefügt und aktuell sind. Sie werden nun auf der ausgewählten Seite Ihrer mobilen Website und/oder Apps automatisch angezeigt.

Kategoriefilter Widget

8.

 

Kategoriefilter_Shopgate_Admin

 

nested_category

 

Schritt 1: Wählen Sie eine Kategorie mit Unterkategorien aus.

Schritt 2: Konfigurieren Sie den Filter

  • Geben Sie eine Überschrift für Ihren Filter ein.
  • Wählen Sie 1, 2, 3 oder 4 als die maximalen Ebenen der Unterkategorie.
  • Wenn eine Kategorie weniger Unterkategorie-Ebenen hat, werden nur die verfügbaren Ebenen angezeigt.
  • Geben Sie eine Bezeichnung für jede der Unterkategorien ein. Diese Beschriftungen werden im Filter angezeigt.

Schritt 3: Speichern Sie den Filter

  • Wenn Sie mit Ihrem Kategoriefilter zufrieden sind, klicken Sie auf Speichern.
  • Wenn Sie wieder auf der Pages-Seite sind, klicken Sie auf Veröffentlichen.

Frequently Asked Questions

Wohin kann ich Bilder verlinken?

Grafiken, die über das Shopgate-Seitenlayout-Widget hochgeladen wurden, können mit einer hier aufgeführten Seite oder Aktion verknüpft werden:

In der App oder mobilen Website
Produkte-Seite Kategorie-Seite Startseite Warenkorb
Merkliste Bestellungen Mein Konto CMS-Seiten
Versandarten Zahlungsarten  Seite mit Gutschein  Gutschein in den Warenkorb legen
Suchbegriff AGB Widerrufsrecht Impressum
Extern
Anruf E-Mail Externer Link