Hjälp
Logga in

Utöka ditt tema med appar

Du kan installera appar för att lägga till funktioner och integrationer i ditt tema. Du hittar appar i Shopify App Store.

Appar kan integreras med ditt tema på följande sätt:

  • Som ett appblock: Med appblock kan du lägga till appfunktionalitet exakt där du vill använda den i ditt tema. Du kan lägga till, ta bort, förhandsgranska, flytta och anpassa appblock via temaredigeraren.
  • Som en appinbäddning: Appinbäddningar är element som tillhandahålls av appar och som flyter eller visas som en överlagring i ditt tema, eller lägger till kod i din webbshop utan att vara synlig för dina kunder. Du kan aktivera, inaktivera, förhandsgranska och anpassa appinbäddningar via temaredigeraren.
  • Genom att lägga till anpassad kod: Vissa appar lägger in kod direkt i temats kod för att lägga till funktioner i ditt tema. Du kan anpassa appen med appinställningarna eller temaredigeraren.

På den här sidan

Appblock

Appar kan läggas till både som block i ett avsnitt och som avsnitt i en mall. Det gör att du kan lägga till appfunktioner exakt där du vill använda dem på en sida. Appblock kan läggas till, tas bort, flyttas och anpassas via temaredigeraren.

Appblock kanske bara är kompatibla med vissa sidtyper. En app med storleksdiagram kanske till exempel bara är kompatibel med produktsidor.

Ett appblock som används i ett avsnitt:

Ett appblock som används i ett avsnitt.

Ett appblock som används som ett avsnitt i en mall:

Ett appblock som används som ett avsnitt i en mall.

Stöd för appblock i avsnitt

Vissa av ditt temas avsnitt kanske inte har stöd för appblock. För att ta reda på vilka av ditt temas avsnitt som har stöd för appblock kan du läsa temats dokumentation eller kontakta din temautvecklare.

Om ett avsnitt har stöd för appblock och du har en kompatibel app installerad visas avsnittet Appar i blockväljaren.

Lägg till ett appblock i ett avsnitt

Dator

  1. Gå till Webbshop > Teman i din Shopify-admin.

  2. Hitta det tema du vill redigera och klicka på Redigera tema.

  3. Navigera till den sida och det avsnitt där du vill lägga till appblocket.

  4. Klicka på Lägg till block i sidofältet.

  5. Välj det appblock du vill lägga till från avsnittet Appar i rullgardinsmenyn, eller klicka på sökfältet och ange en sökterm för att söka bland dina installerade appar.

  6. Valfritt: Klicka och dra ikonen ⠿ för att flytta blocket till en annan tillgänglig plats på sidan. Du kan även anpassa blocket med hjälp av tillgängliga inställningar.

  7. Klicka på Spara.

Mobil

  1. Från Shopify-appen trycker du på ikonen Menu.

  2. I avsnittet Försäljningskanaler trycker du på Webbshop.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Redigera tema.

  5. Tryck på Redigera.

  6. Navigera till den sida och det avsnitt där du vill lägga till appblocket.

  7. Tryck på Lägg till block i sidofältet.

  8. Välj det appblock du vill lägga till från avsnittet Appar i rullgardinsmenyn, eller tryck på sökfältet och ange en sökterm för att söka bland dina installerade appar.

  9. Valfritt: Tryck på och dra ikonen ⠿ för att flytta blocket till en annan tillgänglig plats på sidan. Du kan även anpassa blocket med hjälp av tillgängliga inställningar.

  10. Tryck på Spara eller ✓.

Lägg till ett appblock i en mall

Dator

  1. Gå till Webbshop > Teman i din Shopify-admin.

  2. Hitta det tema du vill redigera och klicka på Redigera tema.

  3. Gå till sidan där du vill lägga till appavsnittet.

  4. Klicka på Lägg till avsnitt i sidofältet.

  5. Välj den app du vill lägga till på sidan i avsnittet Appar i rullgardinsmenyn, eller klicka i sökfältet och ange text för att söka bland dina installerade appar.

  6. Valfritt: Klicka och dra ikonen ⠿ för att flytta blocket till en annan tillgänglig plats på sidan. Du kan även anpassa blocket med hjälp av tillgängliga inställningar.

  7. Klicka på Spara.

Mobil

  1. Från Shopify-appen trycker du på ikonen Menu.

  2. I avsnittet Försäljningskanaler trycker du på Webbshop.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Redigera tema.

  5. Tryck på Redigera.

  6. Gå till sidan där du vill lägga till appavsnittet.

  7. Tryck på Lägg till avsnitt i sidofältet.

  8. Välj den app du vill lägga till på sidan i avsnittet Appar i rullgardinsmenyn, eller tryck i sökfältet och ange text för att söka bland dina installerade appar.

  9. Valfritt: Tryck på och dra ikonen ⠿ för att flytta blocket till en annan tillgänglig plats på sidan. Du kan även anpassa blocket med hjälp av tillgängliga inställningar.

  10. Tryck på Spara eller ✓.

Appen läggs till som ett block i ett Appar-avsnitt. Du kan lägga till ytterligare appblock i avsnittet. Du kan även lägga till flera Appar-avsnitt på en sida.

Appinbäddningar

Appinbäddningar är element som tillhandahålls av appar och som antingen flyter fritt, visas som en överlagring i ditt tema, eller lägger till kod i din webbshop utan att vara synlig för dina kunder. Till exempel kan en app med en chattbubbla som visas i hörnet av din butik, eller en analys- eller spårningsapp, läggas till i din butik som en appinbäddning. Appinbäddningar kan aktiveras, avaktiveras och anpassas via temaredigeraren. Appinbäddningar kan användas med alla temaversioner.

Om du har flera marknader kan du anpassa appinbäddningar för varje marknad. Du kan till exempel aktivera en appinbäddning för chatt endast för din marknad i Nordamerika, eller konfigurera olika inställningar för appinbäddningar för olika marknader. För att anpassa appinbäddningar för en specifik marknad väljer du marknaden i rullgardinsmenyn Marknad i temaredigeraren innan du aktiverar eller konfigurerar appinbäddningarna. Mer information om hur du anpassar ditt tema för specifika marknader finns i Anpassa ditt tema för specifika marknader eller Shopify B2B.

Ett block för app-inbäddning.

Aktivera en appinbäddning

Dator

  1. Gå till Webbshop > Teman i din Shopify-admin.

  2. Hitta det tema du vill redigera och klicka på Redigera tema.

  3. Valfritt: Om du vill anpassa appinbäddningen för en specifik marknad klickar du på rullgardinsmenyn Marknad och väljer den marknad som du vill anpassa. Om du inte väljer någon marknad tillämpas ändringarna på Butikens standard.

  4. Klicka på ikonen Appinbäddningar i sidofältet.

  5. Välj den appinbäddning du vill aktivera eller klicka i sökfältet och ange en sökterm för att söka bland dina installerade appar.

  6. Klicka på växlingsknappen bredvid den appinbäddning du vill aktivera, för att aktivera den.

  7. Valfritt: Klicka på expansionsikonen ▸ bredvid appinbäddningens namn för att visa inställningarna.

  8. Klicka på Spara.

  9. Förhandsgranska din butik för att se den inbäddade appen live.

Mobil

  1. Från Shopify-appen trycker du på ikonen Menu.

  2. I avsnittet Försäljningskanaler trycker du på Webbshop.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Redigera tema.

  5. Valfritt: Om du vill anpassa appinbäddningen för en specifik marknad trycker du på rullgardinsmenyn Marknad och väljer den marknad som du vill anpassa. Om du inte väljer någon marknad tillämpas ändringarna på Butikens standard.

  6. Tryck på … > Appinbäddningar.

  7. Välj den appinbäddning du vill aktivera eller ange en sökterm i sökfältet för att söka bland dina installerade appar.

  8. Tryck på växlingsknappen bredvid den appinbäddning du vill aktivera, för att aktivera den.

  9. Valfritt: Tryck på expansionsikonen ▸ bredvid appinbäddningens namn för att visa inställningarna.

  10. Tryck på Spara.

  11. Förhandsgranska din butik för att se den inbäddade appen live.

Appar som läggs till i temakod

Vissa appar injicerar kod direkt i temats kod för att lägga till funktioner i temat. När du har installerat appen kan du få introduktionsinstruktioner som innefattar att du själv måste redigera kod för att lägga till appfunktioner där du vill att de ska visas i temat. Du kan anpassa appen med appens inställningar eller med temaredigeraren.

Om ditt tema erbjuder ett Custom Liquid section kan du eventuellt lägga till din appkod i det avsnittet i temaredigeraren istället för att redigera temakoden direkt.