Shopify med en anpassad app

Det vanliga sättet att ansluta Shopify är FlowHunt-appen i Shopify App Store (se e-handelsbutiker). Om du inte vill ha en offentlig app i din butik, eller om butikens policy blockerar installationer från App Store, kan du ansluta med en anpassad app (custom app) som du själv skapar i Shopify Dev Dashboard.

När den väl är ansluten fungerar en anpassad app precis som en installation från App Store: importofferten, bakåtimporten av ordrar och produkter, Eshop-rapporterna, länkbyggandet och CMS:et.

E-handelsintegrationer finns från planen Pro, och bara arbetsytans administratörer kan ansluta dem.

Innan du börjar#

• Använd butikens egen Shopify-organisation. Appen måste tillhöra samma Shopify-organisation som butiken. En byrå kan inte använda sin egen app i en kunds butik, så kunden måste skapa appen.
• Kortbetalning. Arbetsytor som faktureras via Shopify kan inte använda en anpassad app. Byt först planen till kortbetalning.
• Behörigheter i Shopify. Du måste kunna skapa appar i butikens Dev Dashboard (butiksägaren, eller ett personalkonto som får utveckla appar).

Skapa appen i Shopify#

1. Öppna apputveckling i Shopify-administrationen

   Klicka på Settings i Shopify-administrationen, sedan på Apps, sedan på Develop apps, och klicka på Build apps in Dev Dashboard. Du kan också gå direkt till Shopify Dev Dashboard och logga in med kontot som äger butiken.

   

   

   

   

2. Skapa appen

   Öppna Apps i Dev Dashboard och klicka på Create app. Om din organisation redan har appar klickar du på Create app uppe till höger och väljer Create app manually.

   

   

3. Fyll i appen och dess scopes

   • App name (1): vad som helst som du känner igen, till exempel “AmICited”.
   • App URL (2): https://app.flowhunt.io/. Avmarkera Embed app in Shopify admin; appen har ingen egen vy i Shopify.
   • Allowed redirection URL(s): lämna tomt. AmICited loggar in med appens Client ID och Client secret, så Shopify omdirigerar aldrig tillbaka till den. Lämna Use legacy install flow omarkerad.
   • Scopes (3, under API access): klistra in den här listan. Det är samma scopes som appen i App Store begär, så den anpassade appen får alla AmICited-funktioner utom orderhistorik som är äldre än 60 dagar (se nedan):

   textKopiera

   read_orders,write_orders,read_products,write_products,read_customers,write_customers,read_inventory,write_inventory,read_locations,write_price_rules,read_content,write_content,read_themes,write_themes,read_locales

   Låt Webhooks API version vara som den är.

   

   Vill du hellre kryssa i rutor än klistra in? Klicka på Select from list ovanför fältet Scopes, sök efter varje scope i listan ovan (1), kryssa i det och klicka på Done (2).

   

   

4. Skapa appen

   När namn, URL och scopes är ifyllda klickar du på Create app uppe till höger i formuläret (4 i skärmbilden av formuläret ovan). Shopify skapar appen och släpper dess första version.

   

5. Kontrollera att versionen är aktiv

   Öppna Versions i appens meny: den första versionen är markerad som Active. Om du ändrar dina scopes senare klickar du på Create version så att ändringen börjar gälla.

   

6. Ställ in distributionen på anpassad

   En anpassad app måste begränsas till din egen butik innan den kan installeras där.

   1. Klicka på kortet Distribution (Manage custom install link) i appens Overview. Shopify öppnar Partners Dashboard; om du tillfrågas väljer du det konto du använder för butiken.
   2. Välj Custom distribution (1) och klicka på Select (2). Shopify låter dig inte ändra distributionsmetoden i efterhand.
   3. Under Store domain anger du butikens adress your-store.myshopify.com (1; se Hitta din butiksadress nedan) och klickar på Generate link (2). Allow multi-store install for one Plus organization spelar bara roll om din butik tillhör en Shopify Plus-organisation med flera butiker.

   

   

   

   

7. Installera appen i din butik

   Appen kan inte läsa något förrän den är installerad i butiken.

   1. Öppna appens Overview i Dev Dashboard och klicka på Install app högst upp på kortet Installs. I vissa dashboards heter knappen Test app, som i skärmbilden nedan. Du kan också öppna menyn ⋯ på appens rad i listan Apps och välja Install app.
   2. Välj den butik du vill ansluta.
   3. Granska åtkomsten som appen begär och klicka på Install.

   

   

   

   Vyn varnar för att “This app hasn’t been reviewed”. Det är väntat: det är din egen app, inte en app från App Store.

8. Kopiera Client ID och Client secret

   Öppna appens Settings i Dev Dashboard. Under Credentials kopierar du Client ID och Client secret (använd kopieringsknapparna bredvid respektive fält). Behandla din secret som ett lösenord.

   

   

   

Anslut den i AmICited#

1. Hitta din butiksadress

   Öppna Settings i Shopify-administrationen. Butiksadressen (your-store.myshopify.com) visas under butikens namn högst upp i menyn.

   

2. Öppna Shopify-dialogrutan

   Gå till Data Sources, klicka på Connect Shopify Store under Eshops och klicka sedan på Use a custom app instead (1 i skärmbilden nedan).

3. Ange butiken och inloggningsuppgifterna

   Ange Store address, Client ID och Client secret (2) och klicka sedan på Connect store (3).

   

4. Välj domän och bekräfta importen

   Koppla butiken till en domän och välj hur mycket orderhistorik som ska importeras, precis som vid en installation från App Store. Varje alternativ visar beräknat antal rader och engångskostnad innan du bekräftar.

Ställ sedan in kunddata och butiksinställningar på samma sätt som för vilken butik som helst.

Så skiljer sig en anpassad app#

Relaterat#