I den h\u00e4r handledningen hittar du:<\/p>\n
- \n
- En definition av WooCommerce-attribut<\/li>\n
- Hur man l\u00e4gger till attribut till din butik<\/li>\n
- Hur man ger produkter attribut<\/li>\n
- Hur man f\u00e5r attribut att visas p\u00e5 produktsidor<\/li>\n
- Hur man visar f\u00e4rgprover ist\u00e4llet f\u00f6r rullgardinsmenyer<\/li>\n<\/ul>\n
L\u00e5t oss b\u00f6rja med en \u00f6versikt \u00f6ver produktattribut.<\/p>\n
Vad \u00e4r WooCommerce-produktattribut?<\/h2>\n
WooCommerce-attribut l\u00e5ter dig l\u00e4gga till extra data till produkter s\u00e5 att du kan skapa produktvarianter.<\/p>\n
Om du till exempel har en hatt till salu i b\u00e5de gr\u00f6nt och gult, skulle du inte vilja s\u00e4lja f\u00e4rgerna som tv\u00e5 separata produkter. Eftersom det \u00e4r samma hattdesign men i olika f\u00e4rger, skulle du anv\u00e4nda ett attribut ist\u00e4llet. Du skulle l\u00e4gga till ett nytt "f\u00e4rg"-attribut och sedan l\u00e4gga till b\u00e5de "gr\u00f6n" och "gul" f\u00e4rgvarianter till din hatt.<\/p>\n
L\u00e5t oss komma ig\u00e5ng med n\u00e5gra sk\u00e4rmdumpar och riktiga exempel.<\/p>\n
Hur man l\u00e4gger till nya produktattribut<\/h2>\n
Attribut kan l\u00e4ggas till fr\u00e5n menyn Attribut under menyn Produkter.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8ea4c51b.png\")
<\/a><\/p>\nOm du k\u00f6rde WooCommerce-installationsguiden kommer du att se f\u00e4rg- och storleksattribut redan skapade.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8ecd59c2.png\")
<\/a><\/p>\nDu kan redan se "termer" tillagda f\u00f6r f\u00e4rg- och storleksattributen<\/p>\n
F\u00f6r att l\u00e4gga till ett nytt attribut beh\u00f6ver du bara ange ett namn och en snigel och klicka p\u00e5 L\u00e4gg till attribut.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8ef5db4d.png\")
<\/a><\/p>\nEn snigel \u00e4r ett namn med sm\u00e5 bokst\u00e4ver som anv\u00e4nds f\u00f6r webbadresser. Ers\u00e4tt eventuella mellanslag med bindestreck i snigeln.<\/p>\n
N\u00e4r du har skapat ditt nya attribut klickar du p\u00e5 l\u00e4nken Konfigurera villkor f\u00f6r att l\u00e4gga till alternativ till attributet.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f15d5c2.png\")
<\/a><\/p>\n"Villkor" \u00e4r ett vagt ord, men det \u00e4r ordet WooCommerce anv\u00e4nder f\u00f6r alternativ inom ditt attribut. Till exempel \u00e4r "F\u00e4rg" ett attribut och "bl\u00e5tt, "gr\u00e5" och "gr\u00f6nt" \u00e4r n\u00e5gra av dess termer.<\/p>\n
I mitt exempel skapade jag ett attribut som heter "Material", s\u00e5 jag l\u00e4gger till n\u00e5gra nya material, som "glas" och "plast".<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f3cebf1.png\")
<\/a><\/p>\nDu kan l\u00e4gga till s\u00e5 m\u00e5nga attribut med s\u00e5 m\u00e5nga termer som du vill.<\/p>\n
\u00c4ven om du kan skapa attribut som \u00e4r specifika f\u00f6r enskilda produkter, \u00e4r det b\u00e4st att l\u00e4gga till dem s\u00e5 h\u00e4r via menyn Attribut. Detta h\u00e5ller dem tillg\u00e4ngliga f\u00f6r alla produkter och g\u00f6r hanteringen mycket enklare. Att l\u00e4gga till attribut till enskilda produkter blir snabbt r\u00f6rigt och otympligt.<\/p>\n
Nu n\u00e4r du har skapat ett eget anpassat attribut, s\u00e5 h\u00e4r kan du l\u00e4gga till det i en produkt.<\/p>\n
Hur man l\u00e4gger till attribut till en produkt<\/h2>\n
N\u00e4r du har skapat dina attribut \u00e4r du redo att tilldela dem till dina produkter.<\/p>\n
B\u00f6rja med att bes\u00f6ka en av dina produkter i admin-instrumentpanelen. Leta sedan upp avsnittet Produktdata och klicka p\u00e5 pilen till h\u00f6ger f\u00f6r att expandera det.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f5dbe8e.png\")
<\/a><\/p>\nN\u00e4r du har expanderat klickar du p\u00e5 avsnittet Attribut i det v\u00e4nstra sidof\u00e4ltet.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f7b6e44.png\")
<\/a><\/p>\nI mitt exempel har produkten redan ett attribut, f\u00e4rg, listat h\u00e4r:<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f9a85b2.png\")
<\/a><\/p>\nOm du klickar p\u00e5 ett attribut expanderar det s\u00e5 att du kan l\u00e4gga till och ta bort olika v\u00e4rden\/termer.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8fb9e1f7.png\")
<\/a><\/p>\nKnappen L\u00e4gg till ny \u00e4r f\u00f6r att l\u00e4gga till helt nya villkor som sedan blir tillg\u00e4ngliga f\u00f6r alla produkter.<\/p>\n
Du kan klicka i avsnittet V\u00e4rde f\u00f6r att v\u00e4lja befintliga termer att l\u00e4gga till produkten.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8fd6df65.png\")
<\/a><\/p>\nDessa termer finns fr\u00e5n menyn Produkt > Attribut<\/strong><\/p>\n
Du kan l\u00e4gga till fler attribut till produkten med det h\u00e4r rullgardinsmenyn:<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8ff8fb6d.png\")
<\/a><\/p>\nOm du undrar hur detta skulle fungera, skulle ett exempel vara en t-shirt som beh\u00f6ver b\u00e5de f\u00e4rg- och storleksalternativ. Du skulle l\u00e4gga till b\u00e5de ett f\u00e4rgattribut och ett storleksattribut.<\/p>\n
Som jag redan n\u00e4mnde rekommenderar jag inte att du skapar anpassade produktattribut, men du kan v\u00e4lja redan existerande attribut med rullgardinsmenyn ovan.<\/p>\n
En sak du kanske inte f\u00f6rv\u00e4ntar dig \u00e4r att n\u00e4r du v\u00e4l har lagt till dina attribut s\u00e5 dyker de inte upp automatiskt p\u00e5 produktsidan.<\/p>\n
Hur du f\u00e5r dina attribut att visas p\u00e5 produktsidan<\/h2>\n
Att f\u00e5 dina attribut att visas p\u00e5 produktsidorna \u00e4r en f\u00f6rvirrande del av WooCommerce.<\/p>\n
N\u00e4r du l\u00e4gger till attribut till en produkt, \u00e4ven om du markerar rutan "synlig p\u00e5 produktsidan", kommer varianterna fortfarande inte att visas p\u00e5 din webbplats.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9017a0fe.png\")
<\/a><\/p>\nAtt markera den h\u00e4r rutan \u00e4r bara ett steg i processen<\/p>\n
Som standard \u00e4r den enda skillnaden p\u00e5 produktsidan attributen och deras v\u00e4rden som anges i avsnittet Ytterligare information.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9037fb94.png\")
<\/a><\/p>\nF\u00f6r att l\u00e4gga till rullgardinsmenyn f\u00f6r dina attribut m\u00e5ste du f\u00f6rst byta din produkt fr\u00e5n en "Enkel produkt" till en "Variabel produkt" med hj\u00e4lp av den h\u00e4r rullgardinsmenyn:<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9056b83e.png\")
<\/a><\/p>\nSedan m\u00e5ste du \u00f6ppna avsnittet Attribut och markera rutan "Anv\u00e4nds f\u00f6r varianter" f\u00f6r varje attribut.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9079e16c.png\")
<\/a><\/p>\nSe till att markera rutan f\u00f6r alla attribut du vill anv\u00e4nda<\/p>\n
N\u00e4r du \u00e4r klar klickar du p\u00e5 knappen Spara attribut.<\/p>\n
Klicka sedan p\u00e5 avsnittet Variationer. Du kan anv\u00e4nda rullgardinsmenyn f\u00f6r att l\u00e4gga till en variant i taget, men det g\u00e5r snabbare att anv\u00e4nda alternativet "Skapa varianter fr\u00e5n alla attribut".<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c909c73c5.png\")
<\/a><\/p>\nN\u00e4r du klickar p\u00e5 Go kommer WooCommerce att skapa alla olika m\u00f6jliga produktvarianter.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c90c2f36c.png\")
<\/a><\/p>\nMin produkt har tv\u00e5 varianter p\u00e5 grund av de gr\u00e5 och r\u00f6da f\u00e4rgtermerna som lagts till<\/p>\n
Det sista steget innan dina varianter dyker upp p\u00e5 produktsidan \u00e4r att ge var och en ett pris.<\/p>\n
Du vill fylla i alla f\u00e4lt, men jag ska bara l\u00e4gga till priser i mitt exempel.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c90e83994.png\")
<\/a><\/p>\nN\u00e4r du \u00e4r klar med att l\u00e4gga till priser f\u00f6r alla dina varianter klickar du p\u00e5 knappen Spara \u00e4ndringar.<\/p>\n
Du kommer nu att se en rullgardinsmeny som l\u00e5ter kunderna v\u00e4lja dina varianter.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9111378f.png\")
<\/a><\/p>\nMitt exempel anv\u00e4nder bara ett attribut, men du kan l\u00e4gga till s\u00e5 m\u00e5nga du vill. Varje attribut kommer att f\u00e5 sin egen rullgardinsmeny som listar dess tillg\u00e4ngliga villkor.<\/p>\n
\u00c4ven om detta fungerar perfekt, ger inte rullgardinsmenyn den b\u00e4sta shoppingupplevelsen.<\/p>\n
Hur man visar f\u00e4rgprover<\/h2>\n
Standardrullgardinsmenyn f\u00f6r produktvarianter skapar ingen bra anv\u00e4ndarupplevelse<\/a>.<\/p>\n
F\u00f6rest\u00e4ll dig att du har en t-shirt tillg\u00e4nglig i fem f\u00e4rger. Med en rullgardinsmeny kan kunder inte se hur m\u00e5nga f\u00e4rger som \u00e4r tillg\u00e4ngliga f\u00f6rr\u00e4n de klickar p\u00e5 den, och de ser inte de faktiska f\u00e4rgnyanserna. De ser till exempel bara ordet "bl\u00e5tt" ist\u00e4llet f\u00f6r den bl\u00e5 nyansen som din produkt anv\u00e4nder.<\/p>\n
Att ge bes\u00f6karna f\u00e4rgprover att v\u00e4lja mellan ger en mycket b\u00e4ttre shoppingupplevelse.<\/p>\n
![\"Vad](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9131f1dc.png\")
<\/a><\/p>\n\u00c4ven om det h\u00e4r alternativet inte \u00e4r tillg\u00e4ngligt i WooCommerce, finns det m\u00e5nga bra plugins som kan l\u00e4gga till den h\u00e4r funktionen p\u00e5 din webbplats:<\/p>\n
Dessa 6 produktvariationsplugins f\u00f6r WooCommerce g\u00f6r din webbplats enklare att anv\u00e4nda<\/a><\/p>\n
Plugins som listas i den samlingen kan ers\u00e4tta rullgardinsmenyn f\u00f6r f\u00e4rg-, storleks- och stilalternativ, l\u00e4gga till nya galleribilder per variant och mycket mer.<\/p>\n
WooCommerce-attributbeh\u00e4rskning<\/h2>\n
Nu vet du vad WooCommerce-produktattribut \u00e4r och hur du l\u00e4gger till dem p\u00e5 din webbplats.<\/p>\n
Att anv\u00e4nda attribut kommer att vara en viktig del av att driva din butik och s\u00e4lja produktvarianter.<\/p>\n
Om du vill ha en utm\u00e4rkt ny design f\u00f6r din butik, anv\u00e4nde jag Modern Store-<\/a> temat genom hela denna handledning. Den \u00e4r helt lyh\u00f6rd, anpassningsbar och laddas snabbt.<\/p>\n