Kundenkontoseiten anpassen

Du kannst eine personalisiertere Kundenerfahrung bieten, indem du die Kundenkontoseiten deines Shops anpasst. Die meisten Anpassungen werden im Checkout- und Konto-Editor vorgenommen und gelten für deine Kundenkonten- und Anmeldeseiten.

Du kannst deine Kundenkonten auf folgende Weise anpassen:

• Das Branding und den Stil deines Shops auf deine Kundenkonten und Anmeldeseiten anwenden.
• Anpassen, wohin Kund:innen nach der Anmeldung weitergeleitet werden.
• Passe dein Kundenkontomenü an, um Kund:innen einen einfacheren Zugriff auf Teile deines Shops und ihr Konto zu ermöglichen.
• Eine Subdomain erstellen, damit Kundenkonten die primäre Domain deines Shops verwenden.
• Blöcke und Seiten über Apps zu Kundenkonten hinzufügen, um diese mit weiteren Funktionen auszustatten.
• Deine Kundenkontoseiten für bestimmte Märkte und Regionen anpassen.

Branding und Stil der Kundenkonten anpassen

Du kannst das Branding für deine Kundenkontoseiten anpassen, indem du deine gemeinsamen Branding-Einstellungen im Checkout- und Konteneditor bearbeitest. Änderungen, die du an deinen gemeinsamen Branding-Einstellungen vornimmst, gelten automatisch auch für Kundenkonto- und Anmeldeseiten. Wenn du beispielsweise ein Logo in den gemeinsamen Branding-Einstellungen hochlädst, wird das Logo auf deinen Checkout-Seiten, Kundenkontoseiten und auf der Anmeldeseite angezeigt.

Du kannst einige vererbte Einstellungen des gemeinsam genutzten Brandings direkt auf den Kundenkonten- und Anmeldeseiten überschreiben, um mehr Kontrolle über den Stil deiner Kundenkontoseiten zu erhalten:

• Logo auf deinen Kundenkontoseiten anpassen.
• Farben auf deinen Kundenkontoseiten anpassen.
• Stil deiner Anmeldeseite anpassen.
• Bestellseite für Kund:innen ohne Bestellungen anpassen.

Logo auf deinen Kundenkontoseiten anpassen

Wenn du ein Logo in deinen allgemeinen gemeinsam genutzten Branding-Einstellungen hochlädst, wird dieses auch auf deinen Kundenkonten- und Anmeldeseiten angezeigt. Du kannst das vererbte Logo und dessen Größe direkt auf den Kundenkonten- und Anmeldeseiten überschreiben.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Checkout.

2. Klicke im Abschnitt Konfigurationen neben der Konfiguration, die du anpassen möchtest, auf Bearbeiten.

3. Wähle im Checkout- und Konteneditor im Seitenauswahlmenü eine beliebige Kundenkontoseite aus, für die du das Logo ändern möchtest.

4. Klicke auf und dann auf Header.

5. Klicke im Abschnitt Logo auf das Feld Bild und wähle ein neues Logo aus.

6. Optional: Passe die Größe des Logos mithilfe des Schiebereglers Breite an.

7. Klicke auf Speichern.

Farben auf Kundenkontoseiten anpassen

Wenn du in deinen allgemeinen gemeinsam genutzten Branding-Einstellungen eine Hintergrund- und eine Akzentfarbe hinzufügst, werden diese Farben auch auf deinen Kundenkonten- und Anmeldeseiten verwendet. Du kannst die vererbten Farbeinstellungen direkt auf den Kundenkonten- und Anmeldeseiten überschreiben. Die Farben jeder Seite können unabhängig voneinander überschrieben werden.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Checkout.

2. Klicke im Abschnitt Konfigurationen neben der Konfiguration, die du anpassen möchtest, auf Bearbeiten.

3. Wähle im Checkout- und Konto-Editor über das Seitenauswahlmenü eine beliebige Kundenkontoseite aus, deren Farbeinstellungen du ändern möchtest.

4. Hintergrundfarbe des Seiten-Headers anpassen:

   1. Klicke auf und dann auf Header.
   2. Klicke im Abschnitt Farbe auf die Einstellung Hintergrund und wähle eine neue Hintergrundfarbe für den Header aus.

5. Hintergrund- oder Akzentfarbe des Seiteninhalts anpassen:

   1. Klicke auf und dann auf Hauptbereich.
   2. Klicke auf die Einstellung Hintergrund und wähle eine neue Hintergrundfarbe für den Hauptbereich der Seite aus.
   3. Klicke auf die Einstellung Akzent und wähle eine neue Akzentfarbe für den Hauptbereich der Seite aus.

6. Klicke auf Speichern.

Stil der Anmeldeseite anpassen

Die Anmeldeseite ist eine separate Landing Page für Kund:innen, auf der sie sich bei ihren Konten in deinem Onlineshop anmelden können. Du kannst diese Seite durch dein Branding hervorheben, indem du das Logo und die Farben unabhängig von den Einstellungen anpasst, die du für deine Checkout- und Kundenkontoseiten wählst. Außerdem kannst du ein Bild hochladen, das auf Desktop-Geräten als Hero-Image dient.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Checkout.

2. Klicke im Abschnitt Konfigurationen neben der Konfiguration, die du anpassen möchtest, auf Bearbeiten.

3. Wähle im Checkout- und Konteneditor im Seitenauswahlmenü die Seite Anmelden aus.

4. Klicke auf und dann auf Main.

5. Du kannst die folgenden Stilelemente der Anmeldeseite anpassen:

   • Lade im Abschnitt Logo ein neues Logo im Feld Bild hoch. Du kannst die Logobreite auch manuell anpassen.
   • Verwende im Abschnitt Farbe die Felder Hintergrund oder Akzent, um die Farben der Anmeldeseite anzupassen.
   • Verwende im Abschnitt Medien das Feld Bild, um ein Hero-Image für die Anmeldeseite hochzuladen. Dieses Bild wird nur auf Desktop-Geräten angezeigt.

6. Klicke auf Speichern.

Bestellseite für Kund:innen ohne Bestellungen anpassen

Eine Kundin oder ein Kunde kann ein Konto erstellen, ohne jemals eine Bestellung in deinem Shop aufgegeben zu haben. Für angemeldete Kund:innen ohne Bestellungen wird auf der Seite Bestellungen ein Button Jetzt einkaufen angezeigt, der zur Startseite deines Shops führt, da keine Bestellhistorie vorhanden ist.

Um das Interesse zu wecken und Kund:innen zu ermutigen, deine Produkte zu entdecken, kannst du eine Kollektion aus deinem Shop auswählen, die auf der Kundenkontoseite Bestellungen zusätzlich zum Standard-Button Jetzt einkaufen angezeigt wird.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Checkout.

2. Klicke im Abschnitt Konfigurationen neben der Konfiguration, die du anpassen möchtest, auf Bearbeiten.

3. Wähle im Checkout- und Konto-Editor über das Seitenauswahlmenü die Seite Bestellungen aus.

4. Klicke auf und dann auf Hauptbereich.

5. Konfiguriere im Abschnitt Keine Bestellungen den Leerstatus:

   1. Optional: Klicke auf Vorschau, um eine leere Seite Bestellungen im Vorschaufenster anzuzeigen.
   2. Klicke im Menü Kollektion auf Kollektion auswählen.
   3. Wähle eine bestehende Kollektion aus oder klicke auf Kollektion erstellen, um eine neue Kollektion für den Leerstatus zu erstellen.

6. Klicke auf Speichern.

Weiterleitung bei der Kundenkonto-Anmeldung anpassen

Du kannst konfigurieren, wohin Kund:innen weitergeleitet werden, nachdem sie sich in ihrem Konto in deinem Shop angemeldet haben. Du kannst Kund:innen beispielsweise auf die Seite zurückleiten, auf der sie sich befunden haben, als sie sich angemeldet haben, oder auf eine bestimmte Produktkollektion umleiten.

Befolge diese Anleitung, um die Weiterleitungen bei der Kundenkonto-Anmeldung anzupassen.

Kundenkontomenü anpassen

Das Hauptmenü des Kundenkontos wird für angemeldete Kund:innen im Abschnitt Hauptbereich des Kundenkontos angezeigt. Das Menü wird je nach verwendetem Gerät an unterschiedlichen Stellen angezeigt:

• Desktop: Das Menü wird auf der linken Seite vertikal angeordnet angezeigt. Dies ist optimal für die Darstellung von Menüs mit einer größeren Anzahl an Links, einschließlich bis zu drei Ebenen verschachtelter Navigationsoptionen, was es Desktop-Nutzer:innen erleichtert, die Inhalte zu erfassen.
• Mobil: Das Menü wird am oberen Rand der Seite horizontal angeordnet angezeigt. So können Kund:innen leichter zwischen den Seiten ihres Kundenkontos wechseln. Wenn das Menü fünf oder mehr Elemente enthält, wird stattdessen ein Symbol angezeigt.

Wenn du die neueste Version von Kundenkonten verwendest, wird in deinem Shop automatisch ein Kundenkontomenü erstellt, das standardmäßig einen Link zur Startseite deines Shops und einen Link zu den Bestellungen deiner Kund:innen enthält. Du kannst das Standardmenü für Kundenkonten (customer-account-main-menu) durch ein bestehendes Menü ersetzen oder das Standardmenü bearbeiten.

Standardmäßiges Kundenkontomenü bearbeiten

Du kannst deine Kundenkontomenüs in deinem Shopify-Adminbereich unter Inhalte > Menüs oder über den Checkout- und Konto-Editor bearbeiten.

Du solltest in Betracht ziehen, einige der folgenden Links zu deinem Kundenkonto-Hauptmenü hinzuzufügen, um Kund:innen einen einfachen Zugriff auf ihre kontobezogenen Informationen zu ermöglichen:

• Profil: Die Profilseite der Kund:innen, auf der sie ihre personenbezogenen Daten wie Name und Adressen verwalten können.
• Apps: App-Seiten, die mit dem Kundenkonto verknüpft sind, z. B. Apps für Treueprämien und Abonnements.
• Andere Vorlagen in deinem Onlineshop.
• Externe Links.

URL-Weiterleitungen werden in Kundenkontomenüs nicht unterstützt.

Schritte:

Subdomain für deine Kundenkontoseiten erstellen

Deine Kundenkontoseiten verwenden die primäre Domain deines Shops als Basis-Domain. Wenn deine primäre Domain beispielsweise your-store.com lautet, wird deine Kundenkonto-Subdomain als account.your-store.com erstellt. Wenn du deine primäre Domain änderst, wird deine Kundenkonto-Domain entsprechend aktualisiert. Um deine primäre Domain zu überprüfen oder zu ändern, gehe in deinem Shopify-Adminbereich zu Einstellungen > Domains.

Du kannst eine Subdomain für Kundenkonten erstellen, die die primäre Domain deines Onlineshops verwendet und Kund:innen auf ihre Kontoseiten weiterleitet. Der erstellte Domain-Name ist eine Subdomain der primären Domain, die du für deinen Shop verwendest. Diese Subdomain wird zum primären Domain-Namen für alle Kundenkontoseiten, was für ein einheitliches Branding vom Login bis zur Kontoverwaltung sorgt. Wenn deine Subdomain beispielsweise account.dein-shop.com lautet, rufen Kund:innen die Login-Seite unter account.dein-shop.com/authentication/login auf.

Mehr Informationen zu Subdomains für Kundenkontoseiten.

Kundenkonten mit Apps anpassen

Durch die Anpassung von Kundenkonten mit Apps kannst du deiner Kundschaft ein besseres Erlebnis in deinem Shop bieten. Nutze Apps, um hilfreiche Self-Service-Funktionen wie Rückgaben, Abonnements, Upselling, Bewertungen und Wunschlisten hinzuzufügen, dein Branding einheitlich zu halten und den Anmeldeprozess zu vereinfachen. Du kannst Blöcke verwenden, um bestehenden Kundenkontoseiten Funktionen hinzuzufügen, oder den Kundenkonten neue Seiten hinzufügen. Wenn du beispielsweise eine Wunschlisten-App verwendest, die App-Seiten unterstützt, kannst du den Kundenkonten eine Wunschlisten-Seite hinzufügen, auf der die Kundschaft ihre Wunschlisten verwalten kann.

Du kannst die folgenden Anpassungen über den Checkout- und Konten-Editor vornehmen:

• Blöcke zu bestehenden Kundenkontoseiten hinzufügen, wie z. B. zu Bestellseite, Bestellübersicht und Profilen.
• Kundenkonten neue App-Seiten hinzufügen. Wenn die App direkte Verlinkungen unterstützt, kannst du nach dem Hinzufügen einer neuen App-Seite zum Kundenkonto diese zum Kundenkontomenü hinzufügen.

Eine vollständige Liste der Kundenkonto-Apps findest du im Shopify App Store. Mehr Informationen zur Anpassung deines Checkouts und deiner Kundenkonten mit Apps.

Über Blöcke eine Seite zu Kundenkonten hinzufügen

Einige Apps bieten Blöcke, mit denen du dem Header deines Kundenkontos eine neue Seite hinzufügen kannst. Beispielsweise bietet eine Wunschlisten-App möglicherweise einen Block, mit dem du Kundenkonten eine neue Wunschlisten-Seite hinzufügen kannst.

Du kannst App-Seiten über die Seitenleiste Apps im Checkout- und Konten-Editor erstellen. Einige App-Seiten unterstützen direkte Verlinkungen, wodurch du die Seite über den Checkout- und Konten-Editor oder über die Seite Menüs im Shopify-Adminbereich mit deinem Kundenkontomenü verlinken kannst.

Nachdem du eine neue Seite hinzugefügt hast, kannst du über den Tab Hinzugefügt in der Seitenleiste Apps oder über das Seitenauswahlmenü im Checkout- und Konten-Editor auf sie zugreifen.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Checkout.

2. Klicke im Abschnitt Konfigurationen neben der Checkout-Konfiguration, die du anpassen möchtest, auf Anpassen.

3. Suche im Abschnitt Apps nach der App, für die du eine Seite erstellen möchtest.

4. Klicke auf das +-Symbol und klicke im Abschnitt Seite hinzufügen zu auf Konten.

5. Konfiguriere in den Block-Einstellungen die Einstellungen für deine App.

6. Klicke auf Speichern.

7. Optional: Um deiner Kundschaft die App-Seite im Kundenkontomenü anzuzeigen, klicke auf Zum Menü hinzufügen. Führe im Dialogfeld Hauptmenü des Kundenkontos die folgenden Schritte aus:

   1. Überprüfe das Label und den Link, die automatisch aus dem Checkout- und Konten-Editor eingefügt werden. Wenn du den Link umbenennen möchtest, aktualisiere das Feld Label**.
   2. Optional: Füge weitere Menüpunkte hinzu, die im Hauptmenü des Kundenkontos enthalten sein sollen.
   3. Klicke auf Speichern.

Kundenkontoseiten für bestimmte Märkte anpassen

Du kannst die Kundenkontoseiten mithilfe des Checkout- und Konten-Editors für bestimmte Märkte und Regionen anpassen. So kannst du deine Kundenkontoseiten auf bestimmte Regionen zuschneiden, z. B. indem du zusätzliche Kontofunktionen für Kund:innen in deinem inländischen Markt integrierst oder in Kundenkonten einer internationalen Region benutzerdefinierte Nachrichten zu Versandverzögerungen anzeigst.

Neben marktspezifischen Überschreibungen für Branding, Einstellungen und Blöcke unterstützen Kundenkontoseiten auch marktspezifische Überschreibungen für die folgenden Anpassungstypen:

• Hinzufügen oder Entfernen ganzseitiger Erweiterungen, wie z. B. eine Seite zur Verwaltung von Abonnements, die von einer externen App bereitgestellt wird.
• Ändern von Kundenkontomenüs, z. B. ein Wechsel des standardmäßigen customer-account-main-menu, das auf den Abschnitt Header von Kundenkontoseiten angewendet wird.
• Hinzufügen oder Entfernen von Bestellaktionen, z. B. ein Button zum Anfordern von Rückgaben.

Mehr Informationen zur Anpassung von Checkout- und Kontoseiten für bestimmte Märkte.