Der Shop-Editor
Der neue Shop von PlentyONE hat einen eigenen What-you-see-is-what-you-get-Editor, mit dem du deine Shop-Seiten ohne Programmierkenntnisse bearbeiten kannst. Das bedeutet, dass die Inhalte während der Bearbeitung exakt so angezeigt werden, wie sie später in deinem Shop erscheinen.
|
Voraussetzungen für den Shop-Editor
Um den Shop-Editor nutzen und deinen Shop bereitstellen zu können, brauchst du ein gültiges SSL-Zertifikat. |
|
Shop-Editor momentan nur in Englisch verfügbar
Die UI-Elemente des Editors werden ausschließlich in englischer Sprache angezeigt. |
1. Shop-Editor öffnen
Öffne den Shop-Editor, um Einstellungen an deinem Shop vorzunehmen.
Wichtig: Du kannst den Editor nur öffnen und den Shop bearbeiten, wenn der Vorschaumodus aktiviert ist. Um den Vorschaumodus zu aktivieren, klicke in der Zeile des Shops auf play_circle Vorschaumodus aktivieren.
Shop-Editor öffnen:
-
Öffne das Menü Shop » Shop-Verwaltung.
-
Klicke in der Zeile des Shops, den du bearbeiten willst, auf design_services Editor öffnen.
→ Der Editor wird in einem neuem Tab geöffnet.
→ In der Toolbar auf der linken Seite befinden sich die Shop-Einstellungen. Klicke auf ein Icon, um die jeweiligen Einstellungen zu öffnen.
2. Aufbau
Der Editor besteht aus drei Teilbereichen:
-
Auf der linken Seite (orange) befinden sich die Einstellungen. Dort findest du die Seitenverwaltung, die Farbeinstellungen, Einstellungen für Schriftarten und Abstände zwischen den einzelnen Elementen der Seite, SEO-Einstellungen und vieles mehr.
-
In der Mitte befindet sich der Vorschau-Bereich für die Seite. Hier können weitere Seiteninhalte - sogenannte Blöcke - hinzugefügt werden.
-
Auf der rechten Seite (blau) befinden sich die Block-spezifischen Einstellungen, in denen beispielsweise Texte angepasst oder Bilder ausgewählt werden können.
Jeder Block hat ein UI-Element, welches beim Schweben mit der Maus über dem jeweiligen Block angezeigt wird.
Über dieses UI-ELement können die Block-Einstellungen aufgerufen (), der Block auf der Seite verschoben, oder der Block gelöscht werden.
Auf jedem Block wird eine Plus-Schaltfläche ober- und unterhalb angezeigt, mit der ein weiterer Block an der ausgewählten Stelle hinzugefügt werden kann.
3. Shop-Einstellungen
Alle Einstellungen für deinen Shop von PlentyONE nimmst du direkt im Shop-Editor vor. Änderungen sind im Vorschaumodus sofort sichtbar.
|
Sprachhinweis
Die Benutzeroberfläche des Shop-Editors ist momentan nur in Englisch verfügbar. |
3.1. Die Toolbar des Shop-Editors
Klicke in der Toolbar (links) auf die Icons, um die Shop-Einstellungen zu öffnen.
| Icon | Einstellungsbereich |
|---|---|
article |
Pages: Seiten- und Kategorieverwaltung |
language |
Localization: Sprachen und Übersetzungen |
brush |
Branding & Design: Design, Farben & Logos |
category |
Category: Kategorienverwaltung und Sortierung |
shopping_cart |
Checkout: Kaufabwicklung & USt-Prüfung |
code |
Custom Code: Eigene CSS/JS-Snippets hochladen |
settings |
General Settings: Kontakt, Performance & Sicherheit |
sell |
Item Settings: Artikeleinstellungen |
search_insights |
SEO: Suchmaschinenoptimierung |
3.2. Einstellungen im Editor vornehmen
Shop-Einstellungen vornehmen:
-
Öffne das Menü Shop » Shop-Verwaltung.
-
Klicke in der Zeile des Shops, den du bearbeiten willst, auf design_services Editor öffnen.
Wichtig: Du kannst den Editor nur öffnen und den Shop bearbeiten, wenn der Shop aktiv ist und sich im Status Läuft befindet. Um den Shop zu aktivieren, klicke in der Zeile des Shops auf play_circle Vorschaumodus aktivieren.
→ Der Editor wird in einem neuem Tab geöffnet.
→ In der Toolbar auf der linken Seite befinden sich die Shop-Einstellungen. Klicke auf ein Icon, um die jeweiligen Einstellungen zu öffnen. -
Speichere (save) deine Einstellungen, nachdem du Änderungen vorgenommen hast.
3.3. Seiten verwalten (Pages)
Im Bereich Pages verwaltest du deine Webshop-Seiten. Du kannst neue Seiten hinzufügen, die Reihenfolge der Seiten in der Navigation ändern und Seiten-spezifische Einstellungen vornehmen.
Neue Seite hinzufügen:
-
Öffne den Shop-Editor.
-
Klicke auf (add) Add Page.
→ Das Add Page-Fenster wird geöffnet. -
Page Name: Gib einen eindeutigen Namen für die Seite ein.
-
Page Type: Wähle den Seitentyp.
-
Content (Seiten mit statischem Inhalt, zum Beispiel Rechtstexte oder Blog)
-
Product Category (Artikelseite)
-
-
Parent Page: Bestimmt, ob die Seite eine Unterseite oder eine neue, eigenständige Seite wird.
-
Klicke auf (add) Add Page, um die neue Seite hinzuzufügen.
| Eine im Editor erstellte Seite legt automatisch eine entsprechende Kategorie im Backend an. |
3.3.1. Seite bearbeiten
Um die Einstellungen einer bestehenden Seite anzupassen, navigiere im unteren Bereich des Menüs Pages zu den Kategorien:
-
Content Pages: Beinhaltet alle statischen Seiten (z.B. Rechtstexte).
-
Product Categories: Beinhaltet die Artikelkategorien deines Shops.
Seiten-Einstellungen öffnen:
-
Klappe den gewünschten Bereich auf.
-
Fahre mit der Maus über die Seite, die du bearbeiten möchtest.
-
Klicke auf das Zahnrad-Icon (settings).
-
Nimm deine Änderungen in den Bereichen General Settings oder SEO Settings vor.
Weitere Informationen zu den Einstellungen findest du in den Kapiteln Allgemeine Einstellungen und Suchmaschinenoptimierung. -
Klicke auf Save Settings, um die Änderungen zu übernehmen.
3.3.1.1. Allgemeine Einstellungen (General Settings)
Diese Einstellungen definieren die Identität und Sichtbarkeit der Seite.
| Einstellung | Erläuterung |
|---|---|
Basics |
|
Page ID (Seiten-ID) |
Eine einzigartige Identifikationsnummer für die Kategorie. Diese kann nicht verändert werden. |
Page Type (Seitentyp) |
Der Seitentyp bestimmt die Funktionalität der Seite.
|
Page Name (Seitentitel) |
Der Titel der Seite, wie sie im Shop angezeigt wird. Dieser Titel kann je nach Einstellung in der Navigation angezeigt werden. Der Titel kann jederzeit geändert werden. |
Parent Page |
Wähle eine Parent Page, wenn du eine neue Seite als untergeordnete Seite anlegen willst. |
URL Slug |
Ein URL-Slug ist der hintere Teil einer URL, der dazu dient, die Seite eindeutig identifizierbar zu machen. Der URL-Slug kann jederzeit geändert werden. |
Position |
Die Positionsnummer bestimmt, an welcher Stelle in der Navigation eine Seite angezeigt wird. Niedrigere Positionsnummern werden weiter oben in der Navigation angezeigt. |
Activate page for store (Seite für den Shop aktivieren) |
Solange diese Option aktiviert ist, ist die Seite für Besucher:innen deines Shops und Website Crawler zugänglich. Du kannst die Seite deaktivieren, um sie an deine Vorstellungen anzupassen. Aktiviere Seiten erst dann, wenn du mit ihrem Layout und den Inhalten zufrieden bist. |
Display in header navigation (In der Header-Navigation anzeigen) |
Aktivieren, um die Seite über die Navigation im Header zugänglich zu machen. |
Login Necessary (Login erforderlich) |
Aktivieren, um die Seite nur für eingeloggte Kund:innen zugänglich zu machen. |
3.3.1.2. Suchmaschinenoptimierung (SEO Settings)
Hier steuerst du, wie eine einzelne Seite von Google etc. wahrgenommen wird.
| Einstellung | Erläuterung |
|---|---|
SEO (Einstellungen zur Suchmaschinenoptimierung) |
|
Meta Data (Einstellungen zu Metadaten) |
|
Title (Titel) |
Meta-Titel eingeben. Der Meta-Titel legt den Titel deiner Seite für Suchmaschinen fest (=der Link zu deiner Seite in den Suchergebnissen). |
Meta description (Metabeschreibung) |
Meta-Beschreibung eingeben. Die Meta-Beschreibung wird als kurze Beschreibung deiner Seite von Suchmaschinen ausgewertet. Die Metabeschreibung sollte maximal 160 Zeichen haben. |
Meta keywords (Meta-Schlüsselwörter) |
Relevante Suchbegriffe eingeben, die Suchmaschinen einen besseren Überblick über die Inhalte deiner Seiten geben. Schlüsselwörter kleingeschrieben und kommagetrennt eingeben. |
Robot settings (Robots-Einstellungen für Seiten) |
|
Robots |
Diese Einstellung beeinflusst, wie Suchmaschinen deine Shop-Seite behandeln. Du kannst das Verhalten für jede Seite gesondert bestimmen.
|
Further settings (Weitere Einstellungen) |
|
Canonical URL |
URL eingeben, um diese als kanonische URL für Artikelseiten zu verwenden. Eine kanonische URL ist die Version einer Webseite, die Suchmaschinen als das Original betrachten sollen. |
Include page in Sitemap.xml (Seite in Sitemap.xml aufnehmen) |
Aktivieren, wenn die Seite in der Sitemap.xml enthalten sein soll. Eine Sitemap.xml ist eine strukturierte Datei im XML-Format, die alle relevanten Unterseiten, Bilder und Videos einer Website auflistet. Eine Sitemap.xml kann Suchmaschinen dabei helfen, die Struktur einer Website effizient zu erfassen. |
3.4. Sprachen und Übersetzungen verwalten
Im Menü Localization nimmst du Einstellungen zu Sprachen und Übersetzungen vor.
-
Im Bereich Shop Languages legst du die Standardsprache deines Shops fest und fügst weitere Sprachen hinzu, die Nutzer:innen in deinem Shop wählen können.
-
Im Bereich Edit translations pflegst du die Übersetzungen für verschiedene Elemente des Shops.
-
Sobald du eine Sprache aktiviert hast (check_box), klicke auf edit Edit translations, um die verschiedenen Elemente der Benutzeroberfläche zu übersetzen. Für jede Sprache wird eine neue Spalte hinzugefügt, in der du deine Übersetzungen einfügen kannst.
-
Hinweis: Es können nur die vom Shop vorgegebenen, statischen Texte in die gewählten Sprachen übersetzt werden. Dies sind alle Texte, die nicht über den Editor bearbeitet werden können. Texte, die du selbst im Editor hinzufügst sowie Artikel- und Kategoriedaten können hier nicht übersetzt werden.
-
|
Shop muss neu bereitgestellt werden
Die Einstellungen im Menü Localization werden erst angewendet, nachdem der Shop neu bereitgestellt wurde. |
3.5. Branding & Design
Im Menü Branding & Design definierst du die visuelle Identität deines Shops, d.h. du speicherst Logo und Favicon und nimmst Einstellungen zu Schriftarten, Farben und Header vor.
3.5.1. Logo und Favicon hochladen
Lade im Bereich Branding » Images die zentralen Grafiken für deinen Shop hoch. Die Dateien werden über deinen Webspace verwaltet.
-
Favicon: Das Favicion ist eine Bilddatei im .ico-Format. Es dient als visuelles Erkennungsmerkmal deines Shops, das in Browsern neben dem Seitentitel in Tabs oder in Lesezeichenlisten angezeigt wird.
Empfohlene Maße: 32 x 32 px oder 48 x 48 px -
Logo: Das Logo ist eine Bilddatei, die in der linken Ecke deines Shop-Headers auf allen Seiten angezeigt wird. Die Datei muss das Format .svg, .webp oder .avif haben.
Empfohlene Maße: Format .svg = 150 x 40 px; Formate .webp oder .avif = 180 x 80 px
Bilddatei hochladen:
-
Öffne den Shop-Editor.
-
Öffne das Menü Branding » Images.
-
Klicke im Bereich Favicon bzw. Logo auf Select, um die Dateiauswahl deines Webspace zu öffnen.
Hinweis: Den Webspace kannst du im PlentyONE Backend im Menü Shop » Webspace verwalten. -
Klicke im rechten Bereich der Dateiauswahl auf upload, um den Dateiupload öffnen.
-
Wähle in der Dropdown-Liste Root Folder einen Ordner in deinem Webspace aus, in den du die Bilddatei hochladen willst.
-
Ziehe eine Datei in den Bereich oder klicke auf Click to select file, um eine Datei auszuwählen.
-
Klicke auf Add image, um die Datei hochzuladen.
→ Die Datei wird hochgeladen.
3.5.2. Shop-Name anpassen
Im Bereich Branding » Texts kannst du den Namen deines Shops anpassen. Der Shop-Name ist der Name, der in den Suchergebnissen von Suchmaschinen angezeigt wird.
Klicke in das Eingabefeld, um den Namen deines Shops anzupassen.
3.5.3. Shop-Design festlegen
Im Bereich Design legst du das Farbschema und die Typografie deines Shops fest.
|
Sichtbarkeit der Änderungen
Schriftarten (Fonts) werden erst sichtbar, nachdem der Shop neu bereitgestellt wurde. Farbanpassungen siehst du sofort im Editor-Vorschau-Modus. |
| Einstellung | Erklärung |
|---|---|
Design |
|
Fonts |
|
Global fonts |
Schriftart wählen, die global für alle Shop-Seiten verwendet wird. Klicke auf das Auswahlfeld, um die Dropdown-Liste für Schriftarten auszuklappen und wähle eine Schriftart. |
Colours |
|
Primary colour und Secondary colour |
Farbgebung des Shops festlegen. Die Primärfarbe (Primary colour) und die Sekundärfarbe (Secondary colour) bilden die Basis der Farbgebung deines Shops. Aus beiden Farben werden zehn Schattierungen generiert, die an unterschiedlichen Stellen im Shop verwendet werden, um deinem Shop dynamisch einzufärben. Du hast zwei Möglichkeiten, die Farbe zu wählen: |
Header |
Im Bereich Header legst du die Farbgebung des Headers fest. So kannst du deinen Header separat von den anderen Seiten deines Shops gestalten. Du stellst die Farben für den Header global ein - der Header sieht also auf jeder Seite deines Shops gleich aus. Du hast zwei Möglichkeiten, die Farbe zu wählen:
|
Spacing |
|
Horizontal spacing & Vertical spacing |
Lege die horizontalen und vertikalen Abstände der Blöcke fest. Das heißt, du bestimmst, wie weit entfernt die unterschiedlichen Bestandteile der Seite angeordnet sein sollen.
Du kannst zwischen vier Abständen wählen:
|
3.6. Category
Im Menü Category legst du fest, wie Artikel in deinen Kategorien angeordnet werden.
Tabelle 5 enthält eine Übersicht zu den verfügbaren Einstellungen.
| Einstellung | Erklärung |
|---|---|
Category Sorting |
|
Enable item sorting by ("Sortierung der Artikel nach") |
Wähle in der Dropdown-Liste, welche Kriterien (Preis, Name, etc.) Kunden zur Sortierung nutzen dürfen. |
Default Sorting (Standardsortierung) |
Mit dieser Einstellung legst du fest, nach welchem Wert Artikel auf der Kategorieseite standardmäßig sortiert sein sollen. Wählst du die Option Recommended ("Empfohlene Sortierung"), kannst du diesen Wert mit der Einstellung Recommended Sorting nach deinen Bedürfnissen anpassen. |
Recommended Sorting |
|
First sorting option |
Mit diesen Optionen legst du fest, wie sich der Sortierwert "Empfohlen" zusammensetzt, den Kund:innen im Shop auswählen können.
Der erste Sortierungswert (First sorting option) hat dabei die höchste Priorität bei der Sortierung, der zweite Wert die zweithöchste Priorität, usw. Hinweis: Diese Einstellungen werden erst angewendet, nachdem die Änderungen gespeichert und die Seite neu geladen wurde. |
Variation Position Based On Sales |
|
Calculate the variation position based on monthly sales |
Mit dieser Einstellung legst du fest, legst du fest, ob Varianten nach der Anzahl der Verkäufe sortiert angezeigt werden sollen. Aktiviere diese Option, damit Varianten basierend auf den Verkaufszahlen des letzten Monats sortiert werden.
Es wird einmal pro Nacht berechnet, welche Varianten im letzten Monat am meisten gekauft wurden. |
3.7. Checkout
Im Menü Checkout nimmst du Einstellungen zur Kaufabwicklung im Shop vor.
Tabelle 6 enthält eine Übersicht zu den verfügbaren Einstellungen.
| Einstellung | Erklärung |
|---|---|
Customer Input Settings |
|
Your Reference Input Field |
Aktivieren, um ein Eingabefeld für "Ihr Zeichen" im Checkout-Prozess hinzuzufügen, in dem Kund:innen zum Beispiel einen gesonderten Kundennamen oder eine Vertragsnummer als Referenz eintragen können. |
Customer Wish Input Field |
Aktivieren, um ein Eingabefeld für weitere Kundenwünsche, die dem Auftrag hinzugefügt werden können, im Checkout-Prozess hinzuzufügen. |
Vat Number Validation |
|
Validate VAT number |
Aktivieren, wenn die Umsatzsteuer-Identifikationsnummer der Kundin während des Checkout-Prozesses geprüft werden soll. Die Umsatzsteuer-Identifikationsnummer wird immer dann geprüft, wenn eine Bestellung abgeschlossen wird oder wenn die Adresse des Kunden geändert wurde. |
3.8. Custom Code
Im Bereich Custom Code kannst du deinen Shop mit eigenen Code-Snippets individualisieren:
-
Custom CSS: Individuelles Styling und Layout-Anpassungen.
-
Custom JavaScript: Dynamische Elemente und funktionale Erweiterungen.
-
Custom Meta tags: Zusätzliche Beschreibungen für SEO oder Verifizierung.
-
External Scripts & Styles: Einbindung externer Scripte, Stylesheets und Bibliotheken.
3.8.1. Snippets verwalten
-
Snippets anzeigen: Klappe den Bereich Saved Snippets aus, um alle bereits gespeicherten Snippets anzuzeigen.
-
Snippets bearbeiten: Klicke auf edit, um ein Snippet zu bearbeiten.
-
Snippets aktivieren: Aktiviere die Umschaltfläche neben dem Snippet (toggle_on), um Code live zu schalten.
-
Snippets hinzufügen: Klicke auf add Add snippet, um weitere Code-Snippets zu definieren.
|
Debugging
Im abgesicherten Modus werden alle Custom-Code-Snippets für den Shop global deaktiviert. Dies kann zum Beispiel nützlich sein, wenn du deinen Shop debuggen willst. |
3.9. Allgemeine Einstellungen (General settings)
Im Menü General Settings (Allgemeine Einstellungen) verwaltest du Einstellungen zu Kontakt, Sicherheit und Performance. Tabelle 7 enthält eine Übersicht zu den verfügbaren Einstellungen.
| Einstellung | Erklärung |
|---|---|
Contact Form |
|
Contact Form Email |
E-Mail-Adresse für das Kontaktformular in das Eingabefeld Contact Form Email eingeben. Wenn Kund:innen das Kontaktformular in deinem Shop ausfüllen, wird das Formular an diese E-Mail-Adresse gesendet. |
Customer Management Weise Standard-Kundenklassen für B2B und B2C/Gäste zu. Hinweis: Änderungen an der Kundenklasse werden erst angewendet, nachdem du die Änderungen gespeichert und den Editor neugeladen hast. |
|
Default B2B Customer Class |
Kundenklasse aus der Dropdown-Liste Default B2B customer class wählen, die standardmäßig B2B-Kund:innen zugeordnet werden soll. |
Default B2C And Guest Customer Class |
Kundenklasse aus der Dropdown-Liste Default B2C and guest customer class wählen, die standardmäßig B2C-Kund:innen zugeordnet werden soll. Diese Kundenklasse wird auch Kund:innen zugeordnet, die als Gast in deinem Shop bestellen. |
Performance (Leistung) |
|
Image Optimization (Bildoptimierung) Artikelbilder automatisch in moderne Formate konvertieren. Dadurch wird die Dateigröße reduziert und das Laden beschleunigt. Dies kann die Kosten für Cloud-Speicher erhöhen, aber die Traffic-Kosten senken. |
|
Convert item images to AVIF (Artikelbilder in AVIF konvertieren) |
Aktivieren, um Bilder in deinem Shop in das Dateiformat .avif zu konvertieren. |
Convert item images to WebP (Artikelbilder in WebP kovertieren) |
Aktivieren, um Bilder in deinem Shop in das Dateiformat .webp zu konvertieren. |
Security (Sicherheit) |
|
Session and Url Lifetime |
|
Validity of the session cookie |
Mit dieser Einstellung legst du fest, wie lang der Session Cookie gültig sein soll. Du bestimmst also die Sitzungsdauer deines Shops. Ein Session Cookie ist eine kleine Textdatei, während des Surfens auf dem Computer oder Smartphone gespeichert wird. Der Session Cookie sorgt zum Beispiel dafür, dass Artikel im Warenkorb bleiben, während Kund:innen in deinem Shop stöbern und dass deine Kund:innen während des Surfens in deinem Shop eingeloggt bleiben. Folgende Optionen sind verfügbar, um die Lebensdauer des Session Cookies einzustellen:
|
Shipping Information Page (Seite zu Versandinformationen) |
|
Category for shipping information page |
Kategorie wählen, deren Daten als Vorlage für die Angabe zu den Versandinformationen verwendet werden sollen. Standardmäßig wird diese Seite überall dort verlinkt, wo Versandkosten erwähnt werden. Besucher:innen, die auf den Link klicken, werden zu der Kategorieseite, die deine Versandkosten-Details enthält, weitergeleitet. |
3.10. Artikeleinstellungen (Item settings)
Im Menü Item Settings (Artikeleinstellungen) nimmst du Einstellungen zu Verfügbarkeitsbenachrichtigungen, Artikelpaketen und der Darstellung und Sortierung deiner Artikel in deinem Shop vor.
Tabelle 8 enthält eine Übersicht zu den verfügbaren Einstellungen.
| Einstellung | Erklärung |
|---|---|
Back In Stock Notifications (Verfügbarkeitsbenachrichtigungen) |
|
Enable notify me |
Aktivieren, wenn auf Artikelseiten von ausverkauften Artikeln eine Abonnieren-Schaltfläche angezeigt werden soll. Wenn Kund:innen auf Abonnieren klicken, werden sie per E-Mail benachrichtigt, sobald der Artikel wieder verfügbar ist. |
Item Bundles (Artikelpakete) |
|
Bundle presentation and behaviour in the basket |
Definiert, wie Artikelpakete in deinem Shop und im Warenkorb angezeigt werden sollen. Folgende Optionen sind verfügbar:
|
Item Internal Sorting (Interne Artikelsortierung) |
|
Adopt title sorting from item sorting |
Verwende diese Sortierung, wenn die Artikelsortierung, die Kund:innen im Shop wählen, auch für die Sortierung von Varianten auf einer Artikelseite gelten soll. In diesem Fall wird der gewählte Wert als erster Sortierwert für die Artikelseite verwendet. |
Sorting Option 1 und Sorting Option 2 |
Die Einstellungen für Sorting Option 1 und Sorting Option 2 greifen nur dann, wenn aus der im Shop gewählten Artikelsortierung keine klare Reihenfolge abgeleitet werden kann oder wenn die Einstellung Adopt title sorting from item sorting nicht verwendet wird. |
Manufacturer Information (Herstellerinformationen) |
Definiert, welche Herstellerinformationen in der Artikelansicht angezeigt werden sollen. |
3.11. Einstellungen zur Suchmaschinenoptimierung (SEO settings)
Im Menü SEO Settings (Einstellungen zur Suchmaschinenoptimierung) nimmst du Einstellungenfür die Optimierung von Suchergebnissen (Search Engine Optimisation) vor. Dazu gehören Einstellungen für Robots, also Crawler, die für Suchmaschinen Seiten verfolgen und indexieren, Rich Snippets und schema.org-unterstützte strukturierte Daten.
Tabelle 3 enthält eine Übersicht zu den verfügbaren Einstellungen.
| Einstellung | Erklärung |
|---|---|
Custom canonical URL for item pages |
|
Set up custom Canonical URL for single item views |
Canonical URL manuell für Varianten festlegen, die unter Umständen als mehrere Duplikate von Crawlern erkannt werden. |
Meta Data Defaults Standardwerte für Meta-Daten, wie zum Beispiel Title und Description, festlegen. Hinweis: Bei den Einstellungen im Bereich Meta Data Defaults handelt es sich um globale Einstellungen. Diese Einstellungen gelten für alle Seiten, die keine seitenspezifischen Einstellungen haben. |
|
Default title |
Text eingeben, der als Titel in den Ergebnissen von Suchmaschinen angezeigt werden soll. |
Default meta description |
Kurzbeschreibung des Shops eingeben, die in den Ergebnissen von Suchmaschinen angezeigt werden soll. Der Text sollte informativ und ansprechend sein. |
Default meta keywords |
Für deinen Shop relevante Suchbegriffe kommagetrennt eingeben. Die Meta Keywords können dazu beitragen, dass dein Shop über bestimmte Suchbegriffe gefunden wird. |
Robots |
|
All Pages (Alle Seiten) Die Einstellungen im Bereich All Pages legen das Standardverhalten der Suchmaschine für alle Seiten deines Shops fest. Standardmäßig sollten alle Seiten indexiert werden (Option All wählen), um sicherzustellen, dass deine Artikel und Inhalte auffindbar sind. |
|
Robots |
Diese Einstellung legt fest, wie Suchmaschinen automatisch generierte Seiten behandeln sollen.
|
Static Pages (Statische Seiten) Festlegen, wie Suchmaschinen die integrierten Seiten deines Shops behandeln. Standardmäßig sollten diese Seiten indexiert werden (Option All wählen), um sicherzustellen, dass sie auffindbar sind. Schränke die Indexierung nur ein, wenn es einen bestimmten Grund dafür gibt, z. B. temporäre Inhalte, doppelte Seiten oder private Seiten.
Verfügbare Optionen:
|
|
Item Pages (Artikelseiten) |
|
Robots for item pages |
Standardwerte für den Robots-Meta-Wert deiner Artikelseiten festlegen.
|
Exclude URLs with parameters (depends on if it excludes or includes when active) |
Aktivieren, wenn Artikelseiten mit URL-Parametern (wie beispielsweise Herkunft oder Sprache) von der Suchindexierung ausgeschlossen werden sollen. |
Paginated Pages (Paginierte Seiten) |
|
At which page should robots stop indexing your category pages? Default = 0 |
Anzahl der paginierten Seiten festlegen, die Suchmaschinen indizieren sollen. Der Wert 0 bedeutet, dass nur die erste Seite indiziert wird, während nachfolgende Seiten nicht indiziert werden. Erhöhe diese Zahl nur, wenn zusätzliche paginierte Seiten in den Suchergebnissen angezeigt werden sollen. Beachte, dass dies zu doppelten Inhalten führen kann. |
Improve product listings in search engines Festlegen, wie Artikeldetails in Suchergebnissen angezeigt werden. Dies hilft Suchmaschinen dabei, deine Artikel übersichtlicher und ansprechender darzustellen. |
|
Availability |
Availability 1-10 = Ordne die im Menü Einrichtung » Artikel » Verfügbarkeit definierten Verfügbarkeiten den von Schema.org definierten Verfügbarkeiten aus der Dropdown-Liste zu. So können Suchmaschinen die Verfügbarkeitsinformationen besser auswerten. |
Item Condition |
Ordne die im Menü Artikel » Artikel » [Artikel öffnen] » Bereich: Einstellungen » Dropdown-Liste: Zustand definierten Artikelzustände den von Schema.org definierten Zuständen aus der Dropdown-Liste zu. So können Suchmaschinen die Informationen zum Artikelzustand besser auswerten.
|
Rich Snippet Mapping |
Wähle für die Marke, den Hersteller, die SKU, sowie verschiedene Barcodes die Datenquellen in PlentyONE, aus denen die Rich Snippets für Artikelseiten genommen werden sollen. Rich Snippets sind strukturierte Daten, die erweiterte Daten für Suchmaschinen zur Verfügung stellen. Einige der wählbaren Optionen blenden zusätzliche Eingabefelder ein, in denen du zum Beispiel die ID einer Texteigenschaft eingeben kannst, um Rich Snippets vielseitiger gestalten zu können.
Hinweis: Wenn du Do not display wählst, werden die Daten (zum Beispiel der Hersteller oder die Marke) nicht als Rich Snippet weitergegeben. |
3.11.1. Darstellung in sozialen Medien
Im Bereich SEO Settings » Social Media legst du fest, wie dein Shop präsentiert wird, wenn er online geteilt wird.
Folgende Einstellungen sind verfügbar:
-
Image for OpenGraph = URL des Bildes eingeben, das als Vorschaubild angezeigt werden soll, wenn der Shop in sozialen Medien geteilt wird.
Empfohlene Maße: 1200 × 630 px -
Title for OpenGraph = Titel für deine Seite eingeben, der angezeigt wird, wenn der Shop in sozialen Medien geteilt wird.
Empfohlene Länge: 40 - 60 Zeichen; maximal 80 Zeichen
3.11.2. Google Analytics einrichten
|
Informationspflicht
Bei der Verwendung von Google Analytics bist du verpflichtet, über Art der Verwendung der Daten zu informieren. Wir weisen darauf hin, dass beim Einsatz von Diensten, die personenbezogene Daten in ein Drittland (z.B.: USA) übermitteln, die Voraussetzungen der zulässigen Datenübermittlung nach Art. 44 ff DSGVO vorliegen müssen. Dies ist der Fall, wenn Google Analytics eingesetzt wird. |
Im Menü SEO » Tracking & Analytics » Google Analytics hast du die Möglichkeit, den Analysedienst Google Analytics in deinem Shop einzubinden um Daten über das Nutzer:innenverhalten auf deinen Seiten zu sammeln und auszuwerten.
-
Alle automatisch erfassten Ereignisse, wie zum Beispiel Käufe und Warenkörbe, Nutzerinteraktionen und Checkout-Prozess, sowie einige empfohlene Ereignisse.
-
Affiliate-Daten werden ausgewertet, d.h. wenn Kund:innen deinen Shop über Affiliate-Links oder Partnerempfehlungen betreten, werden diese Daten aufgezeichnet.
Tabelle 10 enthält eine Übersicht zu den verfügbaren Einstellungen.
| Einstellung | Erklärung |
|---|---|
Cookie Group |
Wählen, in welcher Cookie-Gruppe das Google Analytics-Cookie enthalten sein soll (Necessary, External Media, Functional oder Marketing (empfohlen)). Standardmäßig ist das Google Analytics-Cookie in der Gruppe Marketing. |
Enable Google Analytics |
Aktivieren, wenn du Google Analytics nutzen willst. |
Google Analytics Tracking ID |
Google Analytics-Tracking-ID eingeben. Diese hat das Format UA-12345678-9. Ohne die Tracking-ID kann das Verhalten von Besucher:innen deines Shops nicht ausgewertet werden. |
Register Cookie as opt-out |
Aktivieren, um den Google Analytics Cookie als Opt-out-Cookie einzusetzen. Das bedeutet, der Cookie ist initial aktiv und Nutzer:innen müssen diesen Cookie proaktiv ablehnen, wenn sie nicht möchten, dass ihr Verhalten ausgewertet wird. Diese Option kann nur aktiviert werden, wenn der Google Analytics-Cookie nicht der Cookie-Gruppe Necessary zugeordnet wird. |
Send Gross Prices to Google Analytics |
Aktivieren, um Bruttopreise an Google Analytics zu senden. Standardmäßig werden Nettopreise übertragen. |
|
Shop muss neu bereitgestellt werden
Die Einstellungen im Bereich Google Analytics werden erst angewendet, nachdem der Shop neu bereitgestellt wurde. |
4. Seiten-Bereich
Der mittlere Bereich der Vorschau zeigt deinen Startseiten-Inhalt. Dort kannst du neue Blöcke hinzufügen, verschieben oder die Einstellungen für Blöcke öffnen.
4.1. Blöcke hinzufügen
Wenn du mit dem Cursor über einem Seitenblock schwebst, werden dir ober- und unterhalb dieses Blocks Plus-Schaltflächen (add) angezeigt, mit denen du an der jeweiligen Stelle einen neuen Block einfügen kannst. Beim Klick auf eine der Plus-Schaltflächen wird die Blockauswahl auf der linken Seite geöffnet:
Die folgenden Seitenblöcke stehen dir zur Auswahl:
-
Bildbanner 1-3 (ein Hintergrundbild mit darüberliegendem Text in drei verschiedenen Formaten)
-
Bild mit Text (zwei Blöcke nebeneinander)
-
Text (ein Textblock ohne Bild)
-
Artikel (eine Artikelliste)
-
Formular (bspw. die Newsletteranmeldung)
Klicke auf die Plus-Schaltfläche in der unteren rechten Ecke eines Blocks, um diesen Block an der Stelle einzufügen, an der du die Blockauswahl geöffnet hast.
4.2. Blöcke verschieben
Wenn du mit dem Cursor über einem Seitenblock schwebst, wird ein UI-Element in der rechten oberen Ecke eingeblendet. In diesem UI-Element findest du zwei Pfeil-Schaltflächen (arrow_upward und arrow_downward). Wenn du auf einen dieser Pfeile klickst, wird der Seitenblock, auf dem du dich gerade befindest, oberhalb bzw. unterhalb des nächsten Seitenblocks angeordnet.
4.3. Blockeinstellungen öffnen
Wenn du mit dem Cursor über einem Seitenblock schwebst, wird ein UI-Element in der rechten oberen Ecke eingeblendet.
Durch Klick auf die Stift-Schaltfläche (edit) werden die Einstellungen des jeweiligen Seitenblocks auf der rechten Seite geöffnet.
Diese Einstellungen sind Block-spezifisch. Sie enthalten unterschiedliche Optionen und du kannst sie pro Block - also nicht global - vornehmen.
Die Blockeinstellungen haben unterschiedliche Einstellungsbereiche (bspw. Image, Text und Button), die du durch Klick auf den Titel des Bereichs ausklappst.
5. Übersicht über Blockeinstellungen
5.1. Image Banner
Das Image Banner stellt ein Element zur Verfügung, auf dem ein großes Bild zu sehen ist, über welchem Text angezeigt werden kann. Du kannst mehrere Slides für das Banner erstellen, die durch einen Klick gewechselt werden können. In den Blockeinstellungen kannst du Slides hinzufügen, Bildereinstellungen vornehmen und Text anpassen.
5.1.1. Slides bearbeiten
Eine Slide ist klickbares Element, das aus einem großen Bild und diversen Textelementen besteht. Wenn in einem Image Banner Block mehrere Slides angelegt sind, können Kund:innen durch Klick auf Pfeile zwischen den Slides wechseln. Du kannst Text- und Bildeinstellungen für jede Slide separat vornehmen. In den Blockeinstellungen wählst du die Slide, für die du die Einstellungen vornehmen willst, indem du auf Slide 1, Slide 2, etc. klickst:
Durch Klick auf die Plus-Schaltfläche (add) kannst du weitere Slides hinzufügen.
5.1.2. Slides anordnen
Klicke auf (more_horiz), um das Kontextmenü für Slides zu öffnen. In diesem Menü kannst du Slides neu anordnen, hinzufügen oder löschen:
Klicke auf (drag_indicator), um eine Slide an eine andere Position zu ziehen, sodass sie früher oder später in der Slide-Reihenfolge angezeigt wird.
Wenn du eine Slide löschen willst, klicke in der betreffenden Zeile der Slide auf (delete).
Um eine Slide hinzuzufügen, klicke auf (add). Diese Slide wird dann als leere Slide an letzter Stelle im Image Banner angelegt.
5.1.3. Bildeinstellungen
Du kannst Bildeinstellungen für jede Slide separat vornehmen.
5.1.3.1. Bildergrößen
Dir stehen vier verschiedene Eingabefelder zur Verfügung, um die Slider-Bilder für unterschiedliche Endgeräte bereitzustellen:
-
XL Desktop (empfohlene Bildergröße: 1920 x 1080 px)
-
L Desktop (empfohlene Bildergröße: 1024 x 576 px)
-
M Tablet (empfohlene Bildergröße 768 x 432 px)
-
S Mobile (empfohlene Bildergröße 320 x 320 px)
Die Bilder für Slides hinterlegst du, indem du die URL zur Bilddatei (bspw. abgelegt im Webspace) im jeweiligen Eingabefeld hinterlegst. Du kannst Bilder in allen gängigen Formaten einbinden. Shop unterstützt moderne Bildformate wie AVIF und WebP.
5.1.3.2. Bildhelligkeit
Nutze den Schieberegler, um die Helligkeit des Bildes anzupassen. Alternativ kannst du eine Dezimalzahl zwischen 0,01 und 1 eingeben, um die Helligkeit genau abzustimmen. Diese Einstellung hat Auswirkungen auf alle vier Bildergrößen.
5.1.3.3. Alternativtext
Im Eingabefeld Alt gibst du einen Alternativtext ein, der für das ausgewählte Bild verwendet wird. Alternativtexte sind ein wichtiges Mittel, um die Barrierefreiheit deines Shops sicherzustellen. Alternativtexte sollten kurz und prägnant sein und eine Zeichenlänge von 80-100 Zeichen nicht übersteigen. Beachte dazu auch unser Best Practice zum Barrierefreiheitsstärkungsgesetz.
5.1.4. Texteinstellungen
In den Texteinstellungen gibst du die Text-Snippets ein, die an unterschiedlichen Stellen der Slide zu sehen sind. Dir stehen 4 unterschiedliche Textstellen (Pre-title, Title, Subtitle und Description) zur Verfügung. Die Einstellungen für die Schaltfläche (Button) werden weiter unten beschrieben.
5.1.4.1. Titel
Die Text-Snippets Pre-title, Title und Subtitle werden untereinander auf der Slide angezeigt. Title hat im vergleich zu den anderen beiden Snippets eine höhere Schriftgröße. Wenn du ein Eingabefeld leer lässt, wird der entsprechende Titel nichrt angezeigt. Die Titel unterliegen keiner Zeichenbegrenzung. Du kannst nur reinen Text eingeben. Die Eingabefelder unterstützen keine HTML-Formatierung.
5.1.4.2. Beschreibung
Der Description-Text wird als normal formatierter Text zwischen Subtitle und dem Button angezeigt. Im Gegensatz zu den Titel-Eingabefeldern, unterstützt der Beschreibungstext HTML-Formatierung. Der Beschreibungstext unterliegt keiner Zeichenbegrenzung.
5.1.4.3. Textfarbe
Gib einen Hexadezimal-Code in das Text color Eingabefeld ein, um den Text der verschiedenen Titel und der Beschreibung einzufärben. Alternativ kannst du durch Klick auf das farbige Kästchen rechts im Eingabefeld die Farbauswahl öffnen.
5.1.4.4. Hintergrund für Text
Aktiviere den Textbox Background-Schalter, um den Text mit einer farbigen Box zu hinterlegen und weitere Optionen in den Blockeinstellungen einzublenden.
Die Textbox skaliert mit dem eingegebenen Text mit.
Analog zur Textfarbe kannst du im Eingabefeld Textbox color die Farbe des Texthintergrund über einen Hexadezimal-Code oder die Farbauswahl wählen.
Mit dem Textbox Opacity-Schieberegler oder dem dazugehörigen Eingabefeld kannst du die Transparenz der Textbox steuern.
5.1.4.5. Ausrichtung der Texte
Mit den drei Alignment-Optionen (dt.: Ausrichtung) kannst du steuern, wie die Texte auf der Slide angeordnet sind.
Textbox Alignment (x) bestimmt, wo die Textbox auf der Slide entlang der X-Achse angezeigt wird.
Textbox Alignment (y) bestimmt, wo die Textbox auf der Slide entlang der Y-Achse angezeigt wird.
Text Alignment (y) bestimmt, ob der Text innerhalb der textbox linksbündig, mittig oder rechtsbündig ausgerichtet ist.
5.1.5. Schaltflächen-Einstellungen
Im Bereich Button passt du das Aussehen und die Funktion der Schaltfläche auf der Slide an.
Im Eingabefeld Label legst du die Beschriftung der Schaltfläche fest. Wenn dieses Feld leer ist, wird keine Schaltfläche auf der Slide angezeigt.
Im Eingabefeld Link Target bestimmst du, wohin Besucher:innen geleitet werden, wenn sie auf den Link klicken. Du kannst entweder eine URL eingeben, oder einen Kategoriepfad deines Shops (bspw. /kategorie31/beispiel-artikel_133).
Unter Variant legst du fest, in welchem Design die Schaltfläche angezeigt wird: Bei der Option Primary wird die Schaltfläche voll mit der Primärfarbe des Shops ausgefüllt und das Label darauf in weißer Schrift angezeigt. Bei der Option Secondary wird die Schaltfläche invertiert; dabei wird nur das Label und der Rahmen der Schaltfläche in der Primärfarbe angezeigt. Der Rest der Schaltfläche ist durchsichtig und wird nur beim Mouseover farblich hervorgehoben.
5.1.6. Bedienelemente
Im Bereich Controls bestimmst du das Design der Bedienelemente auf den Slides. Für das Image Banner betrifft das nur die Farbe der Pfeile, mit denen die Slides gewechselt werden. Gib einen Hexadezimal-Code in das Slider Controls Color Eingabefeld ein, um den Text der Bedienpfeile einzufärben.