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 visar du produktrekommendationer i WordPress (7 enkla sätt)

Vill du visa produktrekommendationer i WordPress?

Att displayed produktrekommendationer kan uppmuntra användare att göra ytterligare köp, vilket ökar din försäljning och intäkter. Det kan också förbättra användarnas engagement genom att övertyga besökarna om att stanna längre på din site.

I den här artikeln visar vi dig hur du enkelt kan visa produktrekommendationer i WordPress, steg för steg.

Show Product Recommendations in WordPress

Varför visa produktrekommendationer i WordPress?

Om du har en butik på nätet kan du öka det genomsnittliga ordervärdet på din site genom att visa produktrekommendationer i cart:en eller på checkout page.

Genom att föreslå relevanta produkter kan du hjälpa kunderna att upptäcka objekt som de kan vara intresserade av, vilket leder till en mer tillfredsställande shoppingupplevelse.

For instance, if a customer purchases a hat in your clothing store, you can recommend sunglasses because both these alternatives protect from the sun and are often bought together.

You can show these recommendations as a slide-in cart, order bump, upsell, or cross-sell products, and even send automated emails to users upon purchase to gain traction.

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

I den här tutorialen kommer vi att använda multiple methods, så you kan använda links under för att hoppa till den metod your väljer:

Metod 1: Visa produktrekommendationer på Products Page

Om du vill visa relevanta rekommendationer på produktsidan är den här metoden något för dig.

Du kan enkelt göra detta med hjälp av den standard utvalda funktionen upsell i WooCommerce, så du behöver inte något annat plugin för den här metoden.

Upsells innebär i princip att rekommendera en mer premium version av den produkt som användaren köper. Du kan dock även add to andra relevanta produkter i denna section.

Först måste du besöka Products ” Add New page från WordPress dashboard för att skapa en ny produkt. Du kan också editera en befintlig produkt om du vill.

How to add a new product in WooCommerce

När du har addat detaljerna rullar du ner till sectionen ”Product Data” och byter till tabben ”Linked Products” i den vänstra colonnen.

Här kan du lägga till olika produkter i din WooCommerce store i ”Upsell” section. För att göra detta, enter bara namnet på produkten, och du kommer att visas sökresultaten från vilka du kan välja en produkt att add to.

Add products in the Upsell section

Efter det rullar du tillbaka högst upp och klickar på knappen ”Publicera” för att lagra dina settings och göra din produkt live.

Nu, besök din WooCommerce store för att view the upsell products under the ”You may also like” section.

View upsell products

För mer detaljer, se vår tutorial om hur du upsellar produkter i WooCommerce.

Metod 2: Visa produktrekommendationer på Cart Page

Om du vill visa produktrekommendationer på cart page precis när kunden går till kassan är detta den metod du ska använda.

WooCommerce erbjuder standard cross-sell alternativet som tillåter dig att visa relevanta och kompletterande produkter utan att använda något plugin.

Först öppnar du den produkt du väljer i WooCommerce editor och rullar ner till ”Product Data” section.

Här byter du till tabben ”Linked Products” där du kan add to relevanta produkter som ska visas på cart-sidan i sectionen ”Cross-sells”.

Add products in the cross sell section

När du är klar klickar du bara på knappen ”Publicera” eller ”Update” högst upp för att store dina settings.

Nu kan du besöka din store och add to en produkt i cart för att head över till Cart page. Here, you will notice that the product recommendations are displayed in the ’You may be interested in…’ section.

Cross sell product recommendations preview

Metod 3: Visa produktrekommendationer som en glidande cart

Du kan använda den här metoden om du vill visa produktrekommendationer i en slides cart.

FunnelKit är ett populärt WooCommerce plugin som låter dig add to en slides cart till din store och även visa relevanta rekommendationer inom denna cart för att uppmuntra användare att göra fler köp.

Först måste du installera och aktivera pluginet Sliding WooCommerce Cart by FunnelKit. För detaljer, se vår tutorial om hur du installerar ett plugin för WordPress.

Efter aktivering, head till FunnelKit ” Cart page och toggle ’Aktivera Cart’ switch till ’On’.

Enable sliding cart

Efter det kan du select den glidande cart synlighet, icon position, coupon fält, summary, och kassa inställningar från sektionen under. För mer detaljer om detta, se vår tutorial om hur du enkelt lägger till en glidande cart i WooCommerce.

När du är nöjd måste du byta till kolumnen ”Upsells” från vänster och toggle omkopplaren ”Aktivera Cart Upsells” till ”On”.

Note: Tänk på att du behöver pro-versionen av pluginet för att låsa upp funktionen upsells.

How to add upsells and cross-sells to WooCommerce

Detta kommer att öppna new settings på page där du kan konfigurera layouten för displayen för produktrekommendationer. You will be able to see a preview for each layout style on the right corner of the screen.

Därefter måste du välja om du vill visa cross-sell- eller upsell-produkter som rekommendationer. Du kan också välja alternativet ”Båda”.

Sedan kan du add to en heading som ska visas högst upp i produktrekommendationerna och välja hur många rekommendationer som ska visas.

Configure upsell and cross sell settings

När det är gjort rullar du ner till sektionen ”Upsells and Cross-Sells” för att se listan över alla produkter i din online store.

Härifrån förstorar du en produkts tabs och klickar på knappen ”Add Upsell” eller ”Add Cross Sell” för att lägga till rekommendationer.

Kom ihåg att upsell-produkter gillar premiumversionen av den produkt som kunden har addat till cart, medan cross-sell-produkter är de som är relaterade till den produkt som användaren köper.

FunnelKit's advanced conversion features

När du klickar på en av knapparna öppnas en popup på vyn där du kan searcha och add to den produkt som du vill ska visas i rekommendationerna.

Du kan följa samma process för alla produkter i din online store.

Adding a linked product on your online store

När du är klar klickar du bara på knappen ”Save” högst upp för att lagra dina settings.

You can now visit your WooCommerce to view the slides cart with product recommendations.

An example of a cross-sell promotion, created using FunnelKit Funnel Builder

Metod 4: Visa produktrekommendationer som Order Bumps

Använd den här metoden för att visa relevanta produktrekommendationer som en order bump, vilket är en teknik som används på checkout page för att visa relevanta produkter till kunder till ett lägre pris.

Detta kan ofta övertyga dem om att köpa det precis innan de slutför kassaprocessen.

För att skapa order bumps måste du installera och aktivera Funnelkit Builder. För detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Obs/observera: FunnelKit Builder har en gratis plan, men du behöver Pro-versionen för att unlock funktionen order bumps.

Vid aktivering, besök FunnelKit ” Settings page från admin sidebar och växla till ”License” tabs i den vänstra kolumnen.

Enter sedan din license key och klicka på knappen ”Activate” och ”Save Changes” för att store dina inställningar. Du kan få den här informationen från ditt konto på FunnelKit-webbplatsen.

Activating the FunnelKit license key

Därefter måste du skapa en checkout page i din WooCommerce store med hjälp av FunnelKit. För mer information om detta, se vår tutorial om hur du customize din WooCommerce checkout page.

När det är gjort, gå till FunnelKit ” Store Checkout page från WordPress dashboard och klicka på knappen ”Add Order Bump”.

Clicking the Add Order Bump button on FunnelKit

Detta öppnar en popup där du måste lägga till ett namn för den orderbump som du skapar och klicka på knappen ”Add”.

Pluginet kommer nu att add to ordern till din checkout funnel. Här klickar du på knappen ”Edit” för att starta processen.

Clicking the Edit button on an order bump in FunnelKit

Då kommer du till en ny vy där du måste clicka på knappen ”Add Product” för att öppna en popup.

Här skriver du bara in och lägger till de produkter som du tror kommer att komplettera köparnas köp och klickar sedan på knappen ”Add Product”.

Adding products to a FunnelKit order bump

Därefter kan du välja en rabattyp för de produkter som du valde från dropdown-menyn och kan till och med erbjuda mer än en kvantitet för varje objekt till kunderna.

När du har gjort det klickar du bara på knappen ”Save Changes” för att lagra dina inställningar.

Configuring the product offer's discount type in FunnelKit

Sedan rullar du ner till ”Order Bump Settings” section, där du kan select orderbumpens beteende och position i kassan.

Om du till exempel väljer alternativet ”Add Order Bumps to Cart Items” som bumpbeteende, kommer kunderna att föreslås dessa produkter att lägga till som ett extra köp.

Men när du väljer ”Replace Order Bumps with a Cart Item (used for upgrades)” ger du customers alternativet att ersätta sitt köp genom att uppgradera till en mer avancerad version av produkten.

FunnelKit's Order Bump Settings section

Därefter byter du till tabben ”Design” högst upp. Här kan du konfigurera hur ordern bump erbjudande kommer att se ut för kunder.

You can add a title and description and change the text colors, background color, toggle color, border, font size, price display, and box padding and width. När du är nöjd klickar du bara på knappen ”Save” för att spara dina Settings.

Clicking Choose Skin in the FunnelKit Order Bump Design tab

Nu är det dags för dig att byta till tabben ”Rules”, där du måste klicka på knappen ”Add Rules”.

Detta kommer att visa några new settings på vyn som du kan använda för att visa ordern för specifika produkter. Reglerna kan baseras på cart, customize, geografi eller datum och tid.

Om du t.ex. vill visa ordern i kassan för en viss produkt måste du välja alternativet ”Customer Product Purchased” i dropdown-menyn till höger.

Efter det är det bara att add to produktnamnet i textfältet till höger och click the ”Save Changes” button to store your settings.

An example of the order bump trigger rules in FunnelKit using the AND button

Besök nu din WooCommerce för att se orderbump på kassans page för en specifik produkt.

Om du vill veta mer om triggerregler för orderbump kan du läsa vår guide för nybörjare om hur du skapar en orderbump i WooCommerce.

What FunnelKit's order bump looks like in checkout

Metod 5: Erbjud rekommendationer efter köp med email

Om du vill skicka ett rekommendations email till customers efter köpet, då är denna metod något för dig. För detta behöver du FunnelKit Automations, som är ett kraftfullt plugin för automatisering.

You can create a workflow with it that will automatically send a recommendation email to users some time after their purchase.

Först måste du installera och aktivera FunnelKit Automations plugin. För instruktioner, se vår tutorial om hur du installerar ett plugin för WordPress.

Obs: Du kan registrera dig för FunnelKit gratis plan för att göra detta.

Efter aktivering, besök FunnelKit Automations ” Autom ations page från WordPress dashboard och klicka på knappen ”Skapa Automation”.

Click the Create Automation button

Detta tar dig till ”Add Automations” page, där du kommer att se en lista över färdiga templates som erbjuds av pluginet.

Härifrån byter du till tabben ”WooCommerce” och väljer templaten ”Post Purchase Sequence”.

Select post purchase sequence template

Om du gör det öppnas en preview av det automatiserade arbetsflödet i en new tabs där du måste klicka på knappen ”Importera recept”.

Detta kommer att öppna en new prompt. Här addar du namnet på det arbetsflöde som du skapar och klickar på knappen ”Create”.

Import a recipe and add a name for it

FunnelKit Automation editor kommer nu att startas på vyn. Du kan börja med att clicka på tabben ”Order Created”. Detta är den trigger som kommer att starta arbetsflödet.

En popup kommer att visas på din vy, där du måste select orderns status. Om du till exempel väljer alternativet ”Behandlas” kommer emailet att skickas till användarna efter att de har gjort sin order.

Men när du väljer alternativet ”Completed” kommer kunderna att få ett email efter att de fått ordern till sin adress. Konfigurera bara dessa Settings och klicka på knappen ”Save”.

Select the order status

När du har gjort det, clickar du på tabben ”Delay”.

Detta kommer att öppna prompten på vyn där you kan välja hur lång tid efter köpet email ska skickas till användarna. Du kan t.ex. välja 1 timme i dropdown-menyn.

Därefter klickar du på knappen ”Save” för att spara dina Settings.

Choose a delay period for your email

Klicka sedan på tabben ”Action” i editorn för att öppna dess settings i popupen. Här kan du börja med att konfigurera ämnesraden i emailet.

Klicka sedan på alternativet ”Merge Tags” högst upp.

Click the Merge tags button

När du gör det kommer en popup att öppnas där du måste byta till tabben ”Orders”.

Därefter rullar du ner till alternativet ”Order Cross Sells” och klickar på kopieringsknappen bredvid den.

Click the Copy button next to the Cross Sells option

Prompten kommer nu automatiskt att close och you kan rulla ner till textbyggaren i popupen ”Action”.

Här kan du ändra innehållet i email enligt vad du gillar och lägga till cross-sells taggen. Nu kommer användarna att se en lista över relevanta produkter som du har addat till den köpta produkten med WooCommerce eller FunnelKit.

När du är klar klickar du bara på knappen ”Save and Close”.

Add the merge tag in the text editor and click the 'Save' button

You kan nu viewa your automatiserade arbetsflöde igen för att se om du vill göra några ändringar.

Därefter togglar du omkopplaren ”Inactive” högst upp till ”Active”.

Activate the workflow

Nu kommer dina kunder att få ett email med produktrekommendationer exakt en timme efter köpet.

Recommended products email preview

Metod 6: Visa produktrekommendationer i popup-fönster

Om du vill visa produktrekommendationer i popups är den här metoden något för dig.

För detta behöver du OptinMonster, som är det bästa verktyget för optimering av leadgenerering och konvertering på marknaden. Det tillåter dig att skapa popups, spelifierade snurra hjulen, banners och flytande barer med hjälp av dess färdiga templates och visual editor.

Det har också exitintent-teknik som låter dig visa produkt popups till användare precis när de planerar att lämna din store.

För att skapa en popup med produktrekommendationer måste du skapa ett account på OptinMonsters website.

Click the Get OptinMonster Now button

När du har gjort det öppnar du din WordPress dashboard och installerar det gratis OptinMonster plugin, som kommer att ansluta din website med verktyget.

Vid aktivering öppnas OptinMonster Setup Wizard, där du måste klicka på knappen ”Anslut ditt befintliga konto”. Du kan sedan följa instruktionerna på skärmen för att slutföra processen.

Connect your existing account

Besök sedan OptinMonster ” Settings sida och klicka på knappen ’Auto Generate Keys + Connect WooCommerce’.

Om du inte gör det kommer kampanjer som skapats med OptinMonster inte att visas i din store.

Auto generate keys and connect WooCommerce

När det är gjort, head över till OptinMonster ” Templates page från WordPress dashboard och välj ’Popup’ som kampanjtyp.

Klicka sedan på knappen ”Use Template” för den template som du vill använda. I den här tutorialen har vi använt templaten ”Product Recommendations”.

Choose a template for the product recommendation popup

Detta öppnar en prompt där du kan add to ett namn för den kampanj som du skapar.

När du väl har gjort det kommer OptinMonsters drag and drop-byggare att lanseras på vyn. Här kan du använda olika block för att lägga till en image, details och CTA för en produkt. För mer instruktioner, se vår tutorial om hur man skapar en WooCommerce popup för att öka försäljningen.

Klicka sedan på knappen ”Product Details” i popup-förhandsgranskningen för att öppna dess inställningar i den vänstra kolumnen. Du kan nu add to URL:en för produktens page i fältet ”Redirect URL”.

Add product URL in the popup

Byt nu till tabben ”Display Rules” högst upp. Här kommer du att ställa in villkor för popup-looken för produktrekommendationer.

För att göra detta, öppna dropdown-menyn ”Tid på sidan” och välj alternativet ”Page Targeting”.

This will allow you to show your popup to users on a specific product’s page, letting you cross-sell or upsell the product.

När du väljer det här alternativet väljer du ”contains” i dropdown-menyn i mitten och addar sedan URL:en till den produktsida där du vill visa den specifika popupen med rekommendationer.

Choose page targeting for product recommendation popup

You can also choose the ’Exit Intent’ alternative to display the popup as the user is about to leave your store.

Om du vill kan du ändra funktionens intensitet för att visa den för fler customers.

Use exit intent technology for popups

Slutligen byter du till tabben ”Publicera” högst upp.

Här klickar du på knappen ”Publicera” för att göra din popup Live. Klicka sedan på knappen ”Save” för att spara dina Settings.

Publish the product recommendations popup

You can now visit your online store to view the product recommendations popup in action.

Om du har valt en specifik page för popupen måste du heada till den page för att view resultaten.

Product recommendations popup preview

Metod 7: Visa produktrekommendationer i Easy Digital Downloads

Om du säljer digitala downloads i din store kanske metoderna ovan ej är lämpliga för dig.

I så fall kan du använda Easy Digital Downloads, som är det bästa pluginet för att sälja digitala varor, för att visa produktrekommendationer.

Först måste du installera och aktivera Easy Digital Downloads. För detaljer, se vår guide om hur du installerar ett plugin för WordPress.

Obs/observera: EDD har en gratis plan, men du behöver pro-versionen för att låsa upp tillägget Cross-sell och Upsell.

Efter aktivering, besök sidan Downloads ” Settings från WordPress admin sidebar för att enter din license key. Du kan få information under ditt account på EDD:s website.

Klicka sedan på knappen ”Activate”.

Add a license key for your easy digital downloads plugin

När du har gjort det måste du konfigurera din store för att börja sälja produkter. För instruktioner, se vår guide för nybörjare om hur man säljer digitala downloads i WordPress.

Gå sedan över till sidan Downloads ” Extensions och leta reda på addon ’EDD Cross-sell and Upsell’ och klicka på knappen ’Install’ under den.

När addon är installerat kommer det automatiskt att visa en aktiverad toggle som gillar detta:

Activate the EDD Cross-sell Upsell addon

Nu är det dags för dig att besöka sidan Downloads ” Settings och växla till fliken ”Extensions”.

Härifrån kan du konfigurera headingen för upsell- och cross-sell-produkter. Kom ihåg att upsell-produkter gillar en premium-version av den produkt som användaren köper, medan cross-sell-produkter är de som är relaterade till de köpta produkterna.

You can add to headings according to your like and also adjust the number of product recommendations to be shown from the dropdown menus.

Därefter klickar du bara på knappen ”Save Changes” för att lagra dina inställningar.

Add headings for cross sell and upsell sections

Öppna nu den digitala produkt där du vill add to produktrekommendationer.

När block editor visas rullar du bara ner till avsnittet ”Cross-sell and Upsell”, där du kan add to custom headings för varje avsnitt.

Om du inte add to en heading kommer de standard headings som du har konfigurerat att läggas till på sidan.

Därefter väljer du produktrekommendationerna för upsell från dropdown-menyn. Du kan följa samma process för cross-sell-produkter också.

Add upsell and cross-sell products

När du är klar klickar du bara på knappen ”Update” eller ”Publicera” för att lagra dina settings.

Öppna nu produktsidan på webbplatsens front end, och du kommer att se att upsell-produkten kommer att rekommenderas på produktsidan.

Upsell product recommendation preview

Å andra sidan kommer cross-sell-produkterna att rekommenderas till användarna när de befinner sig på kassans page.

Så här såg cross-sell-produkterna ut på vår demo website.

Cross-sell product recommendation preview

Bonus: Ställ in ecommerce tracking på rätt sätt i WordPress

När du har add to produktrekommendationer är det dags för dig att ställa in tracking för din store för att hitta dina bäst säljande produkter, se vilka kampanjer som utför bäst och förstå hur människor hittar och använder din website.

Detta hjälper dig att hitta vilken typ av produkter kunder gillar att köpa tillsammans med andra i din store. Till exempel kan you notice att alla som köper solskyddsmedel också köper en hatt.

Med den här informationen kan du visa relevanta produktrekommendationer till customers och öka din konvertering.

För att göra detta behöver du MonsterInsights, som är den bästa lösningen för Google Analytics på marknaden.

MonsterInsights Website

När du aktiverat pluginet ansluter du helt enkelt din website till Google Analytics. För detaljer, se vår tutorial om hur du installerar Google Analytics i WordPress.

Sedan headar du över till Insights ” Addons page från WordPress dashboard och installerar eCommerce addon.

Enable eCommerce tracking

Besök nu Insights ” Settings page och byt till ”eCommerce” tabs. Här måste du toggle ”Använd förbättrad ecommerce” -omkopplaren till ”På”.

När du har gjort det kommer MonsterInsights att börja registrera analyser och hitta de data du behöver, inklusive konverteringsfrekvens, transaktioner, intäkter, genomsnittligt ordervärde och topprodukter.

Use enhanced ecommerce option

För detaljer, se vår tutorial om hur man korrekt ställer in ecommerce tracking i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar produktrekommendationer i WordPress. Du kanske också gillar att se vår Beginner’s guide om hur man överför betalningsavgifter till customers i WordPress och våra toppval för de bästa e-postmarknadsföringstjänsterna för att utöka din email list.

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

1 kommentarLämna ett svar

  1. Syed Balkhi

    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!

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.