Onlineshop gestalten mit dem Site Editor

  1. Site Editor

Der Site Editor

Der Site Editor ist das zentrale Werkzeug, um Ihre Website oder Webshop zu gestalten und die Inhalte zu pflegen. Mit dem Site Editor können Sie Texte bearbeiten, die Menüpunkte ihrer Webseite bestimmen, komplett neue Seiten erstellen und vieles mehr.

Wo finde ich den Site Editor ?

Klicken Sie im Dashboard auf das Icon "Site Editor" oder Navigieren Sie im Menü auf "CMS > Site Editor".

wo-ist-der-site-editor.png

Was beinhaltet der Site Editor?

  • Widgets: Wählen Sie aus einer grossen Anzahl unterschiedlicher Widgets zum Einfügen von Texten, Bilder, Videos, Bild-Slider und vielem mehr.

  • Layout-Blocks: Teilen Sie eine Seite in unterschiedliche Bereiche auf, welche danach mit Widgets befüllt werden können.

  • Seiten-Verwaltung: Hinzufügen, Löschen und Konfigurieren der einzelnen Seiten.

  • Template-Verwaltung: Wählen Sie hier das Layout der Seite und passen Sie z.b. die Farben und Schriftgrössen an.

  • Geräte-Vorschau: Steuert die Vorschaugrösse, um z.B. die Mobilansicht zu betrachten.
was-beinhaltet-der-site-editor.png
site-editor-bereiche-klein.png

Wie funktioniert der Site Editor?

Der Site Editor ist unterteilt in zwei Bereiche: 

  • Links, der Auswahl-Bereich (1): Wählen Sie hier Layouts oder Widgets und fügen Sie diese per Drag-and-Drop in die Seite ein, welche im Inhalts-Bereich angezeigt wird.

  • Rechts, der Inhalts-Bereich (2): Hier wird Ihre Webseite/Onlineshop live angezeigt. Navigieren Sie auf die gewünschte Seite und interagieren Sie mit den Inhalten, um diese zu bearbeiten. Sie können alle Widgets mit Drag&Drop verschieben und mit einem Rechtsklick bearbeiten.

Die Widget-Verwaltung

Widgets sind Elemente, die Ihnen ohne Programmierkenntnisse ein einfaches Verwalten der Inhalte und Funktionen Ihres Web-Auftritts ermöglichen. Unter «Widget einfügen» werden Ihnen sämtliche Widgets angezeigt, die Ihnen Rent-a-Shop zur Verfügung stellt. Bitte beachten Sie, dass gewisse Widgets mit Zusatzfunktionen verknüpft sind. Diese stehen Ihnen erst zur Auswahl, nachdem Sie die entsprechende Zusatzfunktion aktiviert haben.

Individuelle Widgets können von uns kostenpflichtig für Sie programmiert werden.

>> Widgets Übersicht
>> Shop-Widgets
>> CMS Widgets

Layout-Blocks

Die Layout-Blocks definieren die Grundaufteilung einer Seite. Damit können Inhalte in bis zu 4 Spalten dargestellt werden. Eine Seite kann auch mehrere Layout-Blocks beinhalten. In Layout-Blöcke können Sie Widgets einfügen und Ihre Webseite so auf einfache Art gestalten. 

Die Seiten-Verwaltung

Hier können Sie alle möglichen Einstellungen zu der gewünschten Seite konfigurieren. Sie finden hier folgende Optionen:

  1. Seiteneinstellungen & SEO Bearbeiten der Einstellung der aktuell geöffneten Seite (Seiten- und Browser-Titel, Darstellung innerhalb der Navigation, URL, Sichtbarkeit und Offline-Modus der Seite)
  2. Seite kopieren: Kopiert die aktuell geöffnete Seite
  3. Neue Seite (Neue Seite, Link auf externe Seite, Sprach-Wahl, Zweiter Menüpunkt)
  4. Seitenstruktur (Navigations-Struktur verwalten, Reihenfolge des Menüs ändern, neue Seiten anlegen, Seiten ein- oder ausblenden bzw. sperren und entsperren)
seitenverwaltung-klein.png

Die Template-Verwaltung

Gestalten Sie Ihren Shop oder Ihre Website nach Ihren Vorstellungen. Der Editor erlaubt es Ihnen, mit wenigen Klicks das Design komplett zu ändern. Definieren Sie beliebig viele Templates mit unterschiedlichen Designs und setzen Sie Ihre Design-Vorlagen jederzeit bei Bedarf ein.

>> zur Anleitung

templateverwaltung-klein.png

Die Geräte-Vorschau

Innerhalb der Geräte-Vorschau können Sie sich die aktuell ausgewählte Seite als simulierte Anzeige auf den Endgeräten «Desktop», «Tablet» und «Mobile» anzeigen lassen. Zudem gibt es die Option "Automatisch", mit der die grösstmögliche Anzeige der Webseite in Abhängigkeit vom Anzeigefenster erfolgt. Das wiederum ermöglicht eine einfache und akkurate Bearbeitung der Webseite.

site-editor-geraete-vorschau-klein.png

Wie wechsle ich von einem bestehenden Design auf Magnolia ?

In dieser Videoanleitung zeigen wir Ihnen, wie Sie auf von einem bestehenden Design auf das neue Magnolia-Design wechseln können. In wenigen Klicks können Sie ihren Shop einem neuen Outfit in der Vorschau anzeigen. 

Wichtige Punkte zu beachten: 

  • Wenn Sie ein Template nützen mit individuellen Anpassungen, dann kontaktieren Sie bitte den Support oder Ihren Ansprechpartner.
  • Der Fussbereich wird nicht übernommen und muss neu erstellt werden. Beispielsweise ein 3er oder 4er-Layoutblock in den Fussbereich ziehen und dann Widgets einfügen.
Shop: Rent-a-Shop.ch