So verbinden Sie eine Instant Landing Page (ILP) mit Shopify

Wichtige Änderung

Schon ab 1. Januar 2026Shopify wird die Erstellung benutzerdefinierter Apps für Händler nicht mehr unterstützen. Das bedeutet, dass die bisherige Verbindungsmethode (Erstellung einer benutzerdefinierten App und manuelle Vergabe von Berechtigungen für Shopfront- und Shopdaten) nicht mehr verfügbar sein wird. 

Um diesen Workflow zu ersetzen, stellt Shopify die offizielle Headless-App im Shopify App Store zur Verfügung; GemPages nutzt diese App als neue, unterstützte Methode, um ILP mit Shopify zu verbinden.

Bevor du beginnst

Sie benötigen einen Shopify-Shop, in dem Sie über die erforderlichen Administratorrechte verfügen, um Apps zu installieren und Shopfronten zu verwalten.

So verbinden Sie ILP mit Shopify (neue Methode mit Headless-App)

Folgen Sie diesen genauen Schritten, um eine Instant Landing Page mithilfe der Headless-App von Shopify mit einem Shopify-Shop zu verbinden.

Schritt 1: Installieren Sie die Headless-App

1. Gehen Sie zum Laden Sie den App Store herunter.

2. Suchen nach Headless (die offizielle Shopify Headless-App) und klicken Sie InstallierenFolgen Sie den Anweisungen von Shopify auf dem Bildschirm, um die App zu Ihrem Shop hinzuzufügen.

Schritt 2: Erstellen Sie einen Shop

1. Wählen Sie in der Headless-App die Option aus, Ladenfront erstellen.

2. Geben Sie dem Shop einen eindeutigen Namen, der Ihnen hilft, ihn später wiederzuerkennen, und erstellen Sie ihn dann.

Schritt 3: Storefront-API verwalten

Suchen Sie den Abschnitt mit der Bezeichnung Storefront-API und klicken auf Verwalten.

Schritt 4: (Optional) API-Berechtigungen für den Shop überprüfen oder bearbeiten

Wenn Sie mit der Headless-App einen neuen Storefront erstellen, aktiviert Shopify automatisch alle erforderlichen Storefront-API-Berechtigungen für die ILP-Verbindung.

Diesen Schritt müssen Sie nur ausführen, wenn Sie möchten Überprüfen die Berechtigungen oder bearbeiten Them. 

1 Wählen Bearbeiten um die aktuellen Storefront-API-Einstellungen anzuzeigen.

2. Überprüfen Sie die von Shopify voraktivierten Berechtigungen. Bei Bedarf können Sie zusätzliche Storefront-API-Bereiche aktivieren. Klicken Sie hier. Gespeichert wenn Sie Änderungen vornehmen.

Schritt 5: Kopieren Sie das öffentliche Zugriffstoken

1. Nachdem die Berechtigungen für den Shop gespeichert wurden, suchen Sie die Öffentliches Zugriffstoken (auch Publish-Token genannt) in der Headless-App.

2 Klicken Kopieren Um das Token in Ihre Zwischenablage zu kopieren.

Schritt 6: Fügen Sie das Token in die Instant Landing Page (GemPages) ein.

1. Öffnen Sie das Instant Landing Page-Projekt, das Sie in GemPages verbinden möchten.

2 Klicken Shopify verbinden innerhalb der ILP-Projekteinstellungen.

3. Fügen Sie das kopierte Token in das Feld mit der Bezeichnung ein. Öffentliches Zugriffstoken.

4 Klicken Verbinde ILP mit Shopify.

Wenn die Verbindung erfolgreich ist, Shopify verbinden Die Schaltfläche wird durch eine ersetzt Veröffentlichen Klicken Sie auf die Schaltfläche, und GemPages zeigt eine Erfolgsmeldung an, die bestätigt, dass die ILP nun mit Ihrem Shopify-Shop verbunden ist.

So stellen Sie Ihr Token wieder her und verbinden ILP erneut mit Shopify

Es gibt zwei häufige Szenarien, in denen das öffentliche Zugriffstoken nicht mehr funktioniert oder nicht mehr verfügbar ist. Befolgen Sie die unten stehenden Anweisungen, je nachdem, warum das Token verloren gegangen ist.

Szenario A: Token verloren, weil der Storefront gelöscht wurde

Wurde der Shop, der das Token ausgestellt hat, gelöscht, verliert das Token seine Gültigkeit. So stellen Sie es wieder her:

1. Öffnen Sie den Microsoft Store auf Ihrem Windows-PC Headless App in Ihrem Shopify-Adminbereich.
2. Erstelle eine neue Storefront (Folgen Sie Schritt 2 oben). Sie müssen nur dann einen Shop erstellen, wenn keine anderen bestehenden Shops wiederverwendet werden können.
3. (Optional) Überprüfen oder bearbeiten Sie die API-Berechtigungen des Shops (folgen Sie Schritt 4).
4. Kopieren Sie das neue Öffentliches Zugriffstoken und fügen Sie es in Ihr ILP-Projekt ein (folgen Sie Schritt 5, 6).

Alternative: Falls Ihre Headless-App noch einen bestehenden Shop enthält (einen, der nicht gelöscht wurde), müssen Sie keinen neuen erstellen. Kopieren Sie einfach das öffentliche Zugriffstoken dieses Shops und fügen Sie es in ILP ein.

Szenario B: Token verloren, weil die Headless-App deinstalliert wurde

Wurde die Headless-App aus dem Store deinstalliert, sind alle darüber ausgestellten Token nicht mehr verfügbar. So stellen Sie sie wieder her:

1. Installieren Sie die Headless App aus dem Shopify App Store.
2. Nach der Neuinstallation öffnen Sie die Headless-App und einen Laden einrichten (Schritt 2) oder nutzen Sie ein bestehendes Ladenlokal, falls noch eines vorhanden ist.
3. Aktivieren Sie alle Storefront-API-Berechtigungen für diesen Storefront (Schritt 4).
4. Kopieren Sie das öffentliche Zugriffstoken und fügen Sie es in ILP ein (Schritt 6).