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

Hur man lägger till en kort produktbeskrivning i WooCommerce

När du driver en WooCommerce-butik kan även små detaljer påverka om någon bestämmer sig för att köpa. En av dessa är produktbeskrivningen, som kan göra stor skillnad för hur snabbt shoppare förstår vad du säljer.

Många butiksägare kämpar med detta eftersom WooCommerce inte gör kortbeskrivningarnas roll omedelbart uppenbar. Ändå visas dessa sammanfattningar på viktiga platser, som kategorisidor, produktgallerier och sökresultat, där besökare snabbt skannar innan de bestämmer sig för vad de ska klicka på.

Vi har arbetat med tillräckligt många WooCommerce-butiker för att se hur mycket tydligare, mer koncis beskrivningar kan förbättra engagemanget och hjälpa kunder att välja snabbare.

I den här guiden visar vi dig hur du lägger till en kort produktbeskrivning i WooCommerce, så att dina produkter sticker ut och din butik känns enklare att handla i.

Hur man lägger till en kort produktbeskrivning i WooCommerce

💡 Snabbt svar: Hur man lägger till en kort produktbeskrivning i WooCommerce

Har du bråttom? Här är de 3 sätten som täcks i den här artikeln:

  • Lägg till på enskild produkt (grundläggande): Skriv enkelt in den i rutan 'Kort produktbeskrivning' när du redigerar en produkt.
  • Visa på butiks- och kategorisidor (med WPCode): Lägg till ett enkelt PHP-kodavsnitt med WPCode för att göra dem synliga på dina huvudsakliga butiks- och arkivsidor.
  • Anpassa placering med SeedProd (avancerat): Använd SeedProds temabyggare för att exakt designa var den korta beskrivningen visas på anpassade produktsideslayouter.

Varför lägga till en kort produktbeskrivning i WooCommerce?

En kort produktbeskrivning hjälper kunder att snabbt förstå vad din produkt handlar om utan att behöva läsa hela beskrivningen.

Eftersom de flesta WooCommerce-teman visar den nära produktens titel och pris, är det ofta en av de första sakerna kunderna ser.

Här är varför det är viktigt att lägga till en kort produktbeskrivning:

  • Framhäver viktiga produktdetaljer: Du kan snabbt nämna viktig information som storlek, material, funktioner eller unika försäljningsargument.
  • Hjälper kunder att fatta snabbare beslut: Kunder kan omedelbart avgöra om produkten matchar det de letar efter.
  • Uppmuntrar till mer engagemang: En övertygande kort beskrivning kan motivera kunder att utforska hela produktsidan, se bilder eller fortsätta till kassan.
  • Förbättrar shoppingupplevelsen: Tydliga sammanfattningar gör dina produktsidor lättare att skanna och förstå.
  • Kan stödja SEO: Välskrivna korta beskrivningar kan hjälpa till att förbättra klickfrekvensen och ge sökmotorer bättre kontext om dina produkter.
  • Fungerar bra för AI och sökverktyg: Koncisa produktresuméer kan hjälpa AI-drivna rekommendationer, chatbots och sökfunktioner att bättre förstå dina produkter.

Hur man optimerar korta produktbeskrivningar för försäljning

En välskriven kort produktbeskrivning kan hjälpa kunder att snabbt förstå din produkt och uppmuntra dem att göra ett köp.

Nyckeln är att hålla den tydlig, lätt att skanna och fokuserad på kundens behov. Här är några bästa metoder för att skriva korta produktbeskrivningar som konverterar:

  • Fokusera på kundfördelar: Förklara hur produkten hjälper kunden istället för att bara lista funktioner.
  • Framhäv unika försäljningsargument: Nämn vad som gör produkten annorlunda än liknande alternativ.
  • Håll den kort och lätt att skanna: Använd korta meningar eller punktlistor för att förbättra läsbarheten.
  • Använd nyckelord naturligt: Inkludera relevanta söktermer utan att beskrivningen låter forcerad.
  • Lägg till övertygande språk: Uppmuntra kunder att lära sig mer eller lägga produkten i sin varukorg.
  • Förbättra läsbarheten: Undvik stora textblock så att kunderna snabbt kan hitta den viktigaste informationen.

Med det i åtanke, låt oss se hur du kan lägga till en kort produktbeskrivning i WooCommerce.

Hur man lägger till en kort produktbeskrivning i WooCommerce

För att skapa en kort beskrivning, gå till Produkter » Alla produkter i din WordPress-instrumentpanel.

Hitta sedan produkten där du vill lägga till en kort beskrivning och klicka på länken 'Redigera'.

Lägga till en kort produktbeskrivning med WooCommerce

När du har gjort det, skrolla ner till rutan 'Produktens korta beskrivning'.

Du kan nu skriva en beskrivning i textområdet.

Skriva en kort produktbeskrivning för WooCommerce

När du är nöjd med informationen du angett, uppdaterar eller publicerar du helt enkelt produktsidan som vanligt.

Nu, om du besöker produktsidan på din online-marknadsplats, kommer du att se den korta beskrivningen högst upp på skärmen.

De flesta teman visar denna beskrivning direkt under produktens pris och knappen "Lägg i varukorg". Du kan se något annorlunda beroende på ditt WordPress-tema, men vanligtvis visas den högst upp på sidan.

🎁 Bonustips: Att skriva varje beskrivning för hand fungerar bra för några få produkter, men det kan vara mycket tidskrävande för butiker med ett stort lager.

För att påskynda denna process, särskilt för butiker med ett stort lager, kan du använda ett AI-drivet plugin som StoreAgent.

Den är utformad för effektivitet och genererar automatiskt unika korta beskrivningar från dina produktdetaljer. Detta sparar dig timmar av manuellt skrivande och hjälper dig att skapa mer engagerande texter.

För detaljer, se vår guide om hur man använder AI för att automatiskt generera WooCommerce-produktbeskrivningar.

Hur man visar korta produktbeskrivningar på din huvudsakliga butikssida

Som standard visar de flesta WooCommerce-teman en kort beskrivning endast på enskilda produktsidor.

Vanligtvis visar de inte beskrivningen på produktsidornas kategorisidor eller huvudsidan för butiken, som du kan se i följande bild.

Vår WooCommerce-butikssida innan korta beskrivningar lades till

Ibland vill du dock kanske visa denna information på huvudsidan och kategorisidorna. Detta kan hjälpa kunder att upptäcka produkter de vill veta mer om genom att besöka hela produktsidan.

För att visa den korta beskrivningen på huvudsidan för butiken och på produktsidor för kategorier, behöver du lägga till lite kod på din webbplats.

Det bästa sättet att lägga till anpassad kod i WordPress är att använda WPCode. Med över 3 miljoner aktiva installationer och ett betyg på 4,9 stjärnor på WordPress.org är det det mest betrodda pluginet för kodavsnitt.

Verktyget låter dig säkert lägga till anpassad CSS, PHP och mer till din onlinebutik.

Vi har grundligt testat verktyget och funnit att det är det säkraste sättet att lägga till kod. För att lära dig mer, se vår WPCode-recension.

Steg 1: Installera och aktivera WPCode

Först måste du installera och aktivera gratis WPCode-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

När pluginet är aktiverat, gå till Code Snippets » Add Snippet.

Hur man lägger till ett WooCommerce-kodavsnitt med WPCode
Steg 2: Skapa ett nytt anpassat kodavsnitt

Här ser du alla förgjorda kodavsnitt du kan lägga till på din webbplats. Detta inkluderar ett kodavsnitt som låter dig inaktivera kommentarer helt, ladda upp filtyper som WordPress vanligtvis inte stöder, inaktivera bilagesidor och mycket mer.

På nästa skärm behöver du föra muspekaren över alternativet 'Lägg till din anpassade kod (nytt kodavsnitt)' och klicka på knappen 'Använd kodavsnitt' när den visas.

Lägga till ett anpassat WooCommerce-utdrag till din onlinebutik med WPCode
Steg 3: Lägg till PHP-kodavsnittet

Ange här en titel för kodavsnittet. Detta är endast för din referens, så du kan använda vad du vill.

Öppna sedan rullgardinsmenyn 'Kodtyp' och välj 'PHP-utdrag'.

Lägga till ett PHP-utdrag i din e-handelsbutik

När det är gjort, klistra helt enkelt in följande i kodredigeraren:

add_action( 'woocommerce_after_shop_loop_item', 'woo_show_excerpt_shop_page', 5 );
function woo_show_excerpt_shop_page() {
	global $product;

	echo wp_kses_post( $product->get_short_description() );
}
Steg 4: Aktivera och spara kodavsnittet

Därefter klickar du på 'Inaktiv'-reglaget så att det visar 'Aktiv'.

Klicka sedan bara på knappen "Spara utdrag" eller "Uppdatera" för att göra kodutdraget live.

Lägga till den korta beskrivningen till din WooCommerce-produkt med WPCode

Nu kommer de huvudsakliga butiks- och produktkategorisidorna att visa de korta beskrivningarna för dina olika produkter.

De flesta WooCommerce-teman visar denna information mellan produktens pris och knappen ‘Lägg i varukorg’. Du kan se detta i följande bild.

Korta produktbeskrivningar på butikens startsida

Var bara medveten om att för många ord på dina butiks- och produktkategorisidor kan få din webbplats att se rörig och förvirrande ut.

Om du inte gillar hur en viss kort produktbeskrivning ser ut, kan du alltid ändra den genom att följa samma process som beskrivs ovan.

Hur man visar korta beskrivningar i ett anpassat WooCommerce-tema (Avancerat)

Om du är missnöjd med hur beskrivningen ser ut på din produktsida, kan du använda ett sidbyggarplugin för att skapa ett anpassat WordPress-tema för din onlinebutik.

SeedProd är den högst rankade landningssidbyggaren och temabyggaren för WordPress, som litar på av över 1 miljon användare. 

Det låter dig bygga ditt eget WooCommerce-tema utan att behöva skriva en enda kodrad. På så sätt kan du exakt styra var den korta produktbeskrivningen visas på dina produktsidor.

Flera av våra partner varumärken, inklusive framgångsrika e-handelsföretag, har använt SeedProd för att designa hela sina webbplatser. För att lära dig mer, se vår SeedProd-recension.

I det här avsnittet visar vi dig hur du skapar en helt anpassad layout för en enskild produkt för din WooCommerce-butik.

Du måste upprepa denna process och skapa en unik layout för varje sida i din webbutik. Till exempel kommer du att använda SeedProd för att skapa en design för din butiks startsida och arkivsida.

Detta ger dig fullständig kontroll över hela din butiks layout. Detta gör det till ett kraftfullt och flexibelt alternativ för alla som vill designa en helt anpassad WooCommerce-butik.

Steg 1: Installera och aktivera SeedProd

Efter att du har installerat WordPress-pluginet och aktiverat det, kommer SeedProd att be om din licensnyckel.

Notera: Den kostnadsfria versionen av SeedProd finns tillgänglig på WordPress.org, men vi kommer att använda Elite-planen eftersom den inkluderar WooCommerce-temabyggaren och färdiga WooCommerce-block, som blocket 'Short Description'.

SeedProd licensnyckel

Du kan hitta denna information under ditt konto på SeedProd-webbplatsen och i köpbekräftelsemejlet som du fick när du köpte SeedProd.

Steg 2: Skapa en ny mall för enskild produkt

Efter att ha angett din nyckel, gå till SeedProd » Temabyggare. Här klickar du på knappen ‘Lägg till ny temamall’.

SeedProd-temabyggaren

I popup-fönstret som visas, skriv in ett namn för din produktsidesdesign i fältet 'Namn', öppna rullgardinsmenyn 'Typ' och klicka på 'Enskild produkt'.

När du har gjort det klickar du på knappen 'Spara'.

Skapa en mall för en enda produkt med SeedProd
Steg 3: Designa din anpassade produktsida

Du kommer nu att se SeedProd dra-och-släpp-sidbyggare. Till höger ser du en liveförhandsgranskning av produktsidan, som är tom som standard.

Till vänster finns en meny som visar alla olika block och sektioner som du kan lägga till på den anpassade WooCommerce-produktsidan.

En anpassad WooCommerce-produktsida skapad med SeedProd

SeedProd levereras med massor av färdiga block, inklusive några speciella WooCommerce-block. Till exempel kan du använda blocket 'Relaterade produkter' för att visa de mest populära produkterna i WooCommerce.

Du kan bygga en helt anpassad produktsida på några minuter med dessa färdiga WooCommerce-block.

Eftersom vi använder en tom mall måste du lägga till alla WooCommerce-produktelement själv. Detta inkluderar element som 'Produktens huvudbild' och 'Produkttitel', samt 'Kort beskrivning'.

Du kan också använda SeedProd-block som avståndshållare, kolumner och avdelare för att ge din WooCommerce-sida en fin struktur och en organiserad layout.

För att komma igång, hitta WooCommerce malltaggar i menyn till vänster och välj ett block att lägga till. Du kan sedan helt enkelt dra blocket till sidlayouten.

SeedProds WooCommerce-malltaggar

För att göra ändringar i ett block, klicka helt enkelt för att välja det i SeedProd-förhandsgranskningen. Menyn till vänster visar då alla inställningar du kan använda för att anpassa det blocket.

Till exempel, om du klickar på ett block med ‘Produktnamn’, kan du sedan ändra teckenstorlek, textjustering och mer.

Lägga till en produkttitel-tagg på din anpassade WooCommerce-produktsida

För att lägga till en kort beskrivning i din design, leta helt enkelt upp blocket 'Short Description' i menyn till vänster.

Dra och släpp sedan helt enkelt det här blocket på din design.

Lägga till en anpassad kort produktbeskrivning med SeedProd

När du bygger produktsidan kan du flytta runt block i din layout genom att dra och släppa dem. Detta gör det enkelt att skapa en WooCommerce-produktsida med en helt anpassad layout i SeedProd.

Steg 4: Spara och publicera din mall

När du är nöjd med designen på din WooCommerce-produktsida kan du klicka på knappen 'Spara' i det övre högra hörnet.

Slutligen, klicka på knappen 'Publicera' för att spara dina ändringar.

Publicera en WooCommerce-mall för enskilda produkter

Du har nu skapat en helt anpassad produktsida för din webbutik.

Du kan nu skapa en mall för alla olika WooCommerce-sidor genom att följa samma process som beskrivs ovan. Om du är osäker på vilken design du ska skapa härnäst, klicka helt enkelt på knappen 'Add New Theme Template'.

Skapa ett nytt SeedProd-tema

Du kommer nu att se en lista över alla olika mallar du kan skapa, som Header, Footer och WooCommerce-specifika sidor som Shop Page, Cart, Checkout och Single Product.

Du kan också skapa mallar för blogginnehåll, som Single Post, om din butik inkluderar en blogg.

Skapa ett anpassat WooCommerce-tema

Efter att ha redigerat alla dina WooCommerce-sidor är du redo att göra ditt anpassade tema live.

Gå helt enkelt till SeedProd » Temabyggare och klicka sedan på reglaget 'Aktivera SeedProd' för att ändra det från 'nej' (grått) till 'ja' (grönt).

Aktivera ditt anpassade WooCommerce-tema

Bonus: Hur man anpassar fler WooCommerce-sidor

När du är nöjd med hur produktsidorna ser ut, kanske du vill designa om andra centrala WooCommerce-butikssidor. Detta kan förbättra shoppingupplevelsen, vilket kan minska antalet avbrutna varukorgar och ge dig mer försäljning.

Forskning visar att nästan 7 av 10 kunder överger sin kundvagn och aldrig kommer tillbaka. Med det i åtanke bör din kundvagnsida göra allt möjligt för att säkra försäljningen, men standard-WooCommerce-kundvagnsidan är inte optimerad för försäljning.

För steg-för-steg-instruktioner om hur du bygger en högkonverterande kundvagnssida med SeedProd, se vår guide om hur du skapar en anpassad WooCommerce-kundvagnssida.

Därefter kanske du vill optimera den sista delen av kassan genom att skapa en anpassad WooCommerce-kassasida som inkluderar länkar till sociala medier, kundrecensioner, unik varumärkesprofilering och mer.

Ett exempel på en optimerad kassasida

Vanliga frågor om att lägga till produktbeskrivningar

Här är några frågor som våra läsare har ställt innan de lägger till korta beskrivningar för produkter i sina WooCommerce-butiker:

Hur skriver man en bra produktbeskrivning?

För att skriva en bra kort produktbeskrivning, fokusera på den huvudsakliga fördelen för kunden. Använd punktlistor för att lyfta fram viktiga funktioner, håll dina meningar korta och använd övertygande språk som uppmuntrar en köpare att lära sig mer.

Vad är en kort produktbeskrivning?

En kort produktbeskrivning i WooCommerce är en kort sammanfattning som visas nära toppen av en produktsida, vanligtvis bredvid produktbilden och knappen 'Lägg till i kundvagn'. Dess mål är att snabbt ge viktig information och fånga en köpares intresse.

Hur lägger jag till en produkt i WooCommerce?

För att lägga till en enkel produkt, gå till Produkter » Lägg till ny i din WordPress-instrumentpanel. Fyll sedan i produkttitel, lägg till din huvudbeskrivning, ställ in priset i avsnittet 'Produktdata' och fyll i rutan 'Kort produktbeskrivning'.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en kort produktbeskrivning i WooCommerce. Du kan också gå igenom vår nybörjarguide till de bästa WooCommerce-pluginsen för din butik och vår ultimata guide om hur du snabbar upp WooCommerce-prestanda.

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

5 KommentarerLämna ett svar

  1. Jag upptäcker ständigt nya saker i WooCommerce, och den här utdragfunktionen för produkter är utmärkt som ett snabbt sätt att ge information, inklusive att lyfta fram rabatter om det behövs. Det kan verkligen locka folk. Jag är glad att jag har hittat något nytt som kan göra nätbutiken mer flexibel.

  2. Det här är bra för att visa en enkel produktbeskrivning för användare tillsammans med produkter, men efter att ha lagt till koden, var ska jag lägga till beskrivningsordet för att det ska visas, var skriver jag det?

    • När du redigerar produkten bör du se alternativet att redigera beskrivningen där. :)

      Admin

  3. Varför visas min korta beskrivning under köpknappen när jag använder funktionskod?
    Jag vill att den ska visas ovanför köpknappen.

    • Det beror på hur ditt tema är stylat, du skulle antingen behöva redigera ditt temas kod eller för en enklare metod använda den andra metoden från den här guiden :)

      Admin

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.