Avsnitt för Express

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 Expresss unika urval av avsnitt och hur man anpassar dem för att passa ditt företag.

Statiska avsnitt

Express innehåller följande statiska avsnitt:

  • Rubrik
  • Sidfot
  • Produkt
  • Produktrekommendationer

Dynamiska avsnitt

Express innehåller följande dynamiska avsnitt:

  • Utvalda produktserier
  • Utvald produkt
  • Anpassat innehåll
  • Bild med text

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
  • Sök

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. Maximal bredd för logotyper är 180 px. Du kan ändra storlek på logotypen genom att minska bredden.

  1. Klicka på Header (sidhuvud). 5. Klicka på Select image (välj bild) under Logo image (logotypbild) och gör sedan något av följande: * Klicka på fliken Library (bibliotek) för att välja en bild som du redan har laddat upp till din Shopify-administratör. * Om du vill välja en bild från din lokala dator klickar du på Library (bibliotek) > Ladda upp. 6. Använd skjutreglaget Custom logo width (anpassad logotypbredd) för att anpassa logotypens bredd. 8. 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, rea eller butikens slogan.

  1. Klicka på Sidhuvud. 5. I aviseringsfältet markerar du Show announcement (visa avisering). 6. Skriv in aviseringstexten. 7. Valfritt: Ange en URL för att lägga till en länk till din avisering. 8. Valfritt: Från ikonmenyn kan du välja en ikon som ska visas i aviseringsfältet. Ikonen använder samma färg som aviseringstexten. 9. Om du vill ändra färg på aviseringsfältets bakgrund så klickar du på stapeln med färgkarta och väljer en färg. 10. Klicka på färgkartan för Textfärg och välj en färg för att ändra färg på aviseringstexten. 11. 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.

Aktivera sökning

Du kan lägga till ett sökalternativ till ditt sidhuvud så att kunder snabbt kan hitta varor i din butik.

  1. Klicka på Sidhuvud. 2. Markera Visa sökning. 3. 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:

  • betalningsikoner
  • en meny
  • nyhetsbrevsregistrering
  • Ett textavsnitt som innehåller information om ditt företag
  • sociala medier-ikoner
  • en språkväljare

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 meny, nyhetsbrevsregistrering eller textmeddelande

  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:

  • Meny
  • Nyhetsbrev
  • Text

    Du kan lägga till upp till fyra innehållsblock.

    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.

Lägg till ikoner på sociala medier

  1. Klicka på Temainställnngar.

  2. Klicka på Sociala medier.

    1. Klicka på välj bild eller se gratisbilder under Bilder för delning i sociala medier för att ladda upp en bild för delning i sociala medier.
  3. Markera ett av eller alla följande alternativ för att lägga till knappar för delning på sociala medier i dina produkter och blogginlägg:

- Dela på Facebook - Tweet på Twitter - Pin på Pinterest (inte tillgänglig för delning av blogginlägg)

  1. Om du vill lägga till länkar till dina konton på sociala medier så anger du länkarna till dina konton i de fält som anges under Accounts (konton). Ange fullständiga länkar, såsom https://instagram.com/shopify eller https://twitter.com/shopify.

    1. Om du vill ändra stilen på delningsknapparna så väljer du Fully branded (fullständigt varumärkeshanterat) eller Logo only (endast logotyp) i menyn Button style (knappstil).
  2. Klicka på Spara.

Välj en språkväljare

Du bör bara lägga till en språkväljare om du har aktiverat flera butiksspråk.

  1. Klicka på Avsnitt.

  2. Klicka på Sidfot.

  3. Välj Visa språkväljare under Språkväljare.

  4. Klicka på Spara.

Produkt

Produktsidan visas när en köpare klickar på en produkt från en utvald serie. Den visar din produkts beskrivning, pris, varianter och bilder. Du kan välja om du vill rikta användare till en ny sida eller visa produktdetaljerna i ett överlägg på startsidan. Den här inställningen styrs av dina temainställningar. När Display product pages in an overlay (visa produktsidor i ett överlägg) är aktiverat visas produktsidan som ett överlägg när en produkt väljs från en utvald produktserie.

Produktavsnittet innehåller följande inställningar:

  • Visa kvantitetsväljare - Låt användare ange en kvantitet som ska läggas till i varukorgen.
  • Visa säljare - Visa produktens varumärke eller säljare på produktsidan. Du behöver lägga till en säljare till produkten för att kunna visa ett varumärkesnamn eller en säljare.
  • Visa dynamisk kassaknapp – Låt kunder hoppa över varukorgen och gå direkt till kassan från avsnittet utvalda produkter.
  • Visa produktsidor i en överlagring – Välj det här alternativet för att visa produktdetaljerna i ett överlägg på startsidan. Detta överlägg visas när en produkt väljs från en utvald produktserie.
  • Visa knappar för social delning - Visa knappar som dina kunder kan använda för att dela dina produkter på sociala medier. Dessa knappar styrs av dina temainställningar.

Redigera produktinställningarna

  1. Klicka på Produkt. 2. Använd inställningarna för att anpassa din produktsida. 3. Klicka på Spara.

Produktrekommendationer

Du kan visa rekommenderade produkter på produktsidor för att underlätta för kunder att upptäcka andra produkter som kan intressera dem.

Om Visa produktsidor i en överlagring är aktiverat för din produktsida visas produkterna i ett överlägg över den aktuella sidan när de öppnas från det här avsnittet.

Aktivera produktrekommendationer

  1. Välj Produktsidor.

  2. Klicka på avsnittet Product recommendations (produktrekommendationer).

  3. Markera Show dynamic recommendations (Visa dynamiska rekommendationer) för att visa produktrekommendationer på dina produktsidor.

  4. Valfritt: Om du vill ändra den rubrik som visas ovanför de rekommenderade produkterna anger du en ny i fältet Rubrik.

    1. Valfritt: Om du vill låta kunderna lägga till produkter i varukorgen direkt från avsnittet Produktrekommendationer väljer du Aktivera "Snabbköp"-knappen.
    2. Valfritt: Använd kryssrutan Visa säljare för att visa eller dölja säljare i produktbeskrivningarna.
  5. Klicka på Spara.

Utvalda produktserier

Du kan visa flera produktserier i ett enda avsnitt på din startsida. Produktserier visas som flikar som kunder kan navigera mellan.

När en kund lägger till en eller flera produkter från en utvald produktserie i varukorgen visas kvantiteten av produkten som lagts till i varukorgen som ett märke på produkten.

En utvald produktserie som innehåller flera serier. Serienamnen visas som klickbara flikar högst upp i avsnittet.

Avsnittet med den utvalda produktserien innehåller följande inställningar:

  • Produktserie - Välj de produktserier som du vill inkludera i avsnittet Utvalda produktserier.
  • Storlek på produktserielista - Välj det antal produkter som ska visas som standard. Den här inställningen gäller för alla produktserier i avsnittet Utvalda produktserier. - Liten - 6 produkter

    • Medelstor -18 produkter
    • Sto - 36 produkter
  • Bildstil - Välj bildbeskärningsstil för produktbilderna i produktserier. Den här inställningen gäller alla produktserier i avsnittet.

Lägg till ett avsnitt för utvald produktserie på din startsida

  1. Klicka på Lägg till avsnitt. 2. Klicka på Utvalda produktserier och sedan på Välj. 3. I innehållsområdet väljer du ett Produktserie-block eller klickar på Lägg till produktserie. 4. Klicka på Välj produktserie. 5. Från Produktserie-listan väljer du den produktserie du vill ska visas i fliken och klickar sedan på Välj.
To add a collection, click the **Add collection** link to open the [**Create collection**](/manual/products/collections) page in a new tab.

To add or remove products from the selected collection, click the **Edit collection** link to open the **Collections** page in a new tab.
  1. Upprepa steg 3 till 5 för att lägga till fler produktserier i avsnittet.
  2. Klicka på Spara.

Utvald produkt

Du kan visa en produkt på startsidan. Att visa en produkt är ett bra sätt att marknadsföra en ny eller rabatterad produkt. Kunderna kan se ytterligare produktbilder med hjälp av vänster- och högerpilarna under bilden.

Avsnittet med den utvalda produkten innehåller följande inställningar:

  • Produkt - Välj den produkt som du vill visa på startsidan.
  • Visa kvantitetsväljare - Låt användare ange en kvantitet som ska läggas till i varukorgen.
  • Visa säljare - Visa produktens varumärke eller säljare i produktavsnittet. Du behöver lägga till en säljare till produkten för att kunna visa ett varumärkesnamn eller en säljare.
  • Visa dynamiska kassaknappar - Låt kunder hoppa över varukorgen och gå direkt till kassan från avsnittet utvalda produkter.
  • Visa knappar för social delning - Visa knappar som dina kunder kan använda för att dela dina produkter på sociala medier. Dessa knappar styrs av dina temainställningar.
  • Bildstil - Välj om du vill lägga till en kvadratisk eller cirkulär beskärning för dina utvalda produktbilder.

Lägg till ett avsnitt med utvalda produkter

  1. Klicka på Lägg till avsnitt. 2. Klicka på Utvald produkt och sedan på Välj. 3. Använd inställningarna för att anpassa avsnittet med din utvalda produkt. 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.

Avsnittet Anpassat innehåll innehåller följande inställningar:

  • Rubrik - Rubriken på avsnittet.
  • Mobil layout - Layouten på blocken när din butik ses från en mobil enhet. Välj bland följande alternativ: - Rutnät - Block med en bredd på upp till 50 % visas i samma rad. Behållare med en bredd på över 50 % visas i sin egen rad.
    • Stapla - Varje block visas i sin egen rad.
    • Bild - Block är komprimerade till ett enda bildspel-stil-avsnitt. Kunderna kan klicka på navigeringspilarna för att visa fler block.

Du kan välja mellan följande blocktyper.

Anpassade typer av innehållsblock
Blocktyp Inställningar
Text

Rubrik - Lägg till en rubrik i textblocket.

Text - Lägg till och formatera din anpassade text.

Knappetikett - Lägg till en knapp med en textetikett i blocket.

Knapplänk - Lägg till den text som du vill ska visas på knappen.

Textstorlek – Ange textens storlek.

Behållarbredd - Ställ in bredden på blocket.

Vertikal justering - Ställ in vertikal placering för innehållet i blocket.

Horisontell justering - Ställ in horisontell position för innehållet i blocket.

Bild

Bild - Lägg till en bild att visa i blocket. Du kan ladda upp en bild, använda en redan uppladdad bild eller välja en gratis lagerbild från Burst.

Behållarbredd - Ställ in bredden på blocket.

Vertikal justering - Ställ in vertikal placering för innehållet i blocket.

Produkt

Produkt - Välj en produkt som ska visas i blocket. Produktnamnet, bilden och priset visas. Produkttiteln visas i blocket om produkten inte har någon bild.

Behållarbredd - Ställ in bredden på blocket.

Vertikal justering - Ställ in vertikal placering för innehållet i blocket.

Om Visa produktsidor i en överlagring är aktiverat för din produktsida, visas produkterna i en överlagring över den aktuella sidan när de öppnas från det här avsnittet.

Produktserie

Produktserie - Välj en produktserie som ska visas i blocket. Titeln på produktserien och den utvalda bilden visas. Om det inte finns någon utvald bild visas en bild från den första produkten i produktserien. Om produkterna i produktserien inte har bilder visas produktserietiteln i blocket.

Behållarbredd - Ställ in bredden på blocket.

Vertikal justering - Ställ in vertikal placering för innehållet i blocket.

Meny

Meny - Välj en meny som ska visas i blocket.

Rubrik - Lägg till en rubrik för menyn.

Behållarbredd - Ställ in bredden på blocket.

Vertikal justering - Ställ in vertikal placering för innehållet i blocket.

Horisontell justering - Ställ in horisontell position 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.

Bild med text

Med Express kan du lägga till en bild med text som visas till höger eller vänster om bilden. Du kan även lägga till en knapp som länkar till en annan sida.

Du kan använda en bild med ett textavsnitt för att annonsera en specifik produkt eller produktserie.

Avsnittet Bild med text innehåller följande inställningar:

  • Bild - Lägg till den bild du vill inkludera i avsnittet. Du kan ladda upp en bild, använda en redan uppladdad bild eller välja en gratis lagerbild från Burst.
  • Rubrik - Den primära texten som ska visas med bilden.
  • Text - Lägg till sekundär text som ska visas tillsammans med bilden. Denna text visas under rubriktexten.
  • Knappetikett - Lägg till den text som du vill ska visas på knappen.
  • Knapplänk – Ange den URL eller den sida som du vill att knappen ska länka till. Klistra in URL:en eller välj en sida från menyn. Om du inte vill inkludera en knapp i avsnittet lämnar du detta fält tomt.

Layout-alternativ

  • Dator – Välj om bilden i avsnittet ska visas till höger eller vänster när den visas på en dator. För att visa bilden till vänster väljer du Bild först. För att visa bilden till vänster väljer du bild först.
  • Mobil - Välj om bilden i avsnittet ska visas i första eller andra hand när den visas från en mobil enhet.
  • Sekundär bakgrund – Välj om du vill lägga till en sekundär bakgrundsfärg i avsnittet. Välj Delvis för att lägga till bakgrundsfärg till de övre tre femtedelarna av avsnittet. Färgen kan ändras i temainställningarna.
  • Textstorlek – Välj relativ storlek på rubriken och texten i avsnittet.
  • Behåll bildförhållande - Välj det här alternativet för att förhindra att din valda bild beskärs. Om du inte markerar det här alternativet kommer bilden att beskäras till en fyrkant.
  • Aktivera sekundär textfärg - Välj det här alternativet för att använda den sekundära bakgrundstextfärgen för rubriken och texten. Denna färg kan ändras i temainställningarna.

Lägg till ett avsnitt för bild med text på din startsida

  1. Klicka på Lägg till avsnitt. 2. Klicka på Bild med text och sedan på Välj. 3. I Bild-området klickar du på 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.
    • 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.
    • Om du vill välja en bild från din lokala dator klickar du på fliken Bibliotek och klickar sedan på Ladda upp.
  2. Använd inställningarna för att anpassa avsnittet. 5. Klicka på Spara.

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

Prova gratis