Design

Gestalten Sie Ihren mobilen Auftritt mithilfe von Widgets.

Pages-System

Verfügbar für folgende Plattformen:
Shopgate Connect Shopgate Go

 

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

Wir unterstützen Sie gerne bei der Umsetzung Ihres Shop-Designs. Folgende Design-Pakete bieten wir Ihnen an: Design-Pakete

 

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

 

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

 

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

 

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

 

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

 

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.

 

 

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.

 

 

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.png, 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.

 

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.

 

 

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 Relevanz, Name 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.png

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 Relevanz, Preis 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.png

 

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

 

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.

 

 

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  

 

War dieser Beitrag hilfreich?
Sie finden nicht, was Sie suchen?
Wir helfen Ihnen gerne — erstellen Sie ein Support-Ticket.
Kontaktieren Sie den Support