Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB-cupen
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Färre returer, mer försäljning: Så här lägger du till storleksguider i WooCommerce

Har du någonsin undrat hur många försäljningar du förlorar för att shoppare är osäkra på om en vara faktiskt kommer att passa dem?

När kunder köper kläder eller skor online är deras största oro att få rätt storlek. Denna osäkerhet leder ofta till att de stänger fliken och letar efter en butik som ger tydligare information, vilket resulterar i övergivna varukorgar och förlorad försäljning för dig.

Jag förstår hur frustrerande det är att förlora potentiella kunder bara på grund av storleks osäkerhet. Därför har jag hjälpt många butiksägare att sätta upp tydliga storleksguider på sina produktsidor, vilket tar bort denna osäkerhet och ger kunderna förtroendet att klicka på 'Lägg i varukorg'.

I den här guiden visar jag hur du enkelt lägger till en storlekstabell i din WooCommerce-butik med tre beprövade metoder. I slutet kommer du att ha ett system på plats som minskar returer, ökar försäljningen och håller dina kunder nöjda.

Hur man lägger till storlekstabeller på WooCommerce-produktsidor

TL;DR: Det finns flera sätt att lägga till en storlekstabell i WooCommerce. Om du har en stram budget kan du använda gratispluginet WPC Product Size Chart. Om du vill spara tid genom att importera färdiga storleksmallar rekommenderar jag Advanced Product Size Charts Pro. Du kan också använda SeedProd för att anpassa dina produktsidelayouter.

Varför lägga till en storlekstabell i din WooCommerce-butik?

Den största anledningen till höga returfrekvenser i webbutiker är ofta felaktig storlek. När en kund får en vara som inte passar leder det till en frustrerande upplevelse för dem och extra fraktkostnader för dig.

Genom att lägga till en tydlig storleksguide ser du till att dina shoppare har all information de behöver innan de köper. Detta bygger förtroende och hjälper folk att känna sig mer säkra på att klicka på knappen 'Lägg i varukorg'.

Förutom att minska returer erbjuder en professionell storlekstabell flera tekniska fördelar för din butik:

  • Högre konverteringsgrad: Shoppare är mycket mer benägna att slutföra ett köp när de inte oroar sig för passformen.
  • Färre supportärenden: Du behöver inte spendera lika mycket tid på att svara på e-postmeddelanden från kunder som frågar efter specifika mått.
  • Bättre mobilupplevelse: Att använda ett popup-fönster för tabellen innebär att mobilanvändare snabbt kan kontrollera storlekar utan att lämna produktsidan.
  • Förbättrad SEO: Detaljerad produktinformation som mått kan hjälpa din butik att visas för mer specifika sökfrågor.
Fördelar med att lägga till storlekstabeller på dina WooCommerce-produktsidor

Att ta några minuter för att lägga till en storlekstabell är ett av de enklaste sätten att bygga förtroende hos dina shoppare och skydda din vinst.

Med det i åtanke, låt oss titta på de bästa sätten att ställa in detta på din webbplats utan att skriva någon kod.

Vilken metod är rätt för dig?

Det finns några olika sätt att lägga till storleksguider i din butik, beroende på din budget och hur mycket designkontroll du vill ha. Du kan använda snabblänkarna nedan för att hoppa till den metod som bäst passar dina behov:

Innan du påbörjar någon av dessa metoder, se till att du har en aktiv WooCommerce-butik med minst några produkter redan tillagda.

Om du inte har ställt in detta ännu kan du följa min steg-för-steg-guide om WooCommerce gjort enkelt.

Metod 1: Lägg till en storlekstabell med ett gratis tillägg

Om du letar efter ett pålitligt, gratis sätt att lägga till storlekstabeller, rekommenderar jag tillägget WPC Product Size Chart for WooCommerce. Det är otroligt lättviktigt och mycket nybörjarvänligt.

Först måste du installera och aktivera tillägget. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-tillägg.

När det är aktiverat, gå till Storlekstabeller » Lägg till ny i din WordPress-adminpanel för att skapa din första guide.

Ge först din storlekstabell en beskrivande titel (som 'Damstorlekar för skor').

Lägga till en tabellrubrik med WPC produktstorlekstabell för WooCommerce

Scrolla sedan ner till rutan 'Konfiguration'.

Om din tillverkare gav dig en storleksguide som en JPEG- eller PNG-bild, kan du klicka på knappen 'Lägg till media' i områdena 'Ovanför text' eller 'Under text' för att ladda upp din bild direkt till tabellen.

Lägga till en bildstorlekstabell med WPC produktstorlekstabell för WooCommerce

Tänk dock på att det vanligtvis är bättre för mobilanvändare att bygga en textbaserad tabell med hjälp av tilläggets rutnät, eftersom den automatiskt kommer att anpassas för att passa mindre skärmar utan att de behöver nypa och zooma.

Om du föredrar att skriva ut dina mått, leta efter sektionen 'Tabell' mitt på sidan.

Här kan du lägga till rader och kolumner för att bygga din layout, och sedan klicka inuti fälten för att skriva in dina storleksdata.

Skapa en storlekstabell med WPC produktstorlekstabell för WooCommerce

Slutligen måste du tala om för tillägget var den här tabellen ska visas. Leta efter rullgardinsmenyn 'Tillämpa' högst upp i konfigurationsrutan.

Jag rekommenderar starkt att du tilldelar din tabell till specifika produktkategorier här så att den visas automatiskt, vilket sparar dig massor av tid.

Tillämpa en storlekstabell på en produktkategori automatiskt med WPC produktstorlekstabell för WooCommerce

Om du väljer 'Ingen' från den här rullgardinsmenyn måste du manuellt redigera varje enskild WooCommerce-produkt och tilldela tabellen med hjälp av den nya fliken 'Storlekstabeller' som finns i rutan Produktdata.

När du är klar klickar du på knappen 'Publicera' högst upp på skärmen.

Publicera en WPC produktstorlekstabell för WooCommerce storlekstabell

Tillägget kommer automatiskt att lägga till en knapp 'Storlekstabell' till dina angivna produkter. När kunderna klickar på den här knappen öppnas din mätguide i ett rent, informativt popup-fönster.

Metod 2: Lägg till en storlekstabell med ett premiumtillägg

Medan det fungerar bra att bygga tabeller manuellt för några få artiklar, behöver större butiker ofta ett snabbare arbetsflöde.

För avancerade funktioner som färdiga mallar och snygga popup-visningar rekommenderar jag att du använder det premiumtillägget Advanced Product Size Charts Pro.

Först måste du köpa, installera och aktivera Pro-tillägget. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-tillägg.

När Pro-versionen är aktiv, navigera till Storlekstabell » Alla storlekstabeller i din WordPress-adminpanel.

Biblioteket med förgjorda storlekstabellmallar i Avancerade produktstorlekstabeller Pro

Du kommer att se en lista med ungefär 10 färdiga tabeller (som 'Herr T-shirt' och 'Dam Skor'). Dessa är dina färdiga mallar.

Istället för att börja från noll, hitta mallen som bäst matchar din produkttyp.

Hovra över titeln och klicka på länken 'Redigera'. Detta öppnar tabellredigeraren med all mätdata redan ifylld.

Scrolla ner till avsnittet 'Tabell' där du kommer att se mätgalleriet.

Skapa en tabell med Avancerade produktstorlekstabeller Pro
  • För att redigera: Dubbelklicka på en valfri cell för att ändra siffror eller text så att den matchar ditt lager.
  • För att utöka: Använd knapparna (+) i slutet av rader eller kolumner för att lägga till nya storlekar (som XXL) eller nya mätningstyper (som 'Ärmlängd').
  • För att städa upp: Klicka på 'Papperskorg'-ikonen på oanvända rader för att säkerställa att de inte visas som besvärliga tomma utrymmen på din live-webbplats.

Experttips: När du anpassar din tabell, se till att ta bort alla tomma rader med papperskorgsikonen. Att lämna tomma rader i redigeraren resulterar ofta i besvärliga tomma utrymmen på din live-produktsida, vilket förvirrar shoppare.

Scrolla sedan ner till avsnittet 'Storlekstabellinställningar' nära toppen av sidan.

För 'Storlekstabellsposition', välj 'Modal popup'. Detta är det mest populära professionella valet.

Välja popup-alternativet i Avancerade produktstorlekstabeller Pro

Du kan nu använda fältet 'Länktext för storlekstabell' för att ändra den faktiska knapptexten (som 'Visa passformsguide').

Du kan också använda rullgardinsmenyn 'Ikon för popup' för att lägga till en visuell ledtråd bredvid din länk och justera 'Teckensnittsstorlek för tabell' för att säkerställa att texten är lätt att läsa på alla enheter.

Anpassa andra popup-inställningar i Avancerade produktstorlekstabeller Pro

Slutligen måste du tala om för WooCommerce vilka produkter som ska visa denna specifika tabell.

Titta på höger sida av skärmen där du kommer att se dedikerade metaboxar för 'Tilldela kategori', 'Tilldela tagg', 'Tilldela attribut' och 'Tilldela produkt'.

Tilldela en storlekstabell till produkter med Avancerade produktstorlekstabeller Pro

För att spara tid, markera helt enkelt relevanta rutor i metaboxen 'Tilldela kategori' (som 'Skjortor' eller 'Skor'). Detta tillämpar automatiskt tabellen på alla artiklar i den kategorin.

Om du har en unik artikel som passar annorlunda än resten av ditt lager, kan du använda rutan 'Tilldela produkt' för att tillämpa tabellen på bara det specifika objektet.

När du är nöjd med hur allt är inställt, klicka på knappen 'Uppdatera' eller 'Publicera' på höger sida av skärmen. Din storlekstabell är nu live.

Uppdatera en storlekstabell med Avancerade produktstorlekstabeller Pro

Jag rekommenderar starkt att du öppnar en av dina produktsidor i en ny flik för att verifiera att knappen visas på rätt ställe och att popup-fönstret ser korrekt ut på både dator och mobil.

Metod 3: Lägg till en storlekstabell med en sidbyggare

Om du vill ha fullständig kontroll över exakt var din storleksguide visas och hur hela din produktsida ser ut, rekommenderar jag starkt att du använder webbplatsbyggaren SeedProd.

Att använda SeedProd kommer att ersätta ditt nuvarande WordPress-tema, så den här metoden är bäst om du vill designa om hela din webbutik från grunden.

Detta gör att du kan placera din storlekstabell exakt där den kommer att konvertera bäst, till exempel direkt under priset eller inuti en anpassad produktflik.

Att använda SeedProd ger dig friheten att bygga en verkligt unik shoppingupplevelse.

Om du vill ha en mer detaljerad genomgång av hur du ställer in din anpassade butiksdesign, kolla in min guide om hur du anpassar WooCommerce-produktsidor (ingen kodmetod).

Notera: Du behöver en SeedProd Elite-licens för att komma åt de specifika WooCommerce-blocken och Webbplatsbyggarfunktionerna som krävs för den här metoden.

Först måste du installera och aktivera SeedProd-pluginet.

Om du behöver hjälp, se vår guide om hur du installerar ett WordPress-plugin. Och eftersom du köpte en Elite-licens, glöm inte att aktivera din licensnyckel på sidan SeedProd » Inställningar.

Verifiera SeedProd Pro:s licensnyckel

Gå sedan till SeedProd » Webbplatsbyggare i din WordPress-adminpanel.

Notera: Du kan ignorera menyn 'AI Theme Builder' för den här handledningen, eftersom vi vill ha de manuella kontrollerna som finns här.

För att skapa din storlekstabelllayout, klicka på knappen 'Lägg till ny mall' under avsnittet 'Snabba åtgärder'.

Lägga till en ny mall med SeedProd Website Builder

I popup-fönstret som visas, ge din mall ett beskrivande namn (som 'Enskild produkt Anpassad').

Välj sedan 'Enskild produkt' från rullgardinsmenyn 'Typ'.

Skapa en ny mall för produktsida i SeedProd

Därefter måste du ställa in dina 'Villkor'.

Som standard ställer SeedProd automatiskt in detta till 'Inkludera' och 'Produkttyp'. Detta innebär att din nya layout kommer att visas på varje enskild produkt i din butik.

Om det är vad du vill, klicka helt enkelt på knappen 'Spara'.

Lägga till en storlekstabell till alla produkter med SeedProd

Men om du bara vill att den här specifika storlekstabellen ska visas på vissa artiklar, kan du enkelt ändra detta.

Du måste klicka på rullgardinsmenyn, skrolla ner till avsnittet 'WooCommerce' och välja 'Produktkategori'.

Du måste noggrant skriva in det exakta namnet eller sluggen för din kategori (som 'skjortor' eller 'skor') i textrutan och sedan klicka på 'Skapa mall'.

Lägga till en storlekstabell till en produktkategori med SeedProd

SeedProd kommer nu att öppna sin visuella dra-och-släpp-redigerare. På vänster sida av skärmen ser du ett avsnitt för dina WooCommerce-block.

Du kan dra och släppa viktiga block som Produktbild, Produkttitel, Produktpris och Lägg till i kundvagn-knappen direkt på din arbetsyta för att bygga din layout.

Bygga en produktsida med SeedProd

För att lägga till din storleksguide har du tre professionella alternativ att välja mellan:

  • Bildblocket: Dra ett 'Bild'-block direkt under priset och ladda upp din storleksguidegrafik.
  • Produktdataflikblock: Dra detta block till din layout. I inställningarna, lägg till en ny flik, byt namn på den till ‘Storleksguide’ och skriv eller klistra in din måttabell i innehållsområdet.
  • Dold sektion-block: Dra ett ‘Dold sektion’-block och märk det ‘Kontrollera din storlek’. Detta håller sidan ren och visar bara måtten när kunden klickar för att expandera den.
Lägga till en storleksbild på en produktsida i SeedProd

När du är nöjd med din anpassade produktsidedesign, klicka på knappen ‘Spara’ i det övre högra hörnet av redigeraren.

Klicka sedan på nedåtpilen bredvid spara-knappen och välj ‘Publicera’.

Publicera en anpassad produktsida i SeedProd

Slutligen, gå tillbaka till instrumentpanelen för SeedProd » Webbplatsbyggare.

När du är redo måste du växla omkopplaren ‘Aktivera SeedProd-tema’ till ‘PÅ’ högst upp på sidan. Om du hoppar över detta steg kommer din anpassade design inte att visas i din livebutik.

Viktigt: Eftersom denna inställning ersätter ditt aktiva WordPress-tema med SeedProd, se till att du också har skapat dina ‘Header’- och ‘Footer’-mallar i Webbplatsbyggaren. Om du inte gör det kan din live-webbplats tappa sin navigeringsmeny!

För detaljer, se vår guide om hur man skapar ett anpassat WordPress-tema med SeedProd.

Aktivera SeedProd-temat

Din anpassade produktsida och storleksguide är nu live och redo för dina shoppare.

Bonusmetoder för att optimera din WooCommerce-butik

Att lägga till en storlekstabell är ett bra första steg, men det finns andra sätt att göra din butik mer framgångsrik.

Att använda rätt verktyg kan hjälpa dig att omvandla fler besökare till kunder:

Vanliga frågor om WooCommerce-storlekstabeller

Jag har hjälpt många butiksägare att sätta upp sina måttguider. Här är några av de vanligaste frågorna jag får om att lägga till en storlekstabell i WooCommerce.

1. Hur lägger jag till en storlekstabell i WooCommerce gratis?

Du kan lägga till en storlekstabell gratis genom att använda pluginet WPC Product Size Chart. Det innehåller en enkel tabellbyggare och låter dig enkelt använda knappen ‘Lägg till media’ för att ladda upp storleksbilder till dina produktsidor gratis.

2. Kan jag visa en annan WooCommerce-storlekstabell för varje produktkategori?

Ja, du kan tilldela olika storlekstabeller till specifika kategorier med både gratispluginet WPC Product Size Chart och Pro-pluginet Advanced Product Size Charts Pro. Detta gör att du kan ha en guide för din kategori 'T-shirts' och en helt annan för 'Skor'.

3. Kommer ett plugin för storlekstabeller att sakta ner min WooCommerce-webbplats?

Nej, välsnickrade verktyg för storlekstabeller är mycket lätta. Jag har märkt att de bara laddar nödvändiga skript när en användare tittar på produkten eller klickar på popup-knappen, så det kommer inte att skada din WooCommerce-sidladdningshastighet.

4. Har WooCommerce en inbyggd funktion för storlekstabeller?

WooCommerce har inte en inbyggd funktion för storlekstabeller. Även om du kan använda WooCommerce-produktegenskaper för att lista mått, är det mycket bättre att använda ett dedikerat verktyg som de nämnda pluginen för att skapa en visuell tabell som är lätt för kunderna att läsa.

5. Hur laddar jag upp en bild av en storlekstabell i WooCommerce?

Om du redan har en färdig storlekstabell sparad som en bild (som JPEG eller PNG) från din tillverkare, behöver du inte bygga en ny tabell från grunden. Du kan använda SeedProd för att lägga till ett bildblock direkt i din produkt sidlayout, eller så kan du använda knappen 'Lägg till media' i konfigurationsinställningarna för gratispluginet WPC Product Size Chart.

Kom bara ihåg att statiska bilder ibland kan vara svåra att läsa på mobiltelefoner. Om du laddar upp en bild, glöm inte att lägga till Alt-text så att sökmotorer och synskadade shoppare fortfarande kan förstå din storleksinformation.

6. Vilken data bör jag inkludera i mina storlekstabeller?

För kläder inkluderar vanliga mått byst, midja, höfter och inre benlängd. För skor är fotlängd avgörande. Inkludera alltid både imperial (tum) och metriska (cm) enheter om din publik är internationell. Överväg att lägga till en guide 'Hur man mäter' eller diagram för att hjälpa kunderna att få exakta mätningar.

7. Hur hjälper storlekstabeller till att minska returer i min butik?

Storlekstabeller kommunicerar tydligt produktmått, vilket hjälper kunderna att välja rätt storlek första gången. Detta minskar avsevärt risken för att de får en vara som inte passar, vilket i sin tur sänker dina returfrekvenser och sparar dig pengar på frakt och hantering.

8. Hur lägger jag till valbara storlekar (som Liten, Mellan, Stor) till mina produkter?

Det finns två olika sätt att lägga till funktionella storlekar i din WooCommerce-butik, beroende på vad du vill att kunden ska göra:

  • För att välja en storlek för köp: Om du vill lägga till en rullgardinsmeny på din produktsida så att en kund kan välja 'Mellan' innan de klickar på Lägg i varukorg, måste du använda inbyggda WooCommerce-produktegenskaper och variationer.
  • För att bläddra i butiken efter storlek: Om du vill ha en Amazon-liknande sidopanel där kunder kan kryssa i en 'Mellan'-ruta för att bara se mellanstora artiklar i hela din katalog, måste du använda ett produktfilterplugin som WPFilters.

För att ställa in funktionella storlekar, kolla in våra kompletta guider om hur man lägger till produktegenskaper och hur man ställer in produktfilter.

Ytterligare resurser för onlinebutiker

Jag hoppas att dessa metoder hjälper dig att skapa en sömlös shoppingupplevelse för dina kunder.

Om du är redo att ta nästa steg för att växa din onlineverksamhet, rekommenderar jag att du utforskar några av mina andra artiklar nedan.

Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Avslöjande: Vårt innehåll stöds av läsarna. Det betyder att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

Kommentarer

  1. Grattis, du har möjlighet att bli den första kommentatorn på den här artikeln.
    Har du en fråga eller ett förslag? Lämna gärna en kommentar för att starta diskussionen.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarpolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.