Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här skapar du en produktkatalog i WordPress (Step-by-Step)

Vill du skapa en produktkatalog i WordPress utan att lägga till en fullfjädrad shopping cart?

Ibland vill företag ta emot orders via telefon samtidigt som de fortfarande visar sin produktkatalog på webbplatsen, eller så kanske du vill att kunderna snabbt ska kunna köpa en produkt med ett enda click utan att behöva gå igenom hela kassaprocessen.

I den här artikeln visar vi dig hur du enkelt kan skapa en produktkatalog i WordPress.

How to create a product catalog in WordPress

Varför add to en produktkatalog utan en shopping cart?

Vissa företag har produkter som de inte kan sälja online eftersom de har ett obestämt price. Detta gör det omöjligt för dem att använda ett plugin för shopping cart, men de vill fortfarande skapa en WordPress website för att visa upp dessa produkter och locka potentiella customers.

Normalt förknippar människor ecommerce-plattformar med online-shopping. Men du kan fortfarande använda dem för att displayed produkter utan att använda utvald shopping cart funktion.

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

Med detta sagt, låt oss ta en titt på hur du enkelt kan skapa en produktkatalog i WordPress.

Kom igång med din produktkatalog i WordPress

Det bästa sättet att skapa en produktkatalog i WordPress är genom att använda WooCommerce. Det är det bästa eCommerce plugin för WordPress och hjälper dig att skapa all typer av online stores.

Dessutom stöder den flera tillägg och utökning från tredje part. Du kan använda dem för att lägga till nya funktioner, customize din butik och introducera nya funktioner i din WooCommerce store.

Om du inte har en WordPress site installerad, se vår guide om hur du skapar en online store för att snabbt installera 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 shopping cart och med one-click checkout.

Metod 1: Skapa en produktkatalog utan en shopping cart

Som standard visar WooCommerce en add to cart eller en köp knapp bredvid all your produkter. Detta gör det svårt att skapa en produktkatalog utan funktionen shopping cart.

Lyckligtvis finns det en enkel lösning som fixar det här problemet.

Först måste du installera och aktivera YITH WooCommerce Catalog Mode plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering måste du besöka YITH ” Catalog Mode page för att konfigurera plugin-inställningarna.

Edit catalog mode settings

Pluginet 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 locations.

Därefter kan du rulla ner för att se fler inställningar. Du kan gå vidare och klicka på alternativet ”Inaktivera butik”.

Disable shop in catalog mode

Glöm inte att save ändringarna och lagra your settings.

Lägga till produkter i din produktkatalog i WordPress

Därefter kan du gå vidare och börja lägga till produkter på din site. Besök bara Products ” Add New page för att enter din produktinformation.

Add new product

På vyn Produkter kan du ange en rubrik, beskrivning, kort beskrivning, image och gallery för produkten.

Under ”Product” data section hittar du alternativen för price. Du kan lämna dem tomma om du inte vill visa produktpriser.

Leave the price settings blank

När you är slutförd, gå vidare och publicera din produkt. Upprepa processen för att add to så många produkter som behövs för att bygga upp din katalog.

You can visit your WooCommerce shop page to view your standard catalog in action. Din shop page är vanligtvis lokaliserad på en URL som gillar detta:

http://example.com/shop/

Ersätt example.com med din egen URL för att view din WooCommerce shop page i katalogläge.

Product catalog preview

Om du inte vill använda butikssidan kan du också displaya dina produkter på valfri page WordPress och använda den som din produktkatalog.

Allt du behöver göra är att skapa en new WordPress page eller edit en befintlig, och add to följande shortcode i content area:

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

Känn dig fri att ändra antalet Column och objekt per page limit till dina egna obligatoriska. När du har justerat shortcode, gå vidare och save eller publicera din page för att preview den.

You will notice that the product pages will not show any add to cart or buy buttons.

Products don't have add to cart button

You can click on any individual product to see the product details page. Den kommer att visa all produktinformation images, description, gallery, och utan en add to cart eller köp knapp.

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 för att köpa den.

Metod 2: Skapa en produktkatalog med One-Click Checkout

En annan situation där du kan visa en produktkategori är med ett alternativ för köp med ett klick. Detta gör det möjligt för dina kunder att omedelbart köpa en produkt genom att klicka på knappen Köp den nu och inte behöva gå igenom den vanliga kassaprocessen.

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

Efter aktivering kan du heada till YITH ” One-Click Checkout från WordPress dashboard och edit de allmänna inställningarna.

General settings for one click checkout

You kan till exempel aktivera alternativet ”Activate in shop page”.

Därefter kan du rulla ner för att view fler Settings. Tillägget låter dig utesluta vissa produktkategorier.

Det låter dig också välja var du gillar att redirect kunder efter att ha lagt en order. Du kan redirecta dem till en produktsida, en Payment-sida, en Thank you-sida eller välja en customze-sida.

More general settings for one click checkout

Utöver det får du olika alternativ för customize med ett klick på knappen.

Det finns inställningar för att ändra knappens etikett, bakgrund, textfärg, bakgrund vid hovering med mera.

Change buy it now button text and color

När du är klar klickar du på knappen ”Save Options”.

You can now visit your website to see the one-click or buy it now button.

Buy it now product catalog preview

Ytterligare resurser för Produktkatalog

Här är några fler användbara guider som tar dina produktkataloger till nästa nivå.

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 themes som du kan använda för din produktkatalog website och vår guide om WooCommerce sökmotorsoptimering som görs enkelt.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. 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 editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

36 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph says

    This looks like a great solution for my wife interior design blog where she wants to sell custom made furniture. We can’t really show fixed price for everything but still want to show, what we can do. Great and simple guide!

    • WPBeginner Support says

      The plugins from this article charge on a yearly basis unless they change their pricing plan.

      Administratör

  3. Lorraine says

    Can I link the products for payment elsewhere? I want to put all my courses on this page and have payment handled by Thinkific. How do I do that?

  4. Ezeequiel says

    Is there a way to create two catalogues for the same site? I mean I want to have a catalogue of pens and a catalogue of books.

  5. Lalit says

    Thank you so much for this post! I was worried about displaying my product catalog without a cart but you made it easy for me! Thank you for guiding!

  6. hitesh says

    hello there, is there any plugin in WordPress which adds another section for retailers where they can add their product description and photo and it will list in my e-commerce site after our approval? please answer, I will be very grateful to you.

  7. Denise Ellis says

    Thank you, any recommendation what can be used to add a button on product page that when clicked redirects the user to another url/website.

  8. Denise Ellis says

    Great article thank you. Once add to cart is disabled, will this allow me to then replace the add to cart with a ”buy now” call-to-action button that directs the user to a shop direct product page where the user can ”add the cart” and complete their order?

    • WPBeginner Support says

      No, the goal of this guide would be to remove the option to purchase from your site.

      Administratör

  9. David says

    Hello. Thanks for the great blog. Very useful. I was wondering. Is there a shortcode for showing categories rather than products? Thanks.

    • WPBeginner Support says

      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 :)

      Administratör

  10. Sanjeev says

    Is it possible to build a website for ecommerce, dropshipping and affilateed product in onesingle platform

  11. mike says

    At my company, we have one catalog that needs NO pricing. Then on another section, we need pricing. Any simple suggestions on how to resolve this?

    Would I need to occurrences of WooCommerce or something?

    • WPBeginner Support says

      You would want to reach out to the plugin’s support but that would likely be handled by the pro version of the plugin

      Administratör

  12. Peter says

    If my customer changes his mind in a few months, can i enable all the buying options such as cart icon etc. and continue use WooCommerce or I will have to set all the product from the beginning?

    • WPBeginner Support says

      You would disable the catalog mode and it would start working as a normal WooCommerce store

      Administratör

  13. Nicola says

    Hi. This is great thank you. Is there a way of adding something to the short code so I just show products listed in a particular category on particular pages on my website?

    • WPBeginner Support says

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

      Administratör

    • David says

      Hi Nicola, I don’t know if you already found this out but I just found out you can do it this way:

      [products columns=”4″ limit=”8″ paginate=”true” category=”YOUR CATEGORY”]

      Hope that helps

  14. Suzy Knapp says

    I’m wanting to to showcase art from different sources (with affiliate links) on my upcoming post about sourcing art online. Would this plugin work for that?
    Thanks for your help!

    • WPBeginner Support says

      It would depend on how you want to display the content but this method should work for what it sounds like you’re wanting

      Administratör

  15. Sonali says

    I am facing an issue with uploading product images in the catalogue mode, can someone tell me what the problem might be? Because I am way below the 99 product limit

    • WPBeginner Support says

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

      Administratör

  16. Farhan Muntaqo says

    Actually I want to replace the add to cart or buy button with WhatsApp button, any help I would apppreciate, Thanks.

    • WPBeginner Support says

      You would want to reach out to the plugin’s support for if there is a built-in option for that or recommended method for setting that up.

      Administratör

  17. Styleloft Apparels says

    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åra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.