Immer wieder erreichen uns Fragen, wie denn am Besten Shopify mit der Software orgaMAX verbunden werden kann. Wir möchten hier Licht ins Dunkel bringen und haben Dir deswegen eine leicht verständliche Schritt-für-Schritt-Anleitung zusammengestellt, mit der Du in Zukunft ganz leicht die beiden Tools zusammenführen kannst, um noch wirkungsvoller und effizienter zu arbeiten.

Schritt 1:

Zunächst brauchst Du die Zugangsdaten von Shopify. Dafür wechselst Du in der Übersicht zur Kategorie Apps.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/shopify-01_opfafc.png", aspectRatio: "16/9", alt: "Screenshot Apps auswählen" } } } ]} />

Schritt 2: Private Apps

Es erscheint eine Übersicht all Deiner privaten Apps. Um eine neue App hinzuzufügen, klickst Du auf “Private Apps verwalten”. Abhängig davon, ob Du private Apps bereits aktiviert hast oder nicht, musst Du eine der beiden Varianten umsetzen: private

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/private_Apps1_pdud8d.png", aspectRatio: "16/9", alt: "Screenshot Private Apps" } } } ]} />

Fall 1: Private Apps wurden noch nicht aktiviert

Solltest Du noch nie private Apps in Ihrem Shop verwendet haben, musst Du diese zunächst aktivieren. Hierfür klickst Du auf “Entwicklung privater Apps aktivieren”. Ansonsten kannst Du auch schon mit Schritt 4 fortfahren.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/PrivateApps2_npd996.png", aspectRatio: "16/9", alt: "Screenshot Private Apps sind deaktiviert" } } } ]} />

Für die Aktivierung musst Du nun auf “Entwicklung privater Apps aktivieren” klicken. Dabei wird man zu folgender Übersicht weitergeleitet: Einverständniserklärung

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/ProivateApp3_sdqtdr.png", aspectRatio: "16/9", alt: "Screenshot Einverständniserklärung private Apps" } } } ]} />

Hier muss man nun alle drei Punkte genehmigen, ansonsten kann man nicht fortfahren. Sobald alle Optionen gewählt wurden, aktiviert sich der Button “Entwicklung privater Apps aktivieren”.

Nach der Aktivierung erscheint Dir folgende Übersicht:

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/PrivateApp4_e9gqac.png", aspectRatio: "16/9", alt: "Screenshot Private App für deinen Shop erstellen" } } } ]} />

Klicke nun auf “Private App erstellen” und fahre fort mit Schritt 3.

Fall 2: Private Apps sind bereits aktiviert

Sofern Du private Apps aktiviert hast, erscheint nun eine Übersicht all Deiner privaten Apps. Um alle Notwendigen Dateien für die Verknüpfung erhalten, klickst Du jetzt auf “Neue private App erstellen” im oberen Bereich.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/Private_App5_ug1pfg.png", aspectRatio: "16/9", alt: "Screenshot Private App erstellen" } } } ]} />

Schritt 3: Daten von Shopify beziehen

App-Details

Nun erscheinen mehrere Abschnitte. Zunächst müssen Sie die App-Details beschreiben. Geben Sie der privaten App einen passenden Namen. Hier bietet sich z.B. “orgaMAX Verknüpfung” an. Zudem muss die E-Mail-Adresse der zuständigen Person hinterlegt werden.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/shopify-04_jgkjmy.png", aspectRatio: "16/9", alt: "Screenshot Orgamax private App erstellen" } } } ]} />

Einstellungen in der Admin-API

Im nächsten Abschnitt (Admin-API) können Sie die Berechtigungen für orgaMAX auswählen. Sofern Sie eine neue App anlegen, sind alle Berechtigungen standardmäßig deaktiviert. Um dies zu ändern, klicken Sie auf “Inaktive Admin-API-Berechtigungen anzeigen”. Nun werden alle Bereiche aufgelistet. Ändern Sie nun bei allen Bereichen, welche für orgaMAX notwendig sind, die Berechtigung. Dazu zählen beispielsweise die Bestellungen, Inventar, Produkte usw.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/shopify-05_ohlu5e.png", aspectRatio: "16/9", alt: "Screenshot Admin API Zugriff erlauben" } } } ]} />

Bei der Webhook API-Version sollte automatisch die neueste Version ausgewählt sein. Nun klicken Sie auf “Speichern”.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/shopify-06_ga7dhz.png", aspectRatio: "16/9", alt: "Screenshot Webhook API Version einstellen" } } } ]} />

Erstellung der App

Es erscheint im Anschluss ein neues Fenster. Um fortzufahren, wählen Sie bitte “App erstellen” aus.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/shopify-07_tmhxvf.png", aspectRatio: "16/9", alt: "Screenshot Private App entgültig erstellen" } } } ]} />

Schritt 3: Erhalt der Zugangsdaten

Sie sehen nun diverse Zugangsdaten. Für die Verknüpfung mit orgaMAX werden der API-Schlüssel und das Passwort benötigt.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/shopify-08_hi7nc0.png", aspectRatio: "16/9", alt: "Screenshot mit API-Schlüssel und Passwort" } } } ]} />

Schritt 4: Verbindung mit orgaMAX

Web Client öffnen

Öffnen Sie nun in einem separaten Tab den orgaMAX Web Client und wechseln Sie im Bereich “Einstellungen” zur Kategorie “E-Commerce”.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/orga-00_kbioa1.png", aspectRatio: "16/9", alt: "Screenshot Orgamax - Ecommerce Verbindung" } } } ]} />

Schritt 5: Eingabe der Daten

Darauf folgend erscheint ein neues Fenster, in welchem Sie die Daten ihres Shopify-Accounts einfügen. Bezeichnung: Die Bezeichnung ihres Webshops. Shopname: Geben Sie die URL ihres Webshops an (z.B. https://www.pcode.at/) API Key: In dieses Feld kopieren Sie ganz einfach den von Shopify angegebenen API-Key. Passwort: Kopieren Sie ebenfalls das Passwort von Shopify und fügen es hier ein.

<imagesSection images={[ { devices: { mobileAndUp: { src: "/uploads/blogArticle/cloudindary/orga-01_wiug3p.png", aspectRatio: "16/9", alt: "Screenshot Orgamax Shopify Verbindung einrichten" } } } ]} />

Ihre Daten sollten nun automatisch übertragen werden

Wir wünschen Ihnen viel Freude und Erfolg beim Ausprobieren!

Anmerkung: Dieser Blogbeitrag wurde gemeinsam mit unserer Frontend Developerin Vanessa Karaban geschrieben.