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

Hur man skapar en produktkatalog i WordPress (steg för steg)

Att skapa en produktkatalog i WordPress gör att du kan visa upp dina varor eller tjänster utan att behöva en fullständig kundvagn.

Många företag vi har arbetat med föredrar detta tillvägagångssätt för att visa sina erbjudanden samtidigt som de hanterar beställningar via telefon eller personligen.

Med det sagt är det inte alltid enkelt att sätta upp en produktkatalog. Om det inte görs rätt kan din katalog kännas rörig eller förvirrande, vilket kan frustrera besökare och driva bort dem.

De goda nyheterna? Med YITH WooCommerce-plugins kan du bygga en smidig, användarvänlig katalog som visar upp dina produkter vackert och får kunderna att komma tillbaka.

I den här guiden går vi igenom steg-för-steg-processen för att skapa en produktkatalog i WordPress.

Hur man skapar en produktkatalog i WordPress

Varför lägga till en produktkatalog utan kundvagn?

Vissa företag har produkter som de inte kan sälja online eftersom de har ett obestämt pris. Detta gör det omöjligt för dem att använda ett plugin för kundvagn, men de vill ändå skapa en WordPress-webbplats för att visa upp dessa produkter och locka potentiella kunder.

Normalt associerar folk e-handelsplattformar med onlinehandel. Du kan dock fortfarande använda dem för att visa produkter utan att använda kundvagnsfunktionen.

Å andra sidan kan du lägga till en produktkatalog med ett alternativ för engångsköp. Kunder kan omedelbart köpa en produkt och kringgå kassan. Detta ger en bättre shoppingupplevelse och gör hela processen snabbare.

Med det i åtanke guidar vi dig genom stegen för hur du enkelt skapar en produktkatalog i WordPress.

Kom igång med din produktkatalog i WordPress

Det bästa sättet att skapa en produktkatalog i WordPress är att använda WooCommerce. Det är det bästa e-handelspluginet för WordPress och hjälper dig att skapa alla typer av onlinebutiker.

Dessutom stöder det flera tredjepartsplugins och tillägg. Du kan använda dem för att lägga till nya funktioner, anpassa din butik och införa ny funktionalitet i din WooCommerce-butik.

Om du inte har en WordPress-webbplats inställd, se vår guide om hur man skapar en onlinebutik för att snabbt ställa in WordPress med WooCommerce.

När du har installerat WooCommerce kan du gå vidare till att skapa din produktkatalog i WordPress. Vi kommer att täcka 2 metoder, inklusive att lägga till en produktkatalog utan kundvagn och med en-klicksutcheckning.

Låt oss börja!

Metod 1: Skapa en produktkatalog utan kundvagn

Som standard visar WooCommerce en knapp för lägg till i kundvagn eller köp bredvid alla dina produkter. Detta gör det svårt att skapa en produktkatalog utan kundvagnsfunktionen.

Lyckligtvis finns det en enkel lösning som åtgärdar detta problem.

Först måste du installera och aktivera pluginet YITH WooCommerce Catalog Mode. Vi har testat det i en mängd WooCommerce-butiker, och du kan läsa vår recension av YITH WooCommerce Catalog Mode för mer information.

Om du behöver hjälp med att installera pluginet, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering måste du besöka sidan YITH » Katalogläge för att konfigurera plugin-inställningarna.

Redigera inställningar för katalogläge

Pluginen låter dig aktivera katalogläge för alla användare eller endast för gästanvändare. Det finns också alternativ för att visa produktkataloger för användare från specifika platser.

Därefter kan du scrolla ner för att se fler inställningar. Du kan fortsätta och klicka på alternativet 'Inaktivera butik'.

Inaktivera butik i katalogläge

Glöm inte att spara ändringarna och lagra dina inställningar.

Lägga till produkter i din WordPress-produktkatalog

Därefter kan du fortsätta och börja lägga till produkter på din webbplats. Besök helt enkelt sidan Produkter » Lägg till ny för att ange din produktinformation.

Lägg till ny produkt

På produktskärmen kan du ange en produkttitel, beskrivning, kort beskrivning, produktbild och produktgalleri.

Under sektionen 'Produktdata' hittar du prisalternativen. Du kan lämna dem tomma om du inte vill visa produktpriser.

Lämna prisinställningarna tomma

När du är klar, fortsätt och publicera din produkt. Upprepa processen för att lägga till så många produkter som behövs för att bygga upp din katalog.

Du kan besöka din WooCommerce-butikssida för att se din standardkatalog i aktion. Din butikssida finns vanligtvis på en URL som denna:

http://example.com/shop/

Ersätt example.com med din egen URL för att se din WooCommerce-butikssida i katalogläge.

Förhandsgranskning av produktkatalog

Om du inte vill använda butikssidan kan du också visa dina produkter på vilken WordPress-sida som helst och använda den som din produktkatalog.

Allt du behöver göra är att skapa en ny WordPress-sida eller redigera en befintlig, och lägga till följande kortkod i innehållsområdet:

[products columns="4" limit="8" paginate="true"]

Ändra gärna antalet kolumner och antalet objekt per sida enligt dina egna krav. När du har justerat kortkoden, fortsätt och spara eller publicera din sida för att förhandsgranska den.

Du kommer att märka att produktsidorna inte visar några knappar för lägg till i varukorg eller köp.

Produkter har ingen knapp för att lägga till i kundvagnen

Du kan klicka på varje enskild produkt för att se produktdetaljsidan. Den visar all produktinformation, bilder, beskrivning, galleri, och utan en knapp för lägg till i varukorg eller köp.

Kom ihåg att du kan använda produktbeskrivningen för att inkludera din kontaktinformation så att kunder som är intresserade av produkten kan komma i kontakt med dig angående köp.

Metod 2: Skapa en produktkatalog med engångsköp

Ett annat sätt att visa en produktkategori är med ett köp-med-ett-klick-alternativ. Detta gör att dina kunder omedelbart kan köpa en produkt genom att klicka på knappen "Köp nu" utan att gå igenom standardkassan.

Först måste du installera och aktivera pluginet YITH WooCommerce One-Click Checkout. För mer information, se vår guide om hur man installerar ett WordPress-plugin.

Vi har också testat den omfattande för att se alla dess funktioner, och vi tror att det är ett utmärkt alternativ för WordPress-butiker.

Efter aktivering kan du gå till YITH » One-Click Checkout från WordPress-instrumentpanelen och redigera de allmänna inställningarna.

Allmänna inställningar för "köp nu" med ett klick

Till exempel kan du aktivera alternativet 'Aktivera på butikssidan'.

Därefter kan du scrolla ner för att se fler inställningar. Pluginet låter dig exkludera vissa produktkategorier.

Det låter dig också välja vart du vill omdirigera kunder efter att de har lagt en beställning. Du kan omdirigera dem till en produktsida, betalningssida, tack-sida, eller välja en anpassad sida.

Mer allmänna inställningar för engångskassa

Utöver det får du olika anpassningsalternativ med en knapptryckning.

Det finns inställningar för att ändra knappetiketten, bakgrund, textfärg, bakgrund vid hovring och mer.

Ändra text och färg på köp nu-knappen

När du är klar, klicka på knappen 'Spara alternativ'.

Du kan nu besöka din webbplats för att se knappen för ett klick eller köp nu.

Köp nu produktkatalogförhandsgranskning

Vanliga frågor: Skapa en produktkatalog i WordPress

Här är några frågor som våra läsare ofta ställer om att skapa en produktkatalog i WordPress:

Kan jag skapa en produktkatalog utan att använda WooCommerce?

Ja, du kan skapa en produktkatalog utan WooCommerce, men WooCommerce gör det mycket enklare.

Om du inte vill använda WooCommerce kan du använda katalogspecifika plugins som Ultimate Product Catalog, eller till och med en visuell sidbyggare som SeedProd för att skapa statiska kataloglayouter.

WooCommerce ger dig dock mer flexibilitet. Du kan aktivera katalogläge med ett plugin som döljer kundvagns- och kassa-funktionerna. På så sätt får du alla fördelar med WooCommerce produktadministration utan att tvinga användare att göra köp.

Kan jag lägga till ett kontaktformulär för varje produkt i katalogen?

Ja, du kan lägga till ett kontakt- eller förfrågansformulär till varje produkt i din katalog. Detta är särskilt användbart om du inte använder direkt utcheckning.

Vi rekommenderar att använda WPForms för att skapa ett anpassat formulär och bädda in det på varje produktsida.

Många katalogplugins erbjuder också inbyggt stöd för förfrågningsknappar. När en besökare klickar på "Begär offert" eller "Kontakta oss", öppnas ett formulär kopplat till den specifika produkten, vilket gör det enkelt för dig att svara med personliga detaljer.

Kommer skapandet av en produktkatalog att påverka min webbplatshastighet?

Inte nödvändigtvis – men det beror på hur många produkter du lägger till och hur optimerad din webbplats är. För att säkerställa snabb prestanda, följ dessa tips:

  • Använd ett lättvikts-tema som är optimerat för WooCommerce eller produktlistningar
  • Komprimera dina produktbilder innan du laddar upp dem
  • Använd ett cache-plugin som WP Rocket
  • Överväg ett innehållsleveransnätverk (CDN) för att leverera bilder snabbare

En välbyggd produktkatalog bör inte sakta ner din webbplats, särskilt om du inte använder fullständiga e-handelsfunktioner för kassan.

Ytterligare resurser för att optimera din produktkatalog

Vill du att din produktkatalog ska sticka ut ännu mer? Dessa praktiska guider hjälper dig att förfina och lyfta din katalog för en ännu bättre användarupplevelse:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt skapar en produktkatalog i WordPress. Du kanske också vill se vår lista över de bästa WooCommerce-teman som du kan använda för din produktkatalogwebbplats, och vår guide om WooCommerce SEO gjort enkelt.

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

Upplysning: Vårt innehåll stöds av läsarna. Det innebär 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

35 CommentsLeave a Reply

  1. Detta ser ut som en utmärkt lösning för min frus inredningsblogg där hon vill sälja specialtillverkade möbler. Vi kan inte riktigt visa fasta priser för allt men vill ändå visa vad vi kan göra. Bra och enkel guide!

    • Plugins från den här artikeln debiteras årligen om de inte ändrar sin prisplan.

      Admin

  2. Kan jag länka produkterna för betalning någon annanstans? Jag vill lägga alla mina kurser på den här sidan och ha betalningen hanterad av Thinkific. Hur gör jag det?

  3. Finns det ett sätt att skapa två kataloger för samma webbplats? Jag menar, jag vill ha en katalog med pennor och en katalog med böcker.

  4. Tack så mycket för det här inlägget! Jag var orolig för att visa min produktkatalog utan en kundvagn men du gjorde det enkelt för mig! Tack för vägledningen!

  5. Hej, finns det något plugin i WordPress som lägger till en ny sektion för återförsäljare där de kan lägga till sin produktbeskrivning och bild och det kommer att listas på min e-handelssida efter vårt godkännande? Vänligen svara, jag kommer att vara mycket tacksam.

  6. Tack, någon rekommendation vad som kan användas för att lägga till en knapp på produktsidan som vid klick omdirigerar användaren till en annan URL/webbplats.

  7. Bra artikel, tack. När "lägg till i varukorg" är inaktiverat, kommer detta att tillåta mig att ersätta "lägg till i varukorg" med en "köp nu"-knapp som leder användaren till en direkt produktsida där användaren kan "lägga till i varukorg" och slutföra sin beställning?

    • Nej, målet med den här guiden är att ta bort möjligheten att köpa från din webbplats.

      Admin

  8. Hej. Tack för den fina bloggen. Mycket användbart. Jag undrade. Finns det en kortkod för att visa kategorier snarare än produkter? Tack.

    • It would depend on how specifically you wanted them displayed, if you check WooCommerce’s shortcodes there are multiple display options you can take a look at :)

      Admin

  9. Är det möjligt att bygga en webbplats för e-handel, dropshipping och anslutna produkter på en enda plattform

  10. På mitt företag har vi en katalog som INTE behöver prissättning. Sedan i en annan sektion behöver vi prissättning. Några enkla förslag på hur man löser detta?

    Skulle jag behöva förekomster av WooCommerce eller något?

    • Du bör kontakta pluginets support, men det hanteras troligen av pro-versionen av pluginet

      Admin

  11. Om min kund ändrar sig om några månader, kan jag aktivera alla köp-alternativ som kundvagnsikon etc. och fortsätta använda WooCommerce eller måste jag ställa in alla produkter från början?

    • Du skulle inaktivera katalogläget och det skulle börja fungera som en vanlig WooCommerce-butik

      Admin

  12. Hej. Det här är jättebra, tack. Finns det ett sätt att lägga till något i kortkoden så att jag bara visar produkter som listas i en viss kategori på specifika sidor på min webbplats?

    • You would want to reach out to the plugin’s support and they would let you know what customizations are available :)

      Admin

    • Hej Nicola, jag vet inte om du redan har kommit fram till detta men jag har precis upptäckt att du kan göra det på det här sättet:

      [products columns="4" limit="8" paginate="true" category="DIN KATEGORI"]

      Hoppas det hjälper

  13. Jag vill visa upp konst från olika källor (med affiliatelänkar) i mitt kommande inlägg om att hitta konst online. Skulle det här pluginet fungera för det?
    Tack för din hjälp!

    • Det skulle bero på hur du vill visa innehållet, men den här metoden bör fungera för det du verkar vilja göra

      Admin

  14. Jag har problem med att ladda upp produktbilder i katalogläget, kan någon berätta vad problemet kan vara? Eftersom jag är långt under gränsen på 99 produkter

    • You would want to first reach out to the plugin’s support for assistance with it :)

      Admin

  15. Egentligen vill jag ersätta knappen "lägg till i varukorg" eller "köp" med en WhatsApp-knapp, all hjälp uppskattas, tack.

    • Du bör kontakta pluginets support för att se om det finns ett inbyggt alternativ för det eller en rekommenderad metod för att ställa in det.

      Admin

  16. It is a super helpful article , I was trying to show product without cart & it just solved my problem in 2 minutes. Great thanks to the author :-)

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 kommentarspolicy, 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.