Avsnitt för Supply

Temainnehåll byggs med hjälp av avsnitt. Avsnitt är anpassningsbara innehållsblock som bestämmer layouten och utseendet för olika sidor i din webbutik.

Statiska avsnitt är avsnitt som visas på förutbestämda platser i din webbutik. Dessa avsnitt kan inte tas bort eller ordnas om. Statiska avsnitt kan bland annat vara sidhuvuden, sidfötter, navigeringsavsnitt eller innehållsavsnitt på sidor såsom produktsidor och produktseriesidor. Avsnittet Product (Produkt) avgör exempelvis utseendet för varje produktsida i din webbutik.

Dynamiska avsnitt är valfria avsnitt som du kan använda för att skräddarsy din startsidas layout. På butikens startsida kan du skapa en sidlayout genom att lägga till, omorganisera och ta bort dynamiska avsnitt. Du kan ha upp till 25 dynamiska avsnitt på din startsida.

Du kan lära dig om Supplys unika urval av avsnitt och hur man anpassar dem för att passa ditt företag.

Statiska avsnitt

Supply innehåller följande temainställningar:

  • Rubrik
  • Sidfot
  • Produkt
  • Produktserie
  • Kollektionslistsida
  • Artikelsidor

Dynamiska avsnitt

Supply inkluderar följande dynamiska sektioner:

  • Blogginlägg
  • Kollektionslista
  • Utvald kollektion
  • Bild med text
  • Bildspel
  • Utvald produkt
  • Nyhetsbrev
  • Karta
  • Rich text
  • Video
  • Anpassat innehåll

Rubrik

Temats header är det avsnitt som syns högst upp på varje sida i din butik.

Du kan anpassa följande artiklar i ditt sidhuvud:

  • Logotyp
  • Meddelandefält
  • Meny

Lägg till en anpassad logotyp

Du kan lägga till en anpassad logotypbild i butikens header. Det bästa formatet är en .png-fil med en genomskinlig bakgrund. Supply ser bäst ut med en logotyp som är 400 px bred. Du kan ändra storleken på logotypbilden genom att öka eller minska bredden. Öka inte värdet över logotypens ursprungliga bredd. I annat fall kan bilden förvrängas och bildkvaliteten försämras.

Om du inte lägger till en bild för logotyp kommer butiksnamnet att visas som text. Du kan ändra butiksnamnet på sidan för allmänna inställningar i Shopify-administratören.

  • Anpassad logotypbredd: Logotypens bredd.

Lägg till och konfigurera din logotyp

  1. Klicka på Sidhuvud. 2. I området Logotypbild klickar du på Välj bild och gör något av följande: * Klicka på fliken Bibliotek för att välja en bild som du redan har laddat upp till din Shopify-administratör. * Klicka på Bibliotek > Ladda upp för att välja en bild från din lokala dator. 3. Använd inställningarna för att anpassa storleken på och placeringen av din logotyp. 4. Klicka på Spara.

Lägg till ett meddelandefält

Du kan lägga till ett meddelandefält i sidhuvudet som du kan använda för att visa ett meddelande för dina kunder. Ditt meddelande är anpassningsbart och kan innehålla kontaktinformation, information om butikshändelser eller reor eller butikens slogan. Meddelandet kan innehålla upp till 55 tecken.

  1. Klicka på Sidhuvud.
  2. Markera visa meddelande i meddelandefältet.
  3. Skriv in text till din avisering.
  4. Valfritt: Ange en URL för att lägga till en länk till ditt meddelande.
  5. Klicka på färgprov i Meddelandefältet och välj en färg för att ändra bakgrundsfärg för meddelandefältet.
  6. Klicka på färgremsan för Text och välj en färg för att ändra bakgrundsfärg för texten i meddelandet.
  7. Klicka på Spara.

Lägg till en meny

Du kan lägga till en -Menyrad i din header. Då visas alla menylänkar i din header, som du kan använda för att markera vanliga sidor som dina kunder vill komma åt. Du kan till exempel lägga till en-menyrad som innehåller länkar till dina kollektioner.

  1. Klicka på Sidhuvud.

  2. Klicka på Ändra för att välja en meny. Välj en eller flera menyer från listan eller klicka på Skapa meny för att skapa en ny.

  3. Klicka på Redigera meny för att redigera menyn.

  4. Klicka på Spara.

Sidfot

Sidfoten är det avsnitt som syns längst ned på varje sida i din butik. Du kan lägga till följande funktioner i din sidfot:

  • sociala medier-ikoner
  • betalningsikoner
  • en horisontell meny
  • nyhetsbrevsregistrering
  • anpassa text
  • snabblänkar

Lägg till ikoner på sociala medier

Du kan aktivera ett alternativ för att visa ikoner för sociala medier i din webbutiks sidfot. Vilka sociala medier-ikoner som visas i sidfoten beror på dina temainställningar.

  1. Klicka på Sidfot.
  2. Markera Show social media icons (visa sociala medier-ikoner).
  3. Klicka på Spara.

Lägg till betalningsikoner

Du kan visa ikoner för de betalningsmetoder som du accepterar i sidfoten. I det här området visas ikonerna som är kopplade till den betalningsleverantör du har aktiverat i avsnittet betalningsinställningar i ditt administratörskonto.

  1. Klicka på Sidfot.

  2. Markera Visa betalningsikoner.

  3. Klicka på Spara.

Lägg till en horisontell meny

Du kan lägga till en meny i din sidfot. Denna visar alla menylänkar i ett vågrätt fält längst ner i din sidfot. Du kan använda den här menyn för att länka till vanliga sidor som dina kunder vill komma åt. Du kan till exempel lägga till en meny som innehåller länkar till dina leverans- och returpolicyer.

  1. Klicka på Sidfot.
  2. Redigera inställningen Juridisk meny. Klicka på Ändra för att välja en meny. Välj en meny från listan eller markera Skapa meny för att skapa en ny.
  3. Klicka på Redigera meny för att redigera menyn.
  4. Klicka på Spara.

Lägg till en meny, nyhetsbrevsregistrering eller textmeddelande

Du kan lägga till upp till nio innehållsblock till din sidfot.

  1. Klicka på Sidfot.

  2. För att lägga till ett innehållsblock i innehållsområdet, klicka på lägg till innehåll. Välj typ av block från följande alternativ:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

Ta bort ett innehållsblock genom att klicka på blocket och klicka sedan på Ta bort innehåll.

Anpassa ett innehållsblock genom att klicka på blocket och ändra inställningarna.

  1. Klicka på Spara.

Produkt

Produkt-avsnittet är det huvudsakliga anpassningsbara avsnittet för produktsidor. Du kan anpassa detta avsnitt med hjälp av följande alternativ:

  • Aktivera bildzoom – Låt kunden zooma in genom att föra musen över produktbilden.
  • Visa kvantitetsväljare - Låt användare ange en kvantitet som ska läggas till i varukorgen.
  • Visa meddelande om återstående kvantitet - Visa återstående lager när lagret håller på att ta slut. Meddelandet om kvarvarande kvantitet visas när det finns 9 eller färre av den valda varianten i lager. Du måste aktivera lagerspårning för att detta meddelande ska visas för produkten.
  • Visa meddelande om inkommande lagervaror när en produkt är slutsåld - Visa ett meddelande som indikerar när en slutsåld produkt åter kommer att finnas i lager. Meddelandet som visas är "Will be in stock after [date]." (Finns i lager efter den [datum]). För att detta meddelande ska visas måste du skapa en överföring så att produkten registrerar inkommande lagervaror.
  • Visa säljare – Visa produktvarumärke eller säljare. Du behöver lägga till en säljare till produkten för att visa ett varumärkesnamn eller en säljare.
  • Visa sparat belopp - Visa det belopp som kunden sparar. Det sparade beloppet är skillnaden mellan produktens ordinariepris och jämförelsepris. Du måste ställa in ett jämförelsepris för produkten för att det sparade beloppet ska kunna visas.
  • Visa ordinariepris - Visa ordinariepris för produkten.
  • Visa relaterade produkter - Visa ett urval av relaterade produkter längst ned på sidan. Den produktserie som produkten tillhör avgör vilka relaterade produkter som visas i det här avsnittet. Du måste lägga till en produkt i en produktserie för att relaterade produkter ska visas. Inga relaterade produkter visas om produkten inte ingår i en produktserie eller om artikeln är den enda artikeln i produktserien.
  • Visa dynamisk kassaknapp – Låt kunder hoppa över varukorgen och gå direkt till kassan från avsnittet utvalda produkter.
  • Aktivera produktdelning – Visa knappar som kunder kan använda för att dela produkter på sociala medier. Delningsalternativen som visas kontrolleras av dina temainställningar.
  • Aktivera produktomdömen - Lägg till avsnittet produktomdömen på sidan. Du måste installera Shopifys gratisapp Product Reviews (produktomdömen) för att du ska kunna få omdömen om din produkt och för att de ska visas.
  • Variantväljare och knappstorlek - Välj en storlek från den här rullgardinsmenyn om du vill ställa in storleken på variantväljaren, knappen Add to cart (lägg i varukorgen) och den dynamiska kassaknappen.

Redigera produktinställningar

  1. Välj Produktsidor.
  2. Klicka på Produkt-avsnittet.
  3. Använd inställningarna för att anpassa ditt avsnitt för produkter.
  4. Klicka på Spara.

Produktserie

Avsnittet Produktserie är det huvudsakliga anpassningsbara avsnittet för produktseriesidor.

Produktserieavsnittet innehåller följande inställningar:

  • Produkter per rad – Välj antalet produkter som visas i varje rad i avsnittet.
  • Rader per sida (endast rutnät) - Välj antalet rader av produkter som ska visas på produktseriesidan.
  • Sidofältets produktfilter - Välj om du vill sortera produktserier efter produkttaggar eller filtergrupper i sidofältet.
  • Visa ordinariepris - Visa ordinariepris för produkten.
  • Visa sparat belopp - Visa det belopp som kunden sparar. Det sparade beloppet är skillnaden mellan produktens ordinariepris och jämförelsepris. Du måste ställa in ett jämförelsepris för produkten för att det sparade beloppet ska kunna visas.
  • Aktivera produktomdömen - Visa brickor med omdömespoäng på sidan. Du måste installera Shopifys gratisapp Product Reviews (produktomdömen) för att kunna visa poängbrickor och få omdömen om dina produkter.
  • Aktivera sidopanel - Visa en sidopanel för att låta kunder filtrera dina produkter med hjälp av den valda filtertypen.

Redigera produktserieinställningar

  1. Välj Produktseriesidor.
  2. Klicka på avsnittet Produktserie.
  3. Använd inställningarna för att anpassa ditt produktserieavsnitt.
  4. Klicka på Spara.

Kollektionslista

Använd avsnittet Collection list (produktserielista) för att visa upp till 6 produktserier på din startsida.

Lägg till en kollektionslista på din hemsida

  1. Klicka på Lägg till avsnitt. 2. Klicka på Produktserielista och sedan på Välj. 3. Anpassa varje Produktserie-block för att lägga till produktserier i avsnittet: * Klicka på ett produktserieblock och sedan på Välj en produktserie. * Från rullgardinsmenyn Produktserie väljer du en produktserie att visa eller klicka på Skapa produktserie för att göra en ny. * Klicka på Välj. 4. Klicka på Lägg till produktserie för att lägga till ytterligare Produktserieblock. 5. Klicka på Spara.

Utvald kollektion

Du kan framhäva en kollektion på din startsida. Du kan marknadsföra reor och nya kollektioner genom att välja ut och framhäva kollektioner.

Avsnittet Utvald produktserie innehåller följande inställningar:

  • Rubrik - Lägg till en rubrik för avsnittet utvald produktserie.
  • Produktserie - Välj den produktserie som visas i avsnittet.
  • Produkter per rad - Välj antalet produkter som visas på varje rad i avsnittet.
  • Rader - Välj antal produktrader som ska visas i avsnittet.
  • Visa sparat belopp - Visa det belopp som kunden sparar. Det sparade beloppet är skillnaden mellan produktens ordinariepris och jämförelsepris. Du måste ställa in ett jämförelsepris för produkten för att det sparade beloppet ska kunna visas.
  • Visa ordinariepris - Visa ordinariepris för produkten.

Lägg till en utvald kollektion på din startsida

  1. Klicka på Lägg till avsnitt. 2. Klicka på Utvald produktserie och sedan på Välj. 3. Klicka på Välj produktserie, välj en produktserie som ska visas och klicka sedan på Välj. 4. Använd inställningarna för att anpassa avsnittet med din utvalda produktserie. 5. Klicka på Spara.

Bildspel

I avsnittet Bildspel kan du ladda upp bilder att använda i ett bildspel på din startsida.

Du kan välja upp till sex bilder för din startsida. Du kan lägga till en länk till varje bild som dina kunder kan klicka på för att öppna en sida i din butik.

Varje bildspelsbild ska vara 1000 px bred vid 500 px hög. Om du använder bildspel med olika höjder kan bilderna till synes hoppa eller vara åtskiljda mellan bildövergångar.

Bildspelsavsnittet innehåller följande inställningar:

Innehåll

  • Bild - Lägg till en bild som ska visas i ditt bildspel.
  • Länka URL – Länka din bild till en annan del av din webbutik.

Inställningar

  • Automatisk rotation mellan bilder - Ställ in att bildspelet ska spelas upp automatiskt.
  • Övergångstid - Välj hur ofta du vill byta bildspelsbilder.

Anpassa ditt bildspel

  1. Klicka på Lägg till avsnitt.
  2. Klicka på Bildspel och sedan på Välj.
  3. Om du vill lägga till bilder i bildspelet så klickar du på ett Image block (bildblock) för att anpassa det:
    1. Klicka på Select image (välj bild) och gör sedan något av följande: - Klicka på fliken Bibliotek för att välja en bild du redan har laddat upp i din Shopify-administratör.
  4. Klicka på fliken Gratisbilder för att välja en lagerbild från Burst. Härifrån kan du skriva in ett sökord eller bläddra i bildkategorierna.
  5. Om du vill välja en bild från din lokala dator klickar du på fliken Bibliotek och klickar sedan på Ladda upp.

    1. Gör något av följande om du vill lägga till en länk till bildrutan: - Klicka i fältet Link URL och välj en sida om du vill länka texten i din bildruta till en sida i din butik.
    2. Klistra in webbplatsens URL i fältet Bildlänk om du vill länka texten i din bildruta till en webbplats.
  6. Använd inställningarna för att anpassa ditt bildspel.

  7. Klicka på Spara.

Nyhetsbrev

Du kan lägga till nyhetsbrevsregistrering på din startsida. Detta låter dig samla in kunders e-postadresser för e-postmarknadsföringskampanjer. Se Shopify-bloggen för mer information om e-postmarknadsföring.

Lägga till nyhetsbrevsregistrering på din startsida

  1. Klicka på Lägg till avsnitt.

  2. Klicka på Nyhetsbrev och sedan på Välj.

  3. Ange en rubrik för nyhetsbrevsregistreringen.

  4. Ange en underrubrik till nyhetsbrevsregistreringen.

  5. Klicka på Spara.

Karta

Du kan lägga till en Google-karta på din hemsida för att visa kunder var ditt företag är beläget.

Kartavsnittet innehåller följande inställningar:

  • Rubrik - Lägg till en rubrik i ditt kartavsnitt.
  • Adress och öppettider – Lägg till butikens adress och öppettider i ditt kartavsnitt.
  • Adress som kartan ska visa - Ställ in att kartan ska visa butikens läge.
  • Etikett för kartlänk- Lägg till en knapp som länkar till ditt läge i Google Maps.
  • Visa stift - Lägg till ett stift som visar butikens specifika läge på kartan.
  • API-nyckel för Google Maps - Lägg till kartans API-nyckel till kartavsnittet.
  • Bild - Lägg till en bild som visas om kartan inte går att läsa in.
  • Bildposition – Ange placeringen av bilden.

Lägga till en karta på din hemsida

  1. Klicka på Lägg till avsnitt.
  2. Klicka på Karta och sedan på Välj.
  3. Använd inställningarna för att anpassa kartavsnittet.
  4. Klicka på Spara.

Rich text

Använd avsnittet Rich text för att tillhandahålla allt skriftligt innehåll du vill visa på din startsida, eller för att bädda in sidor som du har skapat genom din Shopify-adminsida. Till exempel kan du visa kommande händelser genom att bädda in din bloggsida eller visa en sida med något av följande:

Rich text-avsnittet innehåller följande inställningar:

  • Rubrik - Lägg till en rubrik i ditt rich text-avsnitt.
  • Text - Lägg till och formatera din anpassade text. Klicka på lägg till innehåll och sedan på sida om du vill framhäva en sida från din butik. Gå till rullgardinsmenyn och välj en startsida.
  • Storlek - Ange storleken på din text.

Lägg till rich text till din startsida

  1. Klicka på Lägg till avsnitt.

  2. Klicka på Rich Text och klicka sedan på Välj.

  3. Använd inställningarna för att anpassa ditt rich text-avsnitt.

  4. Klicka på Spara.

Video

Du kan lägga till en YouTube- eller Vimeo-video på din hemsida. Videor kan engagera kunder och generera intresse för ditt företag.

För att lägga till en video måste du hitta delningslänken för videon:

  • YouTube - En delningslänk för YouTube ser ut så här: https://youtu.be/ZXWgHlnVVEY. Du kan lära dig hur man kopierar en delningslänk för en YouTube-video i den här hjälpartikeln om YouTube.
  • Vimeo - En delningslänk för Vimeo ser ut så här: https://vimeo.com/123456789. Du kan lära dig hur man kopierar en delningslänk för en Vimeo-video i den här hjälpartikeln om Vimeo.

Videoavsnittet innehåller följande inställningar:

  • Rubrik – Lägg till en rubrik i ditt videoavsnitt.
  • Videolänk - Lägg till delningslänken för ditt videoklipp.

Lägga till en video på din startsida

  1. Klicka på Lägg till avsnitt.
  2. Klicka på Video och sedan på Välj.
  3. Använd inställningarna för att anpassa videoavsnittet.
  4. Klicka på Spara.

Anpassat innehåll

I avsnittet Anpassat innehåll kan du gruppera flera innehållsblock tillsammans. Bredden och justeringen för varje block kan justeras för att skapa en anpassad layout.

Du kan använda HTML för att formatera textblock, skapa tabeller eller bädda in innehåll från en annan webbplats. Du kan lägga till upp till nio Anpassade HTML-block i ett anpassat innehållsavsnitt.

Varje block för Anpassad HTML innehåller följande inställningar:

  • HTML – Lägg till den HTML-kod som du vill visa på din hemsida.
  • Behållarbredd -Ställ in bredden på ditt anpassade HTML-block.
  • Vertikal justering - Ställ in vertikal placering för innehållet i blocket.

Lägg till anpassat innehåll på din hemsida

  1. Klicka på Lägg till avsnitt.

  2. Klicka på Custom content (anpassat innehåll) och sedan på Välj.

  3. Välj och konfigurera de innehållsblock som du vill inkludera i avsnittet.

  4. Klicka på Spara.

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

Prova gratis