Aufbauen

Themes und Branding

Ein Theme installieren, einmal global konfigurieren, je Markt überschreiben, und das Logo an einem vernünftigen Ort ablegen.

Ein Theme ist das Designsystem, mit dem Ihr Storefront rendert: die Vorlagen, die Schrift, die Farben, die Produktkachel, Header und Footer. Sie konfigurieren es; Sie bearbeiten es nicht.

Bevor Sie beginnen. Das Theme muss für den Tenant installiert sein, und Sie brauchen eine verifizierte Domain, bevor es irgendetwas ausliefern kann. Legen Sie zuerst Ihre Märkte fest, wenn Sie mehr als einen betreiben wollen. Theme-Einstellungen lassen sich je Markt überschreiben, und die Basis einmal zu setzen ist leichter, als sie später zu entwirren.

Was ein Theme steuert, und was nicht

Steuert das ThemeSteuert das Theme nicht
Layout von Listenseiten, Produktseiten, CheckoutWelche Produkte erscheinen (Kanal)
Farben, Typografie, Abstände, die ProduktkachelProduktnamen, Bilder, Attribute (Katalog)
Darstellung von Header, Footer, NavigationDer Kategoriebaum selbst (Kategorien)
Wie Preise und Verfügbarkeit dargestellt werdenWas der Preis ist (Pricing)
Ob der visuelle Seiteneditor verfügbar istDer Seiteninhalt selbst (Seiten)

Steht eine Änderung links, ist sie eine Theme-Einstellung oder eine Theme-Änderung. Steht sie rechts, sind Sie im falschen Bildschirm.

Installieren und aktivieren

  1. Experience Studio › Marketplace: Öffnen Sie das Theme und lesen Sie den Eintrag: Anbieter, Version, Engine, Sprachen, Funktionen, Preis und die angeforderten Berechtigungen. Ein Theme arbeitet mit den Daten Ihres Tenants; die Berechtigungsliste ist der Zugriff, um den es bittet.
  2. Installieren. Es erscheint unter Experience Studio › Installierte Themes.
  3. Nutzen Sie Auf Domain aktivieren und wählen Sie eine verifizierte Domain. Die Spalte Live auf nennt dann diese Domain.

Ein Theme kann auf mehreren Domains live sein. Eine Domain liefert ein Theme aus.

Konfigurieren

Öffnen Sie das Theme und wechseln Sie in den Tab Einstellungen.

Die Einstellungen deklariert das Theme, was Sie sehen hängt also davon ab, welches Theme Sie installiert haben. Ein Theme ohne konfigurierbare Einstellungen sagt Ihnen das. Immer gleich ist der Geltungsbereich:

  • Die Globale Basis gilt für alle Märkte. Setzen Sie hier zuerst alles.
  • Marktspezifische Werte überschreiben die Basis für einen Markt. Ein Feld, das Sie nicht überschreiben, zeigt von Global geerbt.

Das ist der Mechanismus für „derselbe Shop, anderes Logo in der Schweiz“, ohne zwei vollständige Konfigurationen zu pflegen. Überschreiben Sie die zwei oder drei Felder, die sich unterscheiden, und lassen Sie den Rest geerbt.

Manche Einstellungen sind als sensibel markiert, etwa ein API-Key, den ein Theme braucht. Ihr gespeicherter Wert wird nie wieder angezeigt, nur dass einer gesetzt ist. Lassen Sie das Feld leer, um den aktuellen Wert zu behalten; tragen Sie einen neuen ein, um ihn zu ersetzen.

Wo Logo und Markenassets liegen

Laden Sie Markenassets in die Experience Studio › Mediathek hoch, nicht in eine Seite. Die Mediathek gibt Ihnen eine stabile URL, auf die Theme-Einstellungen verweisen können, Ordner, um Kampagnenassets von dauerhaften Markenassets zu trennen, Alt-Text für die Barrierefreiheit und Bildtransformationen (Größe, Zuschnitt, Format, Qualität), damit Sie das Logo einmal hochladen statt in sechs Größen.

Markieren Sie ein Asset als öffentlich, wenn es ohne signierte URL ausgeliefert werden soll. Ein Logo auf einem öffentlichen Shop muss das sein.

Berechtigungen und Updates

Ändern sich die von einem Theme angeforderten Berechtigungen, wird das Theme markiert und bittet darum, die Zustimmung zu erneuern: eine Bestätigung des aktuellen Zugriffsregisters. Lesen Sie, was sich geändert hat, bevor Sie bestätigen. Der Abschnitt Was ist neu im Tab Übersicht des Themes trägt das Änderungsprotokoll der Version.

Was Sie prüfen

  1. Öffnen Sie die Domain in einem privaten Browserfenster. Das Theme sollte rendern, kein Platzhalter.
  2. Prüfen Sie eine Produktseite, eine Kategorieliste und die Startseite. Das sind die drei Vorlagen, die am ehesten falsch sind.
  3. Prüfen Sie einen zweiten Markt, falls Sie einen haben, und bestätigen Sie, dass die überschriebenen Felder sich unterscheiden und die geerbten nicht.
  4. Prüfen Sie den Shop auf einem Smartphone. B2B-Käufer bestellen öfter vom Lagerboden aus, als die Schreibtisch-Version dieser Entscheidung annimmt.

Wenn es nicht funktioniert

  • „Keine verifizierten Domains“: Schließen Sie Domains und Go-Live ab.
  • Eine Einstellung wird gespeichert, aber nichts ändert sich: Sie haben sie in der Globalen Basis gesetzt, während der Markt, den Sie anschauen, eine Überschreibung hat, oder umgekehrt. Achten Sie auf die Markierung geerbt am Feld.
  • Deinstallieren ist gesperrt: Ein Theme lässt sich nicht deinstallieren, solange es auf irgendeiner Domain aktiv ist. Deaktivieren Sie es zuerst überall.
Wer ein Theme auf einer Domain deaktiviert, nimmt diesen Storefront für Käufer sofort vom Netz. Es gibt keinen Entwurfszustand zwischen „live“ und „liefert nichts aus“. Routen Sie die Domain zuerst auf einen Ersatz oder schützen Sie sie, bevor Sie deaktivieren.

Weiter

Einen Storefront anlegen

Die zwei Wege zu einem laufenden Shop, ein verwaltetes Theme oder Ihre eigene deployte Site, und wie Sie sich für einen entscheiden.

Domains und Go-Live

Einen Hostnamen anlegen, DNS auf die Plattform zeigen lassen, ein Zertifikat bekommen, entscheiden, was er ausliefert, und am Launch-Tag das Passwort abnehmen.