Shopify

Die Wink Shopify App ermöglicht es Reiseveranstaltern, Erlebnisanbietern und Gastgewerbe-Händlern, das Live-Wink-Inventar direkt in ihrem Shopify-Shop anzuzeigen – neben Produkten, auf Landingpages oder überall im Theme.

wink-travel/wink-shopify-plugin auf GitHub Quellcode, Entwickler-Setup-Anleitung und Beitragsanweisungen.

Installation

Gehen Sie zum Shopify App Store und suchen Sie nach Wink Travel.
Klicken Sie auf App hinzufügen und folgen Sie dem OAuth-Prozess zur Autorisierung.
Geben Sie in den Wink-App-Einstellungen Ihre Client ID und Client Secret ein. Rufen Sie Ihre Zugangsdaten unter Applications ab.
Klicken Sie auf Überprüfen & Speichern. Eine Erfolgsmeldung bestätigt die Verbindung.

Aktivieren Sie den App Embed Block

Der App Embed Block fügt automatisch das Wink-Skript und Stylesheet auf jeder Seite ein – Sie müssen keinen Theme-Code bearbeiten.

Gehen Sie im Shopify-Adminbereich zu Onlineshop → Themes → Anpassen.
Klicken Sie im linken Bereich auf App-Embed-Blocks.
Schalten Sie Wink Travel ein.
Klicken Sie auf Speichern.

Fügen Sie eine Komponente zu einer Seite hinzu

Öffnen Sie im Theme-Editor die Seite oder den Abschnitt, auf dem Sie Wink-Inhalte anzeigen möchten.
Klicken Sie auf Block hinzufügen und wählen Sie aus den Wink-Blöcken:
- Wink Content — Hotelkarten, Raster oder Karten
- Wink Lookup — Suchleiste für Reiseziele
- Wink Search — Button zum Auswählen der Reiseroute
- Wink Account — Anmeldebutton
- Wink Itinerary — Button für den Reiseroutenstatus
- Wink Cart — Warenkorb-Button
Wählen Sie für Wink Content einen Layout-Typ und geben Sie die Layout-ID aus Wink Studio ein.
Klicken Sie auf Speichern.

Verfügbare Theme-Blöcke

Block	Zweck
Wink Content	Zeigt Hotelkarten, gerankte Raster, Karten und mehr an
Wink Lookup	Suchleiste für Reiseziele und Hotels
Wink Search	Icon-Button, der den Reiserouten-Auswahldialog öffnet
Wink Account	Anmelde- / Benutzerkonto-Button
Wink Itinerary	Reiserouten-Button, der die aktuelle Reise anzeigt
Wink Cart	Zusammenfassungs-Button für den Warenkorb