Utöka ditt tema med appar

Du kan installera appar för att lägga till funktioner och integrationer i ditt tema. Du kan hitta appar i Shopifys appbutik.

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

  • Som ett appblock: Appblock låter dig lägga till appfunktioner exakt där du vill använda dem 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 flyter eller visas som en överlagring i ditt tema, eller lägger till kod i din webbutik utan att vara synliga 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 matar in kod direkt i din temakod för att lägga till funktioner i ditt tema. Du kan anpassa appen med hjälp av appinställningarna eller med temaredigeraren.

App-block

Appar kan tillhandahålla block som kan läggas till som block i ett avsnitt och som avsnitt i en mall. På så sätt kan du 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 sidotyper. Till exempel kanske en storlekstabellsapp endast är kompatibel med produktsidor.

Ett appblock som används i ett avsnitt:

An app block being used in a section.

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

An app block being used as a section in a template.

Appblocksstöd i avsnitt

Vissa av dina temaavsnitt kanske inte stöder appblock. Se dokumentationen för ditt tema eller kontakta din temautvecklare för att identifiera vilka av dina temaavsnitt som stöder appblock.

Om ett avsnitt stöder appblock och du har en kompatibel app installerad visas ett Appavsnitt i blockväljaren.

Lägg till ett appblock i ett avsnitt

  1. Navigera till den sida och det avsnitt där du vill lägga till appblocket.
  2. Klicka på Lägg till block.
  3. Från rullgardinsmenyn i avsnittet Appar väljer du det appblock som du vill lägga till i avsnittet.
  4. Valfritt: flytta appblocket till den plats du önskar i avsnittet och anpassa blocket med hjälp av tillgängliga inställningar.
  5. Klicka på Spara.

Lägg till ett appblock till en mall

  1. Navigera till den sida där du vill lägga till appavsnittet.
  2. Klicka på Lägg till avsnitt.
  3. Välj den app som du vill lägga till på sidan, från rullgardinsmenyn i app-avsnittet.
  4. Valfritt: flytta app-avsnittet till den plats du önskar på sidan, och anpassa blocket med hjälp av tillgängliga inställningar.
  5. Klicka på Spara.

Appen läggs till som ett block i ett Appavsnitt. Om du vill kan du lägga till ytterligare appblock i avsnittet. Du kan även lägga till flera Appavsnitt på en sida.

Inbäddade appar

Appinbäddningar är element som tillhandahålls av appar och flyter eller visas som en överlagring i ditt tema, eller lägger till kod i din webbutik utan att vara synliga för dina kunder. Till exempel kan en chattbubbleapp 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, inaktiveras och anpassas via temaredigeraren. Appinbäddningar kan användas med valfri temaversion.

An app embed block.

Aktivera en appinbäddning

  1. Klicka på Temafärllningar.
  2. Klicka på fliken Appinbäddningar.
  3. Intill den appinbäddning som du vill aktivera klickar du på växlingsknappen för att aktivera den.
  4. Valfritt: visa inställningarna för appinbäddningen genom att klicka på öppningsikonen intill appinbäddningens namn.

Appar som har lagts till i temakoden

Vissa appar matar in kod direkt i din temakod för att lägga till funktioner i ditt tema. När du har installerat appen kan du få introduktionsinstruktioner som inkluderar redigering av din egen kod för att lägga till appfunktioner där du vill att de ska visas i ditt tema. Du kan anpassa appen med hjälp av appinställningarna eller med temaredigeraren.

Om temat innehåller ett Custom Liquid-avsnitt kanske du kan lägga till din app-kod i ett Custom Liquid-avsnitt i temaredigeraren istället för att redigera din temakod direkt.

Är du redo att börja sälja med Shopify?

Prova gratis