Att arbeta med attribut i WooCommerce är ett kraftfullt sätt att organisera och beskriva produkter på ett sätt som både hjälper dig som butiksadministratör och ger kunden en bättre upplevelse i butiken. Till skillnad från produktkategorier, som grupperar produkter på en övergripande nivå (som ”filtar”, ”leksaker” eller ”kläder”), används attribut för att beskriva egenskaper och variationer inom en viss produktkategori – exempelvis ”material”, ”storlek” eller ”färg”.
Vad är ett attribut?
Ett attribut är en egenskap som en produkt kan ha. Det kan vara något som beskriver produkten (till exempel att en filt är i ull eller muslin), eller något som kunden ska kunna välja mellan (till exempel storlek S, M, L).
Hur skapas attribut?
Attribut skapas centralt i WooCommerce under Produkter > Attribut. Där definierar du själva egenskapen – exempelvis ”Material”. När du sparar attributet, kan du klicka på ”Konfigurera termer” för att lägga till de olika värdena som ska kunna väljas, som till exempel ”Ull”, ”Muslin”, ”Ekologisk bomull”.
På detta sätt skapar du ett attribut med definierade värden som du sedan kan använda på flera produkter. Det gör attributen återanvändbara, konsekventa och viktiga för filtrering.
Hur lägger man till attribut i en produkt?
När du lägger till eller redigerar en produkt går du till avsnittet Produktdata, klickar på fliken Attribut, och väljer ett av de attribut du har skapat. Du kan där välja vilka värden som gäller för just denna produkt, till exempel att den här filten är gjord i ”Ull”. Här kan du också välja två viktiga inställningar för varje attribut:
- Visa på produktsidan – detta gör att attributet syns i en informationslista på produktsidan, vilket hjälper kunden att förstå produktens egenskaper.
- Används för varianter – detta används om produkten finns i olika varianter (till exempel olika färger eller storlekar) och du vill att kunden ska kunna välja mellan dessa. Då kopplas attributet till ett variationssystem som skapar en variant för varje kombination.
Hur påverkar attributerna produkterna?
När du använder attribut för varianter skapas det unika variationer av produkten, vilket möjliggör att varje variant kan ha ett eget pris, eget lagerantal, bilder, artikelnummer och så vidare. Det blir alltså som att varje kombination (t.ex. filt i färgen grön och storleken M) är en egen version av produkten, men allt ligger under samma produktsida. Det är detta som gör att kunder kan välja mellan olika alternativ på ett snyggt och strukturerat sätt i dropdown-menyer eller färgval.
Attributen påverkar också produktsidan visuellt – informationen visas tydligt, och produkten känns mer väldefinierad, professionell och lättförståelig för kunden.
Hur hänger detta ihop med filtreringssystemet?
Attribut spelar en central roll i webbplatsens filtreringsfunktion. På kategorisidor kan du lägga in filter så att kunden kan välja exempelvis “Visa bara filtar i ull” eller “Visa bara produkter i färgen blå”. För att detta ska fungera måste attributen vara korrekt upplagda centralt och tilldelade produkterna. Filter bygger alltså på attribut – utan dem blir det omöjligt för kunden att sortera och navigera effektivt bland många produkter.
Filtrering med hjälp av attribut är särskilt viktigt när sortimentet växer, eftersom det gör det lättare att hitta rätt produkt snabbt. Det förbättrar användarupplevelsen och ökar sannolikheten för köp.
Varför är detta så viktigt?
Att använda attribut på rätt sätt är avgörande för en välfungerande, skalbar och kundvänlig e-handel. Det ger dig:
- Enklare administration – du slipper skapa onödiga produktkategorier.
- Bättre struktur – produkter blir lättare att organisera, särskilt vid stora sortiment.
- Professionellt intryck – produktinformationen visas tydligt och konsekvent.
- Effektiv filtrering – kunder kan hitta rätt snabbare, vilket direkt påverkar konverteringen.
- Smidiga variantval – istället för att skapa separata produkter, samlas alla val på en sida.
Att sätta upp attribut korrekt från början sparar tid och frustration i längden, och gör det enklare att vidareutveckla butiken över tid. Det är ett grundläggande verktyg för att hantera både produktinformation och kundupplevelse på ett smart sätt.
För djupdykning i produktattributer, se vår guide här
Produktexempel
Vi ska som ett exempel lägga in en barnvagn i WooCommerce. Ponera att produkten finns i olika formfaktorer och färger, med tillverkaren Nuna. Formfaktor och färg ska användas för att skapa varianter av produkten, medan tillverkare endast visas som information. Alla sittdelar kostar 9 995 SEK och alla liggdelar kostar 8 995 SEK, oavsett färg. Vi använder attribut för att bygga detta så strukturerat och effektivt som möjligt.
Skapa attribut
Om du inte redan har attributen passform, formfaktor och tillverkare. Börja med att skapa dessa attributen i WooCommerce genom att gå till Produkter > Attribut. Här skapar du våra tre attribut:
- Formfaktor
- Färg
- Tillverkare
När du skapat attributen klickar du på ”Konfigurera termer” för varje attribut för att lägga till deras respektive värden. Det är viktigt att använda återanvändbara attribut istället för att skriva in nya varje gång, eftersom det möjliggör filtrering och bättre struktur. Nu tilldelar vi värden i respektive attribut.
- Formfaktor – värden: Sittdel, Liggdel
- Färg – värden: Svart, Vit, Grå, Blå, Antracit
- Tillverkare – värde: Nuna
Kom ihåg! Attributet är själva grupperingen, exempelvis; storlek, färg, formfaktor, tillverkare. Värden är de olika valen inom attributen, exempelvis under attributet storlek har vi värdena; Large, Medium, Small, X-Small, etc…
Lägg till attribut i produkten
Skapa en ny produkt, exempelvis ”Barnvagn”. Under sektionen Produktdata väljer du produkttypen Variabel produkt, eftersom vi vill skapa flera varianter inom en och samma produkt.
Gå till fliken Attribut och lägg till de tre attributen:
- Formfaktor: Välj värdena Sittdel och Liggdel. Bocka i ”Visa på produktsidan” och ”Används för varianter”.
- Färg: Välj alla fem färger. Bocka i både ”Visa på produktsidan” och ”Används för varianter”.
- Tillverkare: Välj Nuna. Bocka endast i ”Visa på produktsidan”.
Spara attributen när du har valt rätt inställningar.
Skapa varianter
Nu går du till fliken Varianter. Välj alternativet ”Skapa varianter från alla attributkombinationer”. WooCommerce genererar då alla kombinationer av formfaktor och färg. Eftersom vi har 2 formfaktorer och 5 färger blir det totalt 10 varianter.
För varje variant gör du följande:
- Ange rätt pris beroende på formfaktor:
- Sittdel: 9 995 SEK
- Liggdel: 8 995 SEK
- Lägg eventuellt in artikelnummer, lagersaldo och variantbild (t.ex. en bild på den blå sittdelen)
Exempel: Variationen Sittdel – Blå ska ha priset 9 995 SEK, medan Liggdel – Grå ska ha 8 995 SEK.
Så ser det ut för kunden
På produktsidan visas nu information om tillverkare (Nuna), samt dropdown-menyer för att välja formfaktor och färg. När kunden gör ett val uppdateras produktens pris, bild och eventuell lagerstatus automatiskt baserat på vald variant. Detta ger en professionell och smidig upplevelse, där kunden slipper klicka runt mellan flera olika produkter.
Hur påverkar detta filtreringen?
Eftersom formfaktor och färg är korrekt inlagda som attribut, kan dessa också användas i butikens filtreringssystem. På till exempel kategorisidan ”Barnvagnar” kan kunden filtrera på enbart liggdelar, eller visa alla barnvagnar i färgen blå. Det gör det mycket lättare att hitta rätt produkt, särskilt i ett större sortiment.
Varför är detta viktigt?
Att använda attribut på rätt sätt skapar en tydlig och logisk struktur i webbshoppen. Du slipper skapa separata produkter för varje kombination av färg och modell, vilket sparar tid och ger bättre överblick. För kunden innebär det att all information är samlad, valen är enkla att göra, och filtreringen fungerar som den ska. Det är helt enkelt ett av de mest kraftfulla verktygen i WooCommerce – både för administration och för kundupplevelse.
