WooCommerce är med stor marginal den mest populära e-handelslösningen för WordPress. Det stoltserar med över 4 miljoner aktiva installationer, ett användarbetyg på 4.6 på WordPress.org, och en armé av glada, lojala digitala butiksägare.

Dessutom driver WooCommerce sedan Juni 2019 runt 7% av alla nätbutiker och 22 % av de 1 miljoner bästa e-handelssajterna. E-handelsförsäljningen blomstrar, så om du vill öppna upp en butik på din WordPress-drivna webbplats, är WooCommerce ett av de bästa valen du kan göra.

Den enda frågan som kvarstår är: Hur kan du få igång WooCommerce på din webbplats? För att svara på detta har vi satt ihop en omfattande WordPress WooCommerce-guide. Följ med så sätter vi igång!

Så här installerar och konfigurerar du WooCommerce (i 7 steg)

Naturligtvis måste du börja med att installera och aktivera WooCommerce-pluginen. Du kan göra detta antingen på en ny eller befintlig WordPress-webbplats. I följande steg kommer vi att gå igenom processen för att installera pluginen och konfigurera dess inställningar.

Steg 1: Installera pluginen

Det första du behöver göra är att installera WooCommerce på din webbplats. Du kan ladda ner det gratis från WordPress-arkivet och ladda upp det till din webbplats. Ännu enklare är att du kan installera det direkt via din WordPress-panel.

WordPress-pluginet WooCommerce
WordPress-pluginen WooCommerce

För att göra detta, gå in på din WordPress webbplats och navigera till Plugin > Lägg till nytt. Använd sökfältet för att hitta ”WooCommerce” och klicka på Installera nu när du hittat rätt plugin. Pluginförfattaren bör listas som Automattic:

Installera WooCommerce
Installera WooCommerce

Vänta medan pluginen installeras. Klicka sedan på knappen Aktivera:

Aktivera WooCommerce
Aktivera WooCommerce

Nu kommer pluginen att vara igång på din webbplats!

Steg 2: Öppna installationsguiden

När du har installerat WooCommerce uppmanas du att gå igenom en installationsguide. Det är valfritt, men vi rekommenderar att du går igenom den för att konfigurera ett par viktiga inställningar.

Den första sidan i installationsguiden för WooCommerce borde se ut så här:

WooCommerces Butiksinställningssida
WooCommerces butiksinställningssida

Här uppmanar WooCommerce dig att ange lite grundläggande information om din butik. Detta inkluderar dess adress, vilken valuta du vill använda och om du planerar att sälja digitala eller fysiska produkter (eller båda).

Tänk på att allt du ställer in här (eller under resten av installationsguiden) kan ändras senare i dina WooCommerce-inställningar om det behövs. Nästa steg i vår WooCommerce guide 2019 är att välja Sätt igång.

Steg 3: Välj dina betalningsprocessorer

På nästa sida kan du bestämma vilka betalningar du aktiverar för din webbutik. Som standard kan du använda Stripe och/eller PayPal, tillsammans med offlinebetalningar som checkar och kontanter:

WooCommerces betalningssida
WooCommerces betalningssida

Välj helt enkelt de alternativ du vill använda och WooCommerce kommer att ordna fram dem. Du kan också använda tillägg för att lägga till fler betalningsprocessorer till din butik, vilket vi pratar om senare. På Kinsta är vi stora fans av Stripe.

Rekommenderad läsning: Så kan du förebygga och minska kreditkortsbedrägerier till 98% med Stripe Radar

Använder du Square istället? Kolla in vårt djupgående jämförande blogginlägg: Stripe vs Square.

Steg 4: Konfigurera dina leveransalternativ

Därefter hittar du skärmen ”Frakt”:

WooCommerces Fraktsida
WooCommerces fraktsida

Här kan du bestämma hur mycket kunder ska debiteras för frakt. Du kan ställa in en kostnad för din önskade zon, och en annan för kunder som finns på andra platser. Om du vill kan du också erbjuda gratis frakt till en eller båda grupperna.

Steg 5: Granska valfria tillägg

Nu har du konfigurerat alla grunderna för din WooCommerce-nätbutik. Nästa sida i installationsguiden presenterar några valfria tillägg:

WooCommerces Rekommenderat-sida
WooCommerces Rekommenderat-sida

Alla dessa verktyg kan komma till nytta, även om ingen av dem behövs för att driva din webbutik. Vi föreslår att åtminstone ta en titt på Storefront. Detta är ett WordPress-tema som utformats speciellt för WooCommerce och kan göra det snabbare och enklare att få igång din butik.

Steg 6: Installera pluginen Jetpack (tillval)

Följande skärm erbjuder också ett valfritt tillägg:

WooCommerces Aktiveringssida
WooCommerces Aktiveringssida

Jetpack är en praktisk WordPress-plugin som erbjuder ett brett utbud av funktioner. Detta inkluderar säkerhetsfunktionalitet, olika analyser m.m. Det kan vara ett användbart tillägg till din WooCommerce-butik, men krävs inte – så det är upp till dig om du vill installera det eller inte.

Steg 7: Slutför installationsprocessen

Din WooCommerce-butik är nu redo att börja användas:

WooCommerces Redo-sida
WooCommerces Redo-sida

Du finner ett antal användbara länkar här. Du kan importera produkter till din butik, återgå till din WordPress-panel, eller redigera de inställningar du just konfigurerat.

Mest troligt är dock att du nu vill börja lägga till produkter. För att fortsätta följa vår WooCommerce-guide för WordPress, gå vidare och välj Skapa en produkt nu.

Lägga till och hantera nya produkter i WooCommerce

När du har installerat WooCommerce hittar du två nya flikar på instrumentpanelens sidomeny. Dessa kallas WooCommerce (ditt allmänna inställningsområde) och Produkter (ditt produktinställningsområde).

För att börja göra iordning din webbutik kan du antingen följa länken i slutet av installationsguiden eller gå till Produkter > Lägg till ny. Oavsett vilket gör detta att du kan lägga till din första produkt med hjälp av den välbekanta WordPress-redigeraren:

Ny WooCommerce-produkt exempel
Ny WooCommerce-produkt exempel

Det första du måste göra är att skapa en titel och en kort beskrivning av produkten. Här är ett exempel på hur bara en titel och beskrivning ser ut i en live-förhandsvisning.

WooCommerce produkttitel och beskrivning
WooCommerces produkttitel och beskrivning

När detta är gjort bör du också lägga till information om din nya produkt i WordPress. I de närmaste sektionerna tittar vi på hur man gör det.

Lägga till viktiga detaljer i din produkt

Om du bläddrar ner under inläggseditorn visas två nya widgets som inte finns på vanliga inlägg eller sidor. Den första är avsnittet Produktdata:

WooCommerce Produktdata
WooCommerce produktdata

Här kan du lägga till alla typer av uppgifter om din produkt. Högst upp kan du välja om produkten är virtuell (vilket tar bort fliken Frakt) och om den är nedladdningsbar. Under fliken Allmänt kan du sedan ange de ordinarie priserna och reapriser (rean kan vara tidskänslig).

Om du säljer digitala produkter måste du också ladda upp filen som ska köpas, anpassa nedladdningsgränsen (lämna den tom för att markera den som obegränsad) och ställa in utgångstiden (lämna den tom för att göra den tillgänglig permanent):

WooCommerce nedladdningsbara produktalternativ
WooCommerce nedladdningsbara produktalternativ

Därefter kan du hantera ditt lager på fliken Lager genom att ange produktens kvantitet, lagerstatus (i lager/slut på lager) och om du vill tillåta beställning av restnoterade varor:

WooCommerce-fliken Lager
WooCommerce-fliken Lager

Dessutom kan du markera produkten som individuell försäljning, vilket innebär att endast ett exemplar kan köpas per order. Det är också där du kan ange produktens SKU (identifikationsnummer) om du har ett.

Det finns ett antal andra användbara flikar här också. Frakt-sektionen gör att du kan ange objektets vikt, mått och fraktklass. På fliken Länkade produkter kan du lägga till uppgraderingar och merförsäljning, medan Attribut gör att du kan beskriva produktens egenskaper.

Slutligen kan du på fliken Avancerat ange anpassade inköpsanteckningar, ge produkten en fast position i menyn och aktivera eller inaktivera recensioner. Om du vill kan du också se tillägg för rekommendationer under skärmen Hämta fler alternativ.

Skapa attribut och varierbara produkter

Som du kan se finns det många alternativ för att lägga till uppgifter om dina WooCommerce-produkter och anpassa dem helt. Låt oss ta en närmare titt på två av de mest användbara alternativen i Produktdata-sektionen – attribut och varierbara produkter.

Attribut är viktiga deskriptorer för din produkt och de ger potentiella kunder viktig information om den. Detta kan inkludera objektets färg, materialet det är gjort av, dess storlek eller typ m.m. Om du lägger till dessa uppgifter om din produkt under fliken Attribut visas de på produktsidan:

WooCommerce-produkt med attribut
WooCommerce-produkt med attribut

Oavsett vilken typ av produkter du säljer, är attribut användbara för att kommunicera viktiga egenskaper på ett kortfattat sätt. Men vad händer om du också säljer föremål som kommer i flera alternativ? För det kan du välja alternativet Varierbar Produkt.

Fliken WooCommerce Variationer
Fliken WooCommerce Variationer

This will give you access to a new Variations tab, where you can create multiple versions of your product using the attributes you already assigned. So for example, let’s say you offer a shirt in red, green, and purple. You can add a variation for each color, then give each a unique description, price, and so on.

Dina kunder kommer att kunna se alla tillgängliga variationer på produktsidan:

WooCommerce-produkt med variationer
WooCommerce-produkt med variationer

Detta gör det enkelt för besökare att se allt du har att erbjuda i korthet. Dessutom betyder det att du inte behöver skapa separata produktsidor för små variationer på samma föremål.

Anpassa din Produkts kortbeskrivning

Under widgeten Produktdata hittar du också ett avsnitt märkt Produkt kort beskrivning:

WooCommerce produkt kort beskrivning widget
WooCommerce produkt kort beskrivning widget

Här kan du skapa en kortfattad tagline som visas under produktens titel. Du kan använda denna beskrivning för att belysa föremålets primära fördelar och införliva ett eller flera sökord för att hjälpa kunder att hitta det i sökningar.

När du har anpassat din produkts data och beskrivning, glöm inte att kolla in de andra alternativen på produktsidan också. Du kan lägga till taggar i din produkt, tilldela den en kategori och inkludera en utvald bild eller till och med ett helt bildgalleri.

Så här ser din slutprodukt ut på frontenden:

Exempelprodukt i WooCommerce
Exempelprodukt i WooCommerce

När din produkt är klar, klicka på Publicera för att ta den live på din webbplats. Sedan kan du upprepa denna process för att skapa ytterligare produkter efter behov.

Hantera dina WooCommerce-produkter

Du kommer förmodligen att lägga till ett antal objekt i din WooCommerce-butik, vilket innebär att du behöver ett enkelt sätt att hantera dem. Lyckligtvis kan du göra detta via fliken Produkter i instrumentpanelen.

Du kan till exempel välja Alla Produkter för att se alla produkter som för närvarande finns i din butik. Du kan lägga till, redigera och ta bort produkter här efter behov:

WooCommerce-produkter
WooCommerce-produkter

På de andra sidorna under avsnittet Produkter kan du se dina produktkategorier, taggar och attribut. Var och en av dessa sidor ser ut som WordPress Inlägg > Kategorier-standardsidan och kan hjälpa dig att hålla hela lagret organiserat.

Så här anpassar du din WooCommerce-butik

Tidigare i vår WooCommerce-guide konfigurerade du några grundläggande inställningar för din webbutik. Det finns dock många fler alternativ att leka med, som du hittar i den nya WooCommerce-fliken.

Det är här du kan se beställningar, kuponger och rapporter, samt anpassa inställningar och lägga till nya tillägg. Låt oss gå igenom varje skärm en efter en.

Beställningar

Först kommer Beställnings-sidan som visar en lista över de senaste beställningarna i din butik:

WooCommerce Beställningssida
WooCommerce Beställningssida

Om du säljer digitala produkter finns det inte mycket att göra här annat än att se vad som har köpts nyligen. Men om du säljer fysiska varor är det här du kan ta reda på vilka produkter du behöver skicka och statusen för dina beställningar.

Rabattkuponger

WooCommerce har flera användbara alternativ för att lägga till nya rabattkuponger i din e-butik. Under fliken Rabattkupong kan du välja Skapa din första rabattkupong för att komma åt redigeringsskärmen:

Skapa en WooCommerce-kupong
Skapa en WooCommerce-kupong

Du kan lägga till en rabattkupongkod och beskrivning här. Allmänt-fliken låter dig redigera grundläggande rabattkuponginformation: typ av rabattkupong (procentuell rabatt, kundvagnsrabatt eller produktrabatt), dess värde, fri frakt-alternativ, och dess utgångsdatum.

Skärmen Användningsbegränsning
Skärmen Användningsbegränsning

I Användningsbegränsningar kan du ställa in ett minsta belopp kunden måste spendera för att använda rabattkupongen. Du kan också markera rutan för Endast enskilt bruk om du inte vill att kunderna ska använda rabattkupongen i samband med andra erbjudanden.

Du kan ställa in om rabattkupongen inte ska gälla för rea-varor här, och även välja de produkter och produktkategorier rabattkupongen kan användas för. Slutligen kan du även förbjuda vissa e-postadresser från rabattkuponganvändning.

Den sista fliken, Användningsgränser, låter dig bestämma hur många gånger rabattkupongen kan användas, både övergripande och per kund. Sedan kan du helt enkelt publicera din rabattkupong för att göra den aktiv, och informera dina kunder om vilken kod de behöver använda.

Rapporter

WooCommerce erbjuder också kraftfull inbyggd spårningsfunktionalitet. Under fliken Rapporter kan du visa diagram och grafer över dina försäljnings-, beställnings- och fraktkostnader under olika tidsperioder:

WooCommerce-fliken Rapporter
WooCommerce-fliken Rapporter

Varje graf kan begränsas till försäljning av en viss produkt, produktkategori eller kupong. På underfliken Kunder kan du också se ditt kundförvärv under samma tidsperioder.

Sist men inte minst kan du granska vilka varor som börjar ta slut, vilka som är slut på lager och vad du har mest av på underfliken Lager. All denna data kan exporteras som ett CSV-ark om det behövs.

Inställningar

Det är här WooCommerce blir riktigt imponerande. På skärmen Inställningar kan du anpassa nästan varje aspekt av din e-butik. Element som placeringen av din tusentals-separerare, hela kassa-processen, e-postalternativ och mycket mer kan skräddarsys för att möta dina behov.

I det här avsnittet täcker fliken Allmänt butikens grundläggande information, inklusive dess valuta, säljplatser och visningsalternativ:

WooCommerce Allmänna inställningar
WooCommerce Allmänna inställningar

Ett annat anmärkningsvärt alternativ här är Aktivera skattesatser och beräkningar. Om du markerar den här rutan får du tillgång till en tidigare dold Moms-flik:

WooCommerce skatteinställningar
WooCommerce skatteinställningar

Här kan du låta plattformen veta om de priser du anger för dina produkter kommer att inkludera moms eller inte. I det senare fallet kan du låta WooCommerce beräkna momssatserna åt dig, baserat på din butiks adress, kundens leveransadress eller kundens faktureringsadress.

Du kommer också att kunna konfigurera hur momsen kommer att påverka fraktkostnader, och även avgöra om de ska avrundas. Sedan kan du anpassa hur priser och moms visas på framsidan och under kassa-processen.

Dina produktdata, inklusive mått, recensioner, lageruppgifter, nedladdningsmetoder och till och med Lägg-i-varukorgen-knappar kan anpassas under fliken Produkter:

WooCommerce produktinställningar
WooCommerce produktinställningar

Frakt är där du kan konfigurera dina fraktzoner och prissättning:

WooCommerce fraktinställningar
WooCommerce fraktinställningar

Du kan också anpassa hur frakten beräknas och välja vad standard-fraktdestinationen kommer att vara. Att begränsa din butiks tillgänglighet endast till specifika länder är också möjligt.

Fliken Betalningar visar vilka betalningsprocessorer som är tillgängliga och aktiva i din butik:

WooCommerce Betalningsinställningar
WooCommerce Betalningsinställningar

Här kan du aktivera och inaktivera vilka betalningsalternativ du än vill. Dessutom hittar du praktiska länkar för att anpassa inställningarna för specifika processorer.

Konton & Sekretess styr olika aspekter av dina kunders upplevelse:

WooCommerce Konton & Sekretessinställningar
WooCommerce Konton & Sekretessinställningar

Du kan ställa in en sekretess- och kassapolicy, konfigurera hur kunddata kommer att lagras och behållas, och mer.

Dessutom har du olika alternativ för hur kassan kommer att hanteras. Under sektionerna Gäst-kassa och Kontoskapande kan du avgöra om besökare kommer att kunna beställa som gäster (dvs. utan att logga in på ett konto).

Sedan kan du bestämma om de har möjlighet att logga in och/eller skapa ett nytt konto under kassa-processen. Du kan även ge dem automatiskt genererade användarnamn och lösenord, för att påskynda registreringsprocessen.

Under fliken E-post kan du anpassa allt som handlar om kundkontakt och support.

WooCommerce E-postinställningar
WooCommerce E-postinställningar

Högst upp på den här skärmen hittar du en lista med e-postmeddelanden som skickas via WooCommerce som svar på specifika triggers (till exempel en beställning som görs eller avbryts). Du kan klicka på dessa e-postmeddelanden för att aktivera/inaktivera dem, samt att anpassa deras innehåll:

Anpassa WooCommerce e-post
Anpassa WooCommerce e-post

Du hittar även instruktioner här för redigering av e-postmallar, om du känner dig bekväm med att använda HTML. Du kan kopiera e-postens fil till din temamapp och sedan göra vilka ändringar du vill. Alternativt kan du skapa egna e-postmallar.

Sedan kan du konfigurera några globala inställningar för alla e-postmeddelanden som skickas från din WooCommerce-butik. Detta inkluderar ”från”-namn och adress, sidfotstext, och även färger och bakgrunder.

Slutligen, under fliken Avancerat kan du aktivera REST API, konfigurera nycklar, appar och webhooks och utföra andra uppgifter på lägre nivå:

WooCommerce Avancerade inställningar
WooCommerce Avancerade inställningar

Alla dessa inställningar kan anpassas och ändras när du vill, och din butik kommer att uppdateras automatiskt.

Status

Låt oss nu kortfattat kolla in fliken Status:

WooCommerce-fliken Status
WooCommerce-fliken Status

All din backend-information kan hittas här, såsom dina WooCommerce/PHP/MySQL/etc.-versioner, storleksgränser, loggning och mer.

I underfliken Verktyg på samma sida kan du rensa webbplatsens cacheminne för flera variabler, rensa ut gamla data och till och med återställa butikens inställningar till standardinställningarna.

Tillägg

Ett av de attribut som gör WordPress till det mest populära innehållshanteringssystemet (CMS) på planeten är gemenskapen bakom det. Det finns tusentals teman och tiotusentals plugins som du kan använda för att anpassa din webbplats. Dessutom utvecklas nästan 100% av dem av användare.

Detta gäller även för WooCommerce, men i mindre skala. Du kan hitta massor av verktyg för att utöka din butik, lägga till nya alternativ och funktioner, och anpassa dess utseende under fliken Tillägg och på andra ställen:

WooCommerce-fliken Tillägg
WooCommerce-fliken Tillägg

Till exempel, medan du kan använda WooCommerce med vilket tema som helst, kan detta hjälpa dig att välja ett som är utformat för pluginen. Storefront är bra att börja med, men det finns gott om andra alternativ i kataloger som ThemeForest:

Ett urval av WooCommerce-teman
Ett urval av WooCommerce-teman

Du kan också kolla in WooCommerce tilläggsbutik som inkluderar både utvecklarskapade och tredjepartsalternativ:

WooCommerce tilläggsbutik
WooCommerce tilläggsbutik

Det finns tillägg för att lägga till nya leveransalternativ till din butik, aktivera prenumerationer, anpassa kassaprocessen, integrera e-post och sociala medie-marknadsföring, och mycket mer. Du kan också hitta gratis och betalda tillägg som låter dig erbjuda ytterligare betalningsprocessorer till dina kunder, som Square och Amazon Pay.

Slutligen hittar du också massor av plugins utformade för att utöka WooCommerce på olika sätt. Bara för att ge ett exempel, pluginet Braintree for WooCommerce låter dig acceptera alla möjliga typer av betalningar i din butik:

Braintree For WooCommerce plugin
Braintree For WooCommerce plugin

Med andra ord, om du vill justera något med hur din WooCommerce-butik fungerar, är chanserna goda att du kan göra det genom att helt enkelt hitta rätt verktyg.

Redigera WooCommerce-mallar

Mellan WooCommerces inbyggda inställningar och de många tillägg och plugins som finns tillgängliga för det, har du en hel del flexibilitet över hur din butik fungerar. Men om du är en mer avancerad användare och vill utföra dina egna anpassningar, är det bra att börja med att redigera WooCommerces mallfiler.

Detta gör att du kan justera hur viktiga funktioner fungerar, såsom kundvagnen och kassaprocessen. Observera att detta är en riskabel process, speciellt om du är ny på att arbeta direkt med tema- och pluginfiler. Innan du börjar borde du säkerhetskopiera din webbplats för att skydda dig mot eventuella oavsiktliga ändringar. Så här tar du bort ett tema på ett säkert sätt.

Sedan måste du komma åt din webbplats med en Secure File Transfer Protocol (SFTP)-klient som FileZilla. Leta reda på webbplatsens rotmapp (ofta antingen kallad public_html eller uppkallad efter din domän) och navigera till wp_content/plugins/woocommerce:

WooCommerce-mappen i FileZilla
WooCommerce-mappen i FileZilla

I den här katalogen hittar du en mapp som heter mallar. Om du öppnar den ser du en lista över alla mallar som för närvarande är aktiva i din butik:

WooCommerce-mallar i FileZilla
WooCommerce-mallar i FileZilla

Nu kan du öppna vilken mall du vill och börja göra ändringar. Om du till exempel vill göra ändringar på sidan ”Tack” som visas efter att en kund har beställt, kan du öppna kassan och hitta thankyou.php-filen. Sedan kan du ladda ner den, redigera eller lägga till element som du tycker passar, och ladda upp den till din server.

WooCommerce-hosting

När du driver en webbutik är tid bokstavligen pengar. Det är därför det är viktigt att ha en snabb och pålitlig WordPress-värd, för att säkerställa längre driftstid, högre konverteringsfrekvenser och en bättre avkastning på investering. (ROI).

WooCommerce har blivit känt för att sakta ner WordPress-webbplatser, särskilt för stora butiker med massor av produkter. Med Kinsta som ditt webbhotell, behöver du lyckligtvis inte oroa dig för detta. Vi erbjuder hanterade hostingtjänster, tillsammans med mycket optimerad WooCommerce-hosting utformad speciellt med prestanda i åtanke:

WooCommerce-hostingplaner på Kinsta
WooCommerce-hostingplaner på Kinsta

Tack vare vår skalbara infrastruktur på Google Cloud Platform och den senaste tekniken som PHP 7, NGINX och MariaDB kan vi se till att en flytt till Kinsta kommer att bidra till att öka din försäljning!

”COO kontaktade mig med en verklig lösning istället för massa ”lita på oss”-fluff som jag fick från andra platser. Han var ärlig och uppriktig vilket var mycket uppfriskande. Efter migreringen sköttes supporten av VD som gjorde några utmärkta förslag och tweaks som dramatiskt förbättrade prestanda.”

– Caleb Worm, Swagway.com

Sammanfattning

WooCommerce är verkligen, bortom alla tvivel, den bästa gratis e-handelslösningen för WordPress. Pluginen har fenomenalt god statistik. Det är dock bara när du gräver djupare i pluginens många alternativ som dess sanna kraft kan avslöjas.

Vi har också något häftigt åt dig! Vi tillbringade månader med att sätta ihop denna 18 kapitel långa Optimeringsguide för WooCommerce. Den innehåller massor av lektioner och gratisverktyg för att optimera och utveckla ditt miljondollarföretag med hjälp av WooCommerce.

Finns det något viktigt vi har missat i vår WooCommerce-guide? Om så är fallet, låt oss veta i kommentarerna nedan!

Brian Jackson

Brian har stor passion för WordPress och har använt det i över ett årtionde, han har till och med utvecklat ett par premium-plugins. Brian gillar att blogga, kolla filmer och hiking. Ta kontakt med Brian via Twitter.