Tomas Axelsson

Tomas Axelsson tomas.axelsson@highendmedia.se https://highendmedia.se

Vad är WooCommerce? WooCommerce är ett e-handelsplugin till WordPress. Det är idag världens populäraste e-handelsplattform! WooCommerce lanserades 27:e September 2011

Varför WooCommerce? Framtidsäkrad tack vare stor volym WooCommerce har tests i skarp drift av MÅNGA användare Lätt att underhålla och vidareutveckla Stort community som utvecklar och bidrar med kod Stöd för olika språk och valutor Inga licenskostnader gör det kostnadseffektivt

Installera WooCommerce Kort checklista 1. Se till att din wordpressinstallation är av senaste version. 2. Leta upp WooCommerce pluginen, gå till Tillägg och sök. Installera och aktivera 3. Gå igenom installationsguiden

Installera WooCommerce * Välj land * Välj valuta * Valutaposition, i Sverige höger! * Tusenavgränsare och decimalavgränsare. I Sverige anges decimaler med komma! * Viktenhet, i Sverige Kilo eller Gram * Måttenhet, i Sverige cm eller mm Fysiska produkter eller ej? Moms, B2B ingen moms, B2C med moms! Men momsen måste specificeras även till företag om man tänker låta WooC generera en faktura. Företagare föredrar dock generellt sett föredrar priser utan moms. Välj alltid att ange priserna exklusive moms, det är lättast!

Betalningslösningar Att välja betalningslösning är ett stort kapitel för sig! Generellt sett så finns det två olika inriktningar bland de som säljer betalningslösningar. * Låg fast kostnad -> hög procentuell del av summa. -> eller hög fast kostnad per transaktion. * Hög fast kostnad -> låg eller ingen procentuell andel av summa -> eller låg fast kostnad per transaktion Ta fram räknedosan för bästa beslut! Ytterligare parametrar att ta i beaktning: * Tillhandahåller leverantören ett färdigt plugin eller ej? * Är det mycket jobb att komma igång? Tänk på att varje timme man själv får lägga är dyr! * Kan leverantören av betalningslösning tillhanda mervärden som kredit, factoringtjänst osv? * Är betalningslösningen konverteringsvänlig eller ej? * Ett eller flera olika betalningslösningar? * Hur ser din målgrupp ut? * Hur ser ditt geografiska område ut?

Olika sorters produkter Enkel produkt * En vanlig pryl som inte finns i olika varianter som storlek, färg osv Grupperad produkt * Används för att ge kunder möjligheten att välja fler relaterade produkter från en enda produktpresentation. Skapa först en parent-produkt och sedan Child-produkter. Childprodukter kopplas till Parent-produkten genom alternativet Länkade produkter i produktdatafältet. Man kan också dölja Child-produkter från produktkatalogen. Extern/Affiliateprodukt * Används för att länka vidare till andra sajter där köpet genomförs i utbyte mot att du får provision. Variabel produkt * Används t. ex. när man säljer kläder och inte vill att en produktlistning ska innehålla mängder med varianter av samma produkt. Man vill istället att användaren ska välja storlek, färg, form på produktpresentationen.

Att lägga till en första produkt steg 1 Minimum för att lägga till en produkt är namn och pris. * Namngivning ur SEO- och konverteringssynpunkt * Beskrivning ur SEO- och konverteringssynpunkt * Kort produktbeskrivning ur SEO och konverteringssynpunkt * Rätt pris * Moms, tänk på att det är olika moms på olika sorters produkter * Lagersaldo, hantera lager i WooCommerce eller ej? * Artikelnr på engelska SKU = Stock Keeping Unit, tänk på varianter! Även viktigt för koppling till externt affärssystem.

Att lägga till en första produkt steg 2 * Frakt, kan vara avgörande för konvertering eller ej! * Länkade produkter. -> Uppförsäljning, rekommendera annan produkt -> Korsförsäljning, marknadsför i varukorg * Attribut -> Kan används för varianter, med unikt SKU * Avancerat -> Köpmeddelande, notering till kund vid köp -> Menyordning -> Recentioner?

Övning * Lägg till WooCommerce-pluginet * Gå igenom guiden och gör era inställningar * Lägg till en produkt

Att välja tema Hitta ett passande tema som stödjer WooCommerce Det finns mängder med olika teman, både gratis och betalalternativ. Viktigt när man väljer tema: * Välj ett med många användare och som uppdateras kontinuerligt! * Det ska vara responsivt! * Testa en eventuell demo-version med Google Page Speed, där kan man hitta eventuella problem med hastighet, för mycket JavaScript, för stor CSS-fil och så vidare Under utbildningen kör vi med Storefront, samma utvecklare som WooCommerce

Att välja tema, fler hänsyn att ta * Vilken inbyggd funktionalitet finns? * Är det från början anpassat för din typ av produkter? * Hur väl funkar det med din målgrupp? * Kommer det behövas mycket ändringar i design för att funka? * Kommer det behövas mycket programmering, anpassning av dig eller en konsult för att fungera som det är tänkt?

Övning * Ladda ner och aktivera pluginet Storefront * Ladda ner pluginet One-Click Child Theme av tychay * Skapa ett child theme, döp det till Storefront-child * Byt ut startsidan så att man ser produkter där * Bekanta er med inställningarna under som finns under utseende

Kategorier Woocommerce har inbyggt stöd för kategorier, det har också de flesta affärssystem. Idén är att få en struktur i sitt produktutbud, både ur administrativ synvinkel men också ur ett kundperspektiv. Kategorierna är en trädstruktur som kan bli oändligt stor, strukturen anges genom att ange Överordnad. Saker att tänka på: * Struktur på kategorierna -> logisk uppdelning -> lagom mängd kategorier -> lagom mängd produkter per kategori * Kategorier ur SEO-synpunkt och UX-synpunkt -> Namnge kategorier med hänsyn till sökvolymer -> Glöm inte användarupplevelsen!

Övning * Hitta på och skapa två huvudkategorier och tre underkategorier till varje huvudkategori * Skapa ett par produkter och lägg dem i underkategorierna * Lägg till produktkategorierna i huvudmenyn (ni hittar detta under utseende / menyer) * Lägg till produktkategorierna i högerspalten med hjälp av en widget * Testa, lek och reflektera över resultatet!

Woocommerce shortcodes I Woocommerce finns ett antal shortcodes som kan användas för att visa produkter, kategorier och annat innehåll inuti posts och pages. Detta är mycket användbart! T. ex. [woocommerce_cart] visar kundvagnen [woocommerce_checkout] visar check out-sidan [woocommerce_my_account] visar användarkontosidan

Övning * Skapa en egen startsida på webbshopen. * Gör en h2-rubrik Utvalda produkter och lägg ett par produkter där * Under dessa, gör ytterligare en rubrik Våra produkter inom *valfri kategori* och visa en hel produktkategori där * För att lösa uppgiften använd Google, tips sök på: woocommerce shortcodes plus något mer.

Tack för idag! Frågor, funderingar? Tomas Axelsson CTO - High End Media Group AB tomas.axelsson@highendmedia.se