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

Hur man visar populära produkter på WooCommerce produktsidor (3 sätt)

Att visa populära produkter i din webbutik är ett beprövat sätt att öka försäljningen. Det är därför Amazon, Walmart och alla andra stora butiker har en widget eller sektion för bästsäljare.

Om du använder WooCommerce finns det flera sätt att visa de produkter som presterar bäst på din webbplats. Vi har testat flera lösningar för att hitta de bästa alternativen för olika behov.

Till exempel fann vi att MonsterInsights är bäst för att visa produkter baserade på Google Analytics-data. Under tiden är SeedProd perfekt när du skapar anpassade målsidor.

I den här artikeln kommer vi att visa you hur du visar populära produkter på dina WooCommerce produkt pages.

How to display popular products in WordPress

Att displayed dina populära WooCommerce utvalda produkter är ett enkelt sätt att öka försäljningen i din online store.

Dessa produkter har redan visat sig konvertera, så genom att få fler ögon på dem kommer du enkelt att göra mer försäljning.

Du kan till och med skapa en separat populär WooCommerce-produktsida, precis som hur Amazon har sina egna bästsäljardiagram.

Amazon best seller

Med det sagt, låt oss ta en titt på hur du kan add to populära produkter till dina WooCommerce produkt pages.

Det första du behöver göra är att ta reda på vilka produkter som är populära och säljer bra. Med ett enkelt plugin för WordPress kan du se all din WooCommerce-analysdata och vilka produkter som är mest populära.

MonsterInsights är det bästa analytics-tillägget för WordPress. Det visar dig utförandet av din online store och vilka produkter som är de mest populära på ett ögonblick.

För mer detaljer, se vår Step-by-Step guide om hur du ställer in WooCommerce konvertering tracking.

När du har integrerat WooCommerce med MonsterInsights kan du se dina mest populära produkter genom att navigera till Insights ” Reports och sedan clicka på eCommerce ” Overview tabs.

View eCommerce report in MonsterInsights

Här kan du se vilka produkter som ger dig mest intäkter och hur många enheter du har sålt.

Förutom det ser du också övergripande statistik om din stores prestanda.

eCommerce tracking, in the WordPress dashboard

Med hjälp av dessa data kan du visa produkter som presterar högst upp i din online store för att öka försäljningen och få ditt företag att växa.

Nu ska vi visa dig 3 av de mest populära sätten att visa populära WooCommerce-produkter utöver att bara lägga till dem i dina blogginlägg.

Använd snabblänkarna under för att välja hur du vill add to populära produkter till WooCommerce:

MonsterInsights är mer än bara ett plugin för att add to Google Analytics till WordPress. Det erbjuder en fantastisk funktion som heter Popular Posts som du kan använda för att add to dina populära produkter i slutet av dina blogginlägg för att öka försäljningen.

För att börja måste du navigera till Insights ” Popular Posts och sedan klicka på alternativet ”Popular Products” i menyn.

Popular products MonsterInsights

På den här vyn kan du customize hur dina populära produkter ska visas.

You have control over the design, the layout alternative, how many products are utvald, and more.

Customize popular products settings

Om du rullar ner ser du fler av inställningarna för ”Behavior” för widgeten för populära produkter.

Det finns till exempel alternativ för att använda custom CSS för styling, inkludera eller utesluta produktkategorier och mer.

Behavior settings popular products

MonsterInsights ger dig också flera alternativ för att visa de populära produkterna.

Under ”Embed Options” section, kan du aktivera alternativet ”Automatisk placering”. Detta gör att pluginet visar widgeten för populära produkter i slutet av alla enskilda produktsidor.

Popular products embed options

När du har gjort ändringarna, se till att du klickar på ”Save Changes” högst upp på vyn.

Du kan också använda blocket Populära produkter i innehållsredigeraren för att visa de mest sålda produkterna.

Add popular products block

När du har lagt till blocket går du vidare och publicerar ditt blogginlägg eller din page.

Nu kan du helt enkelt besöka din online store och view populära produkter längst ner på sidan.

MonsterInsights popular products

Metod 2: Använda SeedProd för att skapa en populär produktsida

SeedProd är den bästa drag and drop WordPress webbplats- och page builder som används av över 1 miljon webbplatser.

Med detta plugin kan du add to populära produkter till dina WooCommerce produktsidor och skapa landing pages för dem för att förbättra din konvertering.

Den har en handfull WooCommerce block som gör att du enkelt kan skapa och customize dina produkt pages.

Det första du behöver göra är att installera SeedProd plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin i WordPress.

Obs: det finns en gratis version av SeedProd som du kan använda, men vi kommer att använda Pro-versionen eftersom den har fler funktioner.

Vid aktivering måste du gå till SeedProd ” Settings och enter din license key. Denna information finns i ditt account på SeedProd website.

Adding the SeedProd license key to your WordPress website

När du har gjort det kan du navigera till SeedProd ” Landing Pages från WordPress dashboard.

Efter det, fortsätt och klicka på knappen ”+ Add New Landing Page”.

Add new landing page

Det finns hundratals Pre-Made templates för pages som du kan använda i SeedProd. Du kan också filtrera templates för olika ändamål, gillar coming soon pages, thank you pages, och mer.

När du har hittat den template du vill använda, hoverar du över den och klickar på ikonen ”Checkmark”.

Choose a template for your landing page

Därefter öppnas ett popup-fönster.

Du måste ge din page ett namn och sedan clicka på knappen ”Save and Start Editing the Page”.

Enter a name for landing page

Efter det kommer du till skärmen för landning page builder. Varje element på sidan kan helt customize med drag and drop-byggaren.

På menyn till vänster ser du ett block section märkt ”WooCommerce”.

Välj helt enkelt alternativet ”Products Grid” och dra över det till din page.

Add product grid block

Note: Du kommer att se ett alternativ ”Bästsäljande produkter” som du kan använda. Vi kommer dock att skapa en customize-lista med produkter.

Därefter klickar du på ikonen ”Gear” för att få upp menyn för inställningar för blocket ”Product Grid” till vänster. Här kan du välja antalet Column som ska visas.

Edit product grid settings

Därefter rullar du ner till ”Query” section i menyn till vänster.

You can click the ”Type” dropdown menu and select which products to show. Som standard kommer SeedProd att visa all produkter i gridden. Du kan ändra detta och visa produkter baserat på försäljning eller senaste produkter.

Choose query type

När du har slutfört att lägga till dina populära produkter, se till att du klickar på ”Save” för att spara dina ändringar.

För att publicera denna page Live klickar du på pilen bredvid ”Save” och väljer ”Publicera”.

Publish popular products page

Du har nu addat dina mest populära produkter till en unik page med populära produkter.

Med SeedProd kan du göra nästan oändliga customize till denna page för att förbättra konverteringarna.

View recommended products

Du kan också add to denna page till din navigation menu i WordPress för att uppmuntra visitorerna att browsa bland dina populära produkter.

Metod 3: Använda WooCommerce Shortcodes för att add populära produkter till produktsidor

WooCommerce har built-in shortcodes som du kan använda för att customize dina produkt pages och andra areas i din online store.

Dessa shortcodes gör det enkelt att displaya dina populära produkter på dina befintliga WooCommerce product pages.

För att göra detta, navigera till Produkter ” Alla produkter från din WordPress dashboard. Härifrån klickar du helt enkelt på alternativet ”Edit” för att öppna den produkt du vill customize.

Edit product in WooCommerce

På vyn för Product Editor ska du add to en shortcode. Mer detaljer finns i vår guide för nybörjare om hur du lägger till en shortcode i WordPress.

Du kan använda följande MonsterInsights shortcode för att automatiskt displayed dina populära produkter:

[monsterinsights_popular_posts_products]

MonsterInsights kommer automatiskt att updating listan när populära produkter ändras.

Add shortcode to product description

Alternativt kan du manuellt välja vilka produkter som ska visas med hjälp av en built-in WooCommerce shortcode:

[products limit="3" columns="3" skus="logo-collection, Woo-tshirt-logo, woo-long-sleeve-tee"]

Shortcoden ovan kommer att skapa en row med tre produkter. Du kan öka ”product limit” och ”columns” för att lista mer populära produkter på din page.

’Skus’ hänvisar till produkt-SKU:erna som du hittar på din WooCommerce-produktsida.

Se till att du ersätter SKUS i shortcoden ovan med dina egna mest populära produkter.

You can find your product SKUs by navigating back to the Products ” All Products page.

View SKU in product page

När du är klar med att edit din produkt page, click ’Update’.

Nu kommer dina besökare att se din vanliga produktlista och dina mest populära produkter.

Related products

Om du letar efter fler sätt att öka försäljningen kan du skapa en WooCommerce popup eller add to en bar för gratis frakt i WooCommerce.

Bonustips för att sälja mer populära produkter

Nu när du vet flera sätt att visa populära produkter i din WooCommerce store, låt oss titta på några tips för att öka deras försäljning.

1. Skapa WooCommerce Popups för att sälja produkter

Vill du öka synligheten för dina populära produkter och öka konverteringen?

Att skapa WooCommerce popups allow you to offer coupons, promote sales, cross-sell different products, recover abandoned carts, and more. Du kan rikta in dig på olika besökare vid rätt tidpunkt och konvertera dem till betalande customers.

Det bästa sättet att skapa popups är genom OptinMonster. Det är den bästa programvaran för optimering av lead-generering och konvertering i branschen.

OptinMonster allow you att skapa olika typer av kampanjer och använda dess kraftfulla displayregler för att visa dem till rätt målgrupp.

Customize your upsell popup

För att lära dig mer, se vår guide om hur du skapar en WooCommerce popup för att öka försäljningen.

2. Add a Sliding Cart i WooCommerce

Ett annat sätt att öka försäljningen för dina populära produkter är att inkludera en slides sidovagn i din WooCommerce store.

En sliding side cart är en panel som visas när en customer adderar ett objekt till sin korg.

An example of a sliding side cart in WooCommerce

Det förbättrar upplevelsen för användarna genom att göra shoppingprocessen smidig. Customize kan hålla track på produkterna de har i cart. This also allows you to showcase popular products that people can instantly add to the cart, helping you increase sales.

För mer detaljer, vänligen se vår kompletta guide om hur du lägger till en slides cart i WooCommerce.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar populära produkter på WooCommerce produkt pages. Du kanske också vill se vår lista över de bästa WooCommerce teman och våra expertval av de bästa WooCommerce tillägg för din store.

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

2 kommentarerLämna ett svar

  1. Ahmed Omar

    A fantastic guide on showcasing popular products on WooCommerce product pages – you’ve got it covered
    Your two approaches provide flexibility for different store needs.
    Thanks for helping me boost visibility for my best sellers

    • WPBeginner Support

      You’re welcome :)

      Administratör

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.