Shopify API: Alles Wissenswerte zu den API-Schnittstellen
Mittwoch, 22. November 2023
Latori GmbH

Shopify API: Alles Wissenswerte zu den API-Schnittstellen

Shopify bietet Entwicklern und Partnern eine ganze Reihe an Shopify APIs an, mit denen sie die integrierten Funktionen der Shopify-Plattform erweitern oder neue Funktionalitäten hinzufügen können und die Interaktion mit anderen Systemen und Plattformen ermöglichen. Je nach Anwendungsfall kommen dabei unterschiedliche API-Schnittstellen zum Einsatz, wie beispielsweise die Shopify Admin API oder die Shopify Storefront API. Wofür steht API? Welche API-Anbindung ist spannend für Shopify? Im Beitrag möchten wir Ihnen einige APIs und ihre Verwendung vorstellen.

Sie sind auf der Suche nach einer renommierten Shopify Agentur? Mit 10 Jahren Shopify-Erfahrung steht Ihnen unser Team zur Seite. Kontaktieren Sie uns!

API - Was ist das?

Eine API, oder auch Application Programming Interface oder zu Deutsch Programmierschnittstelle, wird Entwicklern zur Verfügung gestellt, um externe Systeme anzubinden und die Interaktion zwischen beiden Systemen zu ermöglichen. Rein technisch betrachtet gibt eine Schnittstelle vor, wie Daten entgegengenommen und gesendet werden. Dies erfolgt auf Quelltext-Ebene, für die die Entwickler eine spezifische Syntax inklusive aller relevanten Parameter erstellen.

Häufig fällt in diesem Zusammenhang auch der Name REST API und GraphQL. Der größte Unterschied zwischen beiden ist die Art und Weise, wie Daten an den Client gesendet werden. Bei einer REST-Architektur stellt der Client eine HTTP-Anfrage und die Daten werden als HTTP-Antwort gesendet, während in GraphQL der Client Daten mit Abfragen anfordert. Bei Latori verwenden wir die zukunftsweisende ShopifyQL (bzw. die Shopify GraphQL Admin API) in fast jedem Kundenprojekt. Mehr dazu im Kapitel Shopify Admin API.

Shopify Admin API vs. Shopify Storefront API - Was sind die Unterschiede?

Der wesentlichste Unterschied der beiden APIs liegt im Zweck, den sie erfüllen sollen. Die Shopify Storefront API ist für Entwickler gedacht, die eine maßgeschneiderte Einkaufserfahrung für Kunden entwickeln möchten. Sie ermöglicht die Integration von Shopify-Daten in benutzerdefinierte Front-End-Anwendungen, mobile Apps oder andere Kundenschnittstellen.
Die Shopify Admin API hingegen richtet sich an Entwickler und Shop-Betreiber, die umfangreiche Anpassungen an ihrem Shopify-Shop vornehmen und automatisierte Prozesse implementieren möchten. Sie ermöglicht die Anbindung von Drittanbieter-Tools und die Automatisierung von Abläufen im Backend des Onlineshops.
Im nächsten Abschnitt gehen wir genauer auf die wichtigsten Shopify APIs und ihre Nutzung ein.

Beispiele der Shopify API: Shopify API Schnittstellen und ihre Verwendung

Im Folgenden stellen wir Ihnen die meistgenutzten Shopify APIs und ihre unterschiedlichen Einsatzgebiete etwas genauer vor.

Grafik mit Shopify API-SchnittstellenShopify Admin API

Shopify API Admin-SymbolMit der Shopify Admin API hat man die Möglichkeit, die Shopify-Nutzererfahrung nach seinen eigenen Wünschen zu gestalten. So lassen sich bestehende Shopify-Funktionen mit Apps erweitern, Inventar mit anderen Marktplätzen und Kanälen abgleichen, Daten zwischen Warenwirtschaftssystem und Shop austauschen oder Erweiterungen für Produkte, Bestellungen oder den Versand einstellen. Die Shopify-Schnittstelle unterstützt dabei GraphQL und auch REST. Diese Art der Schnittstelle nutzen wir bei unseren Shopify-Plus-Kunden bei nahezu jedem Projekt.

Lesetipp: Sie suchen die besten Shopify-Apps? Unser Beitrag hilft Ihnen weiter!

Shopify Storefront API

Shopify Storefront API-SymbolDie Shopify Storefront API bildet das Fundament für benutzerdefinierte Storefronts. Mit ihr hat man Zugang zu Shopify-Funktionen, wie z.B. die Anzeige von Produkten und Kollektionen, das Hinzufügen von Artikeln im Warenkorb oder kontextbezogene Preisberechnungen. So lassen sich einzigartige Einkaufserlebnisse für jede Frontend-Anwendung schaffen, wie z.B. für den Shop, eine Mobile App oder soziale Medien.

Shopify API Nutzung am Beispiel:

Die Storefront API haben wir beispielsweise für die Headless-Umsetzung unseres Kunden Horando eingesetzt und für die Entwicklung der Smartphone App von GoTiger.

ein Bildschirmfoto der GoTiger App

Wie GoTiger asiatische Lebensmittel mit Shopify Plus und Smartphone-App an die Kundschaft bringt, lesen Sie in unserer Case Study.

Shopify Ajax API

Shopify Ajax API-SymbolDie Shopify Ajax API wird sehr häufig genutzt, um Anpassungen im Warenkorb vorzunehmen. Anwendungsfälle wären z.B., dass beim Hinzufügen von Produkten zum Warenkorb der Warenkorbzähler aktualisiert wird oder die Anzeige von relevanten Produktempfehlungen im Warenkorb.

Shopify Section Rendering API

Shopify Section Rendering API-SymbolDie Section Rendering API kann man wiederum nutzen, um Seiteninhalte zu aktualisieren, ohne die gesamte Seite neu zu laden, indem nur bestimmte Elemente abgerufen und aktualisiert werden. Angenommen, man hat mit der Ajax API den Warenkorb verändert, so kann man mit der Section Rendering API das Icon vom Warenkorb aktualisieren, damit es die richtige Anzahl an Produkten über den Zähler zeigt.

Shopify Customer Privacy API

Shopify Customer Privacy API-SymbolDie Customer Privacy API ist sehr interessant, wenn es um das Thema DSGVO und die Abbildung vom Cookie Consent geht. Mit ihr haben Entwickler Zugriff auf Cookies und können entsprechende Banner zur Einwilligung erstellen.

Lesen Sie in unserer Case Study, wie wir für Usercentrics eine Public App für Shopify-Händler erstellt haben, mit der Sie die Cookie Consent Lösung von Usercentrics nutzen können.

Shopify Function API

Shopify Function API-SymbolDie Shopify Function API ist noch recht neu und wurde in der Shopify Editions Winter Edition vorgestellt. Sie erlaubt Entwicklern den Zugriff und die Anpassung von Backend-Funktionalitäten. Das könnte beispielsweise die Umsortierung von Zahlungsmethoden sein, die den Käufer angeboten werden, spezielle Rabatte im Warenkorb oder die Umbenennung von Lieferoptionen, die während des Checkouts zur Verfügung stehen.

Shopify Multipass

Shopify Multipass-SymbolMit Shopify Multipass lassen sich hervorragend Single Sign-on Lösungen umsetzen. Betreiben Händler neben dem Shop noch weitere Websites (z.B. ein Forum) oder eine Smartphone-App, müssen sich Nutzer nicht noch einmal anmelden und werden nahtlos mit derselben E-Mail-Adresse eingeloggt, sofern für die E-Mail ein Nutzerkonto existiert. Sollte noch kein Konto existieren, wird eines erstellt.

Shopify API Nutzung am Beispiel:

Auch bei unserem Kunden Asphaltgold müssen sich Benutzer des Webshops nicht erneut für die mobile Smartphone App registrieren, sondern nutzen den gleichen Login. Multipass kann zudem eingesetzt werden für die Migration von Passwörtern und Kundenkonten.

ein Bildschirmfoto der Asphaltgold App

Wie Asphaltgold mit Shopify-Plus-Shop und Smartphone-App ein einzigartiges Shopping-Erlebnis schafft, lesen Sie in unserer Case Study.

Schritt für Schritt: Shopify API einfach aktivieren (Anleitung)

eine Aufschrift in einem roten Kreis Shopify API StartUm beispielsweise Shopify-basierte Daten über eine externe Anwendung zu nutzen oder um spezielle Shopify-Apps zu entwickeln, muss man zunächst die Shopify API aktivieren. Dieser Schritt kann nicht rückgängig gemacht werden.

Nachfolgend erhalten Sie eine kurze Schritt-für-Schritt-Anleitung zur Aktivierung der Shopify API.

  1. Wählen Sie im Shopify-Backend den Punkt Apps und anschließend App- und Vertriebskanaleinstellungen aus.

  2. Klicken Sie auf das obere Feld Apps erstellen.

  3. Bestätigen Sie Ihre Eingabe und klicken Sie auf den grünen Button Benutzerdefinierte App-Entwicklung erlauben.

  4. Im Anschluss vergeben Sie einen App-Namen und füllen das Feld zum App-Entwickler aus.

  5. Nun ist die Shopify API aktiviert und im nächsten Schritt können die Zugriffsbereiche konfiguriert werden, z.B. die Admin API oder die Storefront API und es kann ein API-Schlüssel vergeben werden. 

Eine detaillierte Konfiguration können wir an dieser Stelle leider nicht aufgreifen, da die Einstellung sehr individuell vom jeweiligen Anwendungsfall abhängt und mit äußerster Vorsicht vorgenommen werden sollte.

Fazit

Egal ob man eine App entwickeln, Eingriffe im Shopify Storefront vornehmen oder Daten zwischen Systemen austauschen möchte, mit den unterschiedlichen Shopify APIs erhält man als Entwickler Zugriff auf die einzelnen Bereiche. So kann man ein unverwechselbares Einkaufserlebnis schaffen, die Conversion-Rate steigern und mehr Umsatz generieren.

Wenn Sie beim Thema Shopify-App oder API Unterstützung benötigen, nehmen Sie gerne Kontakt zu uns auf.

Häufig gestellte Fragen zu Shopify API

Was ist eine API?

Eine API bzw. Application Programming Interface ist  eine Programmierschnittstelle, die dafür dient, externe Systeme anzubinden und die Interaktion zwischen beiden Systemen zu ermöglichen (z.B. eine Anbindung einer Warenwirtschaft an einen Shopify Shop). Mehr zu den unterschiedlichen Shopify APIs und ihren Anwendungsfällen, lesen Sie im Beitrag.

Wie binde ich API-Key in meinem Shop ein?

Die Anbindung von Drittanbietern im Shopify Shop erfolgt über Shopify APIs. Für die Aktivierung der Shopify API haben wir im Beitrag eine Schritt-für-Schritt-Anleitung erstellt, die alles Wissenswerte zu den einzelnen Shopify APIs enthält und zeigt, wie man die API im Backend freischaltet.

Welche Arten von Shopify APIs existieren?

Je nach Anwendungsfall greifen verschiedene Arten von Shopify APIs. Die am häufigsten verwendete API-Schnittstelle ist die Shopify Admin API, mit der sich Drittanbieter anbinden lassen. Zudem gibt es auch spezielle APIs für den Checkout mit der Ajax API oder für das Frontend des Shops mit der Shopify Storefront API. Eine Übersicht der wichtigsten APIs haben wir im Beitrag zusammengefasst.

Kann ich Shopify APIs kostenfrei nutzen?

Um Zugriff auf die Shopify APIs wie die Shopify Admin API oder die Shopify Storefront API zu erhalten, müssen Sie Shopify Partner werden. Dann können Sie von allen APIs kostenfrei Gebrauch machen.

Wie erhalte ich Shopify APIs?

Gehen Sie dazu im Shopify-Backend zum Punkt “Apps” und anschließend auf “App- und Vertriebskanaleinstellungen”. Klicken Sie auf das obere Feld “Apps erstellen” Anschließend bestätigen Sie Ihre Eingabe und klicken “Benutzerdefinierte App-Entwicklung erlauben”. Jetzt vergeben Sie einen App-Namen und füllen das Feld für App-Entwickler aus. Im Anschluss können Sie Zugriffsbereiche konfigurieren, folgen Sie den Anweisungen im Shopify Backend.

Wie funktioniert die Shopify API Schnittstelle?

Die Shopify API (Application Programming Interface) ermöglicht die Integration von Anwendungen und Diensten mit Shopify, einem E-Commerce-Plattform-Anbieter. Es ist wichtig, die API-Dokumentation sorgfältig zu lesen und sicherzustellen, dass deine Anfragen den Standards entsprechen, um effektiv mit der Shopify-API zu interagieren.

Wie binde ich Drittanbieter Software an Shopify an?

Die Integration von Drittanbieter-Software mit Shopify erfolgt normalerweise mithilfe von APIs (Application Programming Interfaces). Die genauen Schritte können je nach der spezifischen Drittanbieter-Software, die Sie integrieren möchten, variieren. Es ist wichtig, die Dokumentationen beider Plattformen sorgfältig zu lesen und die Best Practices für Integrationen zu beachten.

Was ist die Shopify Rest Admin API?

Die Shopify REST API (Representational State Transfer Application Programming Interface) ist eine Programmierschnittstelle, die von Shopify bereitgestellt wird, um Entwicklern den Zugriff auf und die Interaktion mit den Daten und Funktionen von Shopify-Shops zu ermöglichen. REST ist ein Architekturstil, der sich auf die Verwendung von Standard-HTTP-Methoden wie GET, POST, PUT und DELETE konzentriert, um auf Ressourcen zuzugreifen und mit ihnen zu interagieren.

Newsletter
Shop Usability AwardShop Usability Award
Wir schätzen alle unsere Kunden, Nutzer und Leser, egal ob weiblich, männlich, divers oder nicht-binär. Der Lesbarkeit halber verzichten wir auf Gendersternchen und nutzen weiterhin das generische Maskulinum. Wir sprechen damit ausdrücklich alle an. Bitte beachten Sie außerdem, dass wir Zitate zum besseren, sprachlichen Verständnis leicht angepasst haben.
Shop Usability Award Winner 2023