Webseiten mit Metaobjekten erstellen

Du kannst Metaobjekte verwenden, um wiederholbare Landing Pages für deinen Onlineshop zu erstellen. Wenn du beispielsweise ein Ambassador-Programm hast, kannst du für jede:n Ambassador eine Webseite mit einer Biografie, Social-Media-Links und Bildern erstellen.

Um eine Webseite mit Metaobjekten zu erstellen, musst du die folgenden Schritte ausführen:

  1. Eine Metaobjekt-Definition erstellen mit Storefront-Zugriff und optional die Webseiten-Funktion manuell aktivieren.
  2. Einträge für die Metaobjekt-Definition erstellen.
  3. Eine Metaobjekt-Vorlage für deine Webseite erstellen.

Erfahre mehr über Optionen für benutzerdefinierte Daten.

Webseiten-Funktion aktivieren und eine Theme-Vorlage erstellen

Nachdem du eine Metaobjekt-Definition und Metaobjekt-Einträge erstellt hast, kannst du im Theme-Editor eine Vorlage für das Metaobjekt erstellen.

Nachdem du das relevante Metaobjekt in der Seitenauswahl ausgewählt hast, kannst du es anpassen: Füge Abschnitte und Blöcke hinzu und bearbeite die Einstellungen. Du kannst dynamische Quellen verwenden, um die Felder deiner Metaobjekt-Definition zu verbinden. Wenn du beispielsweise Seiten für deine:n Ambassador mit Bildern erstellst, möchtest du vielleicht ein Bild mit Text hinzufügen und dann die Metaobjekt-Einträge verbinden, indem du auf die

Connect dynamic source
Schaltfläche klickst.

Erfahre mehr über die Anzeige von Metaobjekten in deinem Onlineshop und über die Verwendung von dynamischen Quellen.

Eine Metaobjekt-Vorlage im Theme-Editor erstellen

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Suche das Theme, das du bearbeiten möchtest, und klicke dann auf Theme bearbeiten.

  3. Öffne die Seitenauswahl am oberen Seitenrand.

  4. Klicke auf Metaobjekt-Vorlage erstellen. Klicke im Dialogfeld auf das Metaobjekt, das du für deine Vorlage verwenden möchtest. Du kannst bearbeiten, welches Metaobjektfeld für den Seitentitel und die Meta-Beschreibung verwendet wird, und du kannst den URL-Handle im Abschnitt Suchmaschineneintrag bearbeiten. Die Vorlage wird automatisch mit demselben Namen wie deine Metaobjekt-Definition benannt.

  5. Klicke auf Vorlage erstellen.

  6. Nachdem du die Vorlage erstellt hast, kannst du Abschnitte und Blöcke hinzufügen und Einstellungen bearbeiten, um die Vorlage anzupassen. Du kannst dynamische Quellen verwenden, um die Felder deiner Metaobjekt-Definition zu verbinden. Wenn du beispielsweise Seiten für deine:n Ambassador mit Bildern erstellst, möchtest du vielleicht ein Bild mit Text hinzufügen und dann die Metaobjekt-Einträge verbinden, indem du auf das Symbol für die dynamische Quelle klickst.

  7. Klicke auf Speichern.

Nachdem du deine Theme-Vorlage erstellt hast, kannst du von einem Abschnitt auf deiner Startseite aus auf die Seite verlinken. Du kannst den Link auch manuell in deinem Menü im Feld Link hinzufügen. Erfahre mehr über das Hinzufügen eines Links zu deinem Menü.

Webseiten-Funktion aktivieren

Um die Funktion für deine Metaobjekte zu aktivieren, wähle in deiner Metaobjekt-Definition im Abschnitt Optionen die Option Einträge als Webseiten veröffentlichen aus.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Metafelder und Metaobjekte.

  2. Klicke auf das Metaobjekt, das du zum Erstellen von Webseiten verwenden möchtest.

  3. Stelle im Abschnitt Optionen sicher, dass Zugriff für Storefronts aktiviert ist.

  4. Wähle im Abschnitt Optionen die Option Einträge als Webseiten veröffentlichen aus.

  5. Gehe im Abschnitt „Einträge als Webseiten veröffentlichen“ wie folgt vor:

    1. Wähle aus, welche Felder den Seitentitel und die Meta-Beschreibung für dein Suchmaschinen-Angebot erstellen sollen. Im Onlineshop aktivieren ist standardmäßig ausgewählt. Wenn du eine Hydrogen-Storefront hast, deaktiviere Im Onlineshop aktivieren.
    2. Optional: Passe den URL-Handle an.
  6. Klicke auf Speichern.

Nachdem du die Metaobjekt-Definition erstellt und die Funktion Webseiten aktiviert hast, musst du Metaobjekt-Einträge hinzufügen.

Metaobjekt-Einträge im Theme-Editor bearbeiten

Du kannst Metaobjekte direkt im Theme-Editor bearbeiten, ohne für Änderungen in den Adminbereich wechseln zu müssen. Dies funktioniert für Bild-, Video-, Farb-, Produkt-, Seiten-, Kollektions- und Text-Metafelder.

Bei der Inline-Bearbeitung einer Metaobjekt-Seitenvorlage kannst du nur das Metaobjekt bearbeiten, das aktuell in der Vorschau angezeigt wird.

Wenn du Vorlagen für Metaobjekt-Seiten erstellst, kannst du einen Metaobjekt-Eintrag, der gerade in der Vorschau angezeigt wird, auf eine der folgenden Arten öffnen und direkt bearbeiten:

  • Klicke auf den Titel des Eintrags, wenn du mit einer Metaobjekt-Theme-Vorlage arbeitest:
    Link zum Metaobjekt-Eintrag
  • Klicke auf den Eintrag und anschließend auf Dynamic source Wert bearbeiten wenn du mit verbundenen Feldern in den Theme-Einstellungen arbeitest:
    Link zum Metaobjekt-Eintrag aus dem Feld

Erfahre mehr über das Verbinden und Anzeigen von Metaobjekten in deinem Theme.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Klicke neben dem Theme, das du bearbeiten möchtest, auf Theme bearbeiten.

  3. Klicke in den Einstellungen des Seitenleistenmenüs auf den Eintrag.

  4. Klicke auf Dynamische Quelle Wert bearbeiten.

  5. Bearbeite den Eintrag.

  6. Klicke auf Speichern.