Headless und composable

Pertento für Shopify Hydrogen

Eine React-Storefront auf Shopify, das Tag kommt also in den Head des Dokuments, und Varianten überleben das clientseitige Routing von Hydrogen.

Ein Skript-Tag · 0,9 KB · keine CookiesAlle Integrationen

Hydrogen ist ein React-Framework, also installiert Pertento sich so wie in jeder React-Anwendung: das Tag in den Head des Dokuments, geladen vor dem ersten Zeichnen. Varianten überleben die clientseitige Navigation von Hydrogen, statt bei jedem Routenwechsel neu angewandt zu werden, und das zählt auf einer Storefront, auf der ein Besucher in einer Session durch ein Dutzend Produktseiten geht. Gehört eine Änderung in einen Loader und nicht ins Markup, läuft das SDK serverseitig und teilt die Zuordnung mit dem Tag.

Demo buchenInstallationsanleitung

So funktioniert die Anbindung

  • Rendern Sie das Tag in den Head des Dokuments, über Analytics.
  • Lassen Sie die Zuordnung über Routenwechsel bestehen, statt sie bei jeder Navigation neu zu ermitteln.
  • Nutzen Sie das SDK in Loadern für alles, was entschieden wird, bevor die Antwort gebaut ist.

Mehr in Headless und composable

Alle Integrationen
commercetoolsDie Storefront nimmt das Tag, das SDK entscheidet, was die API zurückgibt, und ein Besucher bleibt über beide hinweg ein Besucher.So funktioniert die AnbindungSaleorGraphQL zuerst, die Storefront nimmt also das Tag, und das SDK deckt alles ab, was aufgelöst wird, bevor die Query antwortet.So funktioniert die AnbindungMedusaEin Commerce-Backend in Node, die Storefront bleibt Ihnen überlassen, die Installation ist also genau das, was diese Storefront mit einem Skript-Tag ohnehin tut.So funktioniert die Anbindung

Bessere Experimente, bessere Conversion

Test on all visitors with the world’s lightest script and make confident decisions powered by real-time reporting.

Demo buchenKonto erstellen