FS Data

FS Data - webbhotell, domännamn, e-post, servrar


  • Om oss

  • Blogg

  • Panel

  • Webbmail

  • Support

feb 18 2013

WooCommerce på svenska

En av våra mest uppskattade serier med blogginlägg här på FS Data, det var de tidigare inläggen om hur man sätter upp en e-handel i WordPress med WooCommerce. Det glädjer oss att så många läser dessa inlägg och att vi fortfarande får kommentarer och frågor där.

Efter att denna bloggserie publicerades förra året så har WooCommerce uppdaterats rätt flitigt. Det har lett till att den svenska översättningen, som var aktuell under vår bloggserie, inte längre har fungerat ordentligt. Det tycker vi är synd.

Därför har vi nu, i samarbete med WordPress och WooCommerce-konsulten Björn Sennbrink, tagit fram en ny svensk översättning av WooCommerce. Denna översättning kommer vi att hålla fortsatt uppdaterad, åtminstone ett år framöver. Den kostnad som denna översättning medför, det står vi på FS Data för.

Den svenska översättningen av WooCommerce är fritt tillgänglig för nedladdning i våra manualer:

Svensk översättning av WooCommerce

Översättningen kan laddas ner och användas fritt, oavsett om man är kund till oss eller ej. FS Data är ett WordPress-vänligt webbhotell och ett utmärkt val av webbhotell för e-handel. Men vi vill främst att så många som möjligt ska få upp ögonen för möjligheterna med WordPress och WooCommerce.

I våra manualer har vi även samlat våra tidigare inlägg om e-handel i WordPress med WooCommerce:

  1. E-handel med WordPress – Installera WooCommerce och lägg till produkter
  2. E-handel med WordPress – Frakt och moms i WooCommerce
  3. E-handel med WordPress – Paypal, Payson och Klarna i WooCommerce
  4. E-handel med WordPress – Orderflöde med rabatter samt trogna kunder
  5. E-handel med WordPress – Tips på bra tillägg för WooCommerce

Written by · Categorized: WordPress · Tagged: E-handel, Guide, Nedladdning, Öppen källkod, Översättning, Svenska, WooCommerce, WordPress

nov 14 2012

Så kommer du igång med Node.js

Node.js är en serverbaserad lösning som är avsedd att hantera skalbara och väldigt snabba webbapplikationer. En webbapplikation är, väldigt enkelt uttryckt, en smartare/mer funktionell hemsida. Node.js är avsedd för snabba, skalbara och minnessnåla webbapplikationer.

När man hanterar en webbapplikation med en traditionell webbserver, såsom Apache, så sker interaktionen mellan användarna och applikationen via ”trådar” (thread-based). Användaren ansluter till applikationen och får en köplats på webbservern, som hanteras enligt principen ”först till kvarn”. Om applikationen är väldigt populär (om det är mycket trafik till hemsidan) så kan långa laddningstider uppstå.

Om man istället använder Node.js för att hantera en webbapplikation så sker interaktionen mellan användarna och applikationen via ”händelser” (event-based). Användaren ansluter till applikationen, vilket skapar en händelse (t ex leverans av en sida). Node.js fortsätter sedan att hantera denna anslutning asynkront med övriga anslutningar, så att en kö aldrig behöver uppstå.

Man kan säga att Node.js är serversidans motsvarighet till AJAX på klientsidan.

Rätt så smart va? 🙂

Nackdelen med Node.js, det är att webbapplikationerna behöver anpassas för att kunna hantera dessa ”händelser”. Det är t ex inte möjligt att bara köra igång med en vanlig WordPress-sida i Node.js. Det krävs helt enkelt lite mer intelligens i webbapplikationen.

Om man vill komma igång och börja testa Node.js så är det faktiskt rätt så enkelt. Det enda som krävs är att man har tillgång till en egen server eller VPS. Här följer en liten guide till hur man installerar Node.js. Ett stort tack till vår kund Peter Olsson på PK Data för detta!

Installera Node.js på en Linux (CentOS) VPS hos FS Data:

  1. Logga in som root eller kör su -. Kör nedanstående från /root eller valfri mapp.
  2. Installera paket som behövs:

    yum groupinstall ’Development Tools’
    yum install openssl-devel

  3. Hämta Python 2.7.3 (2.6 eller 2.7 krävs). Det finns inget paket så:

    wget http://python.org/ftp/python/2.7.3/Python-2.7.3.tgz
    tar -zxvf Python-2.7.3.tgz
    cd Python-2.7.3
    ./configure && make && make install
    cd ..

  4. Det finns sedan maj inte längre något uppdaterat paket till CentOS. Kolla senaste version av Node på http://nodejs.org/download/ och kör:

    wget http://nodejs.org/dist/v0.8.14/node-v0.8.14.tar.gz
    tar -zxvf node-v0.8.14.tar.gz
    cd node-v0.8.14
    ./configure && make && make install
    cd ..

  5. Installera NPM:

    curl https://npmjs.org/install.sh | sh

  6. Skapa filen /var/node/test.js med följande innehåll:

    var sys = require(”sys”),
    http = require(”http”);

    http.createServer(function (request, response) {
    response.writeHead(200, {”Content-Type”: ”text/plain”});
    response.end(”Hello World”);
    }).listen(8000);

    sys.puts(”Server running at 127.0.0.1:8000”);

  7. Provkör med curl eller lynx:

    node test.js &
    curl 127.0.0.1:8000
    lynx 127.0.0.1:8000

  8. Stäng servern med kommandot ”fg” följt av CTRL-C

Om man sedan vill köra Node.js i skarpt läge, för produktion, så bör man komplettera detta med t ex upstart. Vi kan även rekommendera forever och monit (för övervakning av applikationer).

Så installera på nu och lämna gärna en länk till era Node.js-applikationer som en kommentar till detta inlägg!

Written by · Categorized: Server, VPS · Tagged: Applikationer, Guide, JavaScript, Node.js, Server, Tips, VPS

okt 03 2012

E-handel med WordPress och WooCommerce (del 5/5)

Nu är vi framme vid den femte och avslutande delen i vår bloggserie om e-handel med WordPress och WooCommerce. Precis så som funktionerna i WordPress kan utökas, med hjälp av olika tillägg/plugins, så är det även möjligt att installera tillägg i WooCommerce för att få de funktioner som kan saknas.

I denna del får vi tips om ett flertal intressanta tillägg för WooCommerce. Som tidigare så är det WooCommerce och WordPress-konsulten Björn Sennbrink som guidar oss fram. Och precis som tidigare så är det bara att lämna en kommentar om ni har några frågor.

En titt på både officiella och inofficiella plugin/extensions.

Orderadministration: Print Invoices & Delivery Notes är ett tillägg till WooCommerce som lägger till en widget på Order-sidan i WooCommerce och som gör att du kan skriva ut faktura eller följesedel:

På inställningssidan för Print Invoices & Delivery Notes (/wp-admin/admin.php?page=woocommerce_settings&tab=woocommerce-delivery-notes) kan du ladda upp en logotyp, ange adressuppgifter, hänvisa till exempelvis information om returer och även aktivera förhandsgranskning (så att du innan utskriften kan se vad som ska skrivas ut). Det finns även en extension från WooThemes som ger samma funktion som ovan beskrivet: Print Invoices/Packing Lists (35 dollar).

Förbättrat produktsök: Predictive Search (LITE) är ett tillägg som ger din e-butik en sökfunktion för dina produkter. Du aktiverar tillägget och lägger därefter till en widget. Inställningarna för Predictive Search hittar du snyggt integrerat under menyvalet WooCommerce: Inställningar. För att kunna jobba med samtliga inställningar krävs att du köper tilläggets PRO-version.

Predictive Search fungerar som så att när kunden börjar skriva i sökfältet arbetar tillägget i bakgrunden med att finna matchande produkter att visa upp. Funktionen går även att skapa med andra tilläggskombinationer t.ex. Relevanssi och Dave’s WordPress Live Search (realtidssök).

Letar du enbart efter en mycket bättre sökfunktion rekommenderar jag Relevanssi som länge visat sig vara ett tillägg att räkna med. Dave’s WordPress Live Search har dessutom funktioner för att positionera sökresultatrutan som poppar fram.

Jämför produkter: WooCommerce Compare Products PRO (35 dollar) är ett tillägg som baserat på dina produktkategorier och attribut för produkterna skapar en jämförelsefunktion. Kunden använder en widget för att addera produkter och själva jämförelsen visas i ett popupfönster.

För att vi ska ha något att jämföra börjar vi med att skapa en ’Compare Product Feature”, pris till att börja med. Vi kopplar detta till mobilskalskategorin:

Nästa moment gör vi på ”redigera en produkt”-sidan där vi markerar kryssrutan före ’Activate Compare Feature for this Product’ och bestämmer kategorin (mobilskal). Vi klickar på Uppdatera och gör om samma sak med övriga produkter som vi vill ska ingå i jämförelsen:

Nu har vi en ny knapp på produktsidan (utseendet kan justeraas via CSS) och ett klicka på ’Compare this’ placerar produkten i vår widget. Från widgeten öppnas popuprutan som visar vår nyligen skapade jämförelse:

Ovanstående kvicka genomgång av WooCommerce Compare Products PRO är medvetet nedkortad. Det finns tusen och ett plugin som vi kan implementera i vår WooCommerce-installation. Det är när vi är det här läget, när vi har en fungerande e-butik, som det kan läggas tid på testa nya funktioner. Har du följt vår serie vet du att vi inte berör alla med WooCommerce, utan det finns fortfarande saker för dig själv att upptäcka!

Låt kunderna bestämma priset: Name Your Price (20 dollar) är en extension som gör det möjligt att låta kunden själv sätta priset på en produkt. Det finns en integrerad inställningssida och du aktiverar funktionen i fältet Produktdata” på ”redigera/addera en produkt”-sidan:

Tillägget Name Your Price är utvecklat av Kathy Darling som nyligen släppte tillägget Nav Menu Roles (bestäm vem som ska se en viss menyflik), som du kan använda tillsammans med WooCommerce för att dölja/visa menyflikar beroende på om en besökare är inloggad, ej inloggade eller inloggad med en viss användarroll:

Framhäva produkter: WooCommerce har i minst ett par av sina teman en funktion som heter ”Featured Products”, vilket skapar vad som på annonssajter brukar kallas för framhävd placering. För att spetsa till den funktionen kan vi använda en bildväxlare, exempelvis WooSlider.

WooSlider kostar 35 dollar och vill du att produkter från WooCommerce ska kunna inkluderas på ett smidigt sätt köper du till den funktionen för 20 dollar (WooCommerce Product Slideshow). Det är en del pengar men fördelen är att det fungerar tillsammans. WooSlider är dessutom responsive vilket är mycket bra om din e-butik är mobilanpassad.

För att WooSlider ska lira riktigt bra krävs det förmodligen att du redigerar temafilerna. Har du inte alltför stora krav på placering kan du klistra in den shortcode som WooSlider genererar och på det sättet visa bildväxlare där du önskar. Du kan även arbeta med de widgets som kommer med tillägget och i förlängningen även flytta platshållarna för widgets i ditt tema. Det senare faller under temautveckling och är bara något för dig som är en mycket van WordPress-användare eller utvecklare.

Begränsningen med WooSlider som jag ser det är funktionen för att lägga till bilder att visa i slidern. Jag hade gärna sett att det inte fanns en koppling mellan Infoga bild i inlägg/på sida, utan att bildväxlare skapades via ett eget gränssnitt och att det gick att administrera varje bildväxlare lite bättre. Ett tillägg som jag tycker sköter det bra är CCSlider WP (18 dollar på CodeCanyon).

WordPress-tillägget CCSlider WP är ett intressant alternativ om du gillar coola övergångseffekter. CCSlider WP bjuder på både 2D- och 3D-animationer för dig som vill bjuda dina besökare på en häftig upplevelse. Det kanske inte passar alla men då finns det som ovan beskrivet andra alternativ.

Sammanfattning av bloggserien
Fem inlägg om WooCommerce är inte tillräckligt för att berätta om allt som har med e-handel att göra. Det finns alltid en funktion att lyfta fram, en tweak att göra och vi har inte ens berört möjligheterna som finns på temafronten. Det senare prioriterades bort eftersom WooThemes utöver ett bra e-handelsplugin även har ett stort utbud av teman med stöd för WooCommerce.

Första inlägget handlade om installation, grundinställningar, addition och redigering av produkt samt pris. De arbetsmomenten torde de flesta klara av utan större svårigheter. Det andra inlägget blev lite mer avancerat, särskilt när frakten avhandlades. Just detta med frakt är ett område som skulle kunna diskuteras vidare. Svenska e-handlare brottas dagligen med frågan om huruvida ett fast fraktpris är bäst, om ett dynamiskt fraktpris är att föredra eller om fraktkostnaden ska bakas in i priset?

Med det tredje inlägget kom en genomgång av tre betalningsalternativ och detta är ett spännande område under ständig förändring. Mobila betalningar talas det om nu som ett framtidsspår. Klarna har en mobil betalningsfunktion för mobila användare men det är i grund och botten bara en väg till en faktura.

Det fjärde inlägget handlade om logistik och förståelse för kundens upplevelse i butiken, med fokus på arbetsmetoder och funktioner. Särskilt detta med kundnöjdhet är ett fördjupningsämne, där det finns förespråkare som hävdar tvärt emot vad jag skrev i det fjärde inlägget om e-handel på WordPress. Det fjärde inlägget hämtade även inspiration från de lagar som reglerar e-handeln i Sverige.

Detta femte och i bloggserien avslutande inlägg har (förutom den här sammanfattningen) handlat om olika tillägg för användning tillsammans med WooCommerce. Att kunna skriva ut följdesedlar är förmodligen ett måste-ha-tillägg, medan Name Your Price sannolikt passar bättre för väldigt nischade sajter eller för kampanjer. Utbudet är stort och det är upp till dig (eller din WordPress-konsult) att finna rätt uppsättning plugins.

WooCommerce må vara en fork av Jigoshop (läs exempelvis kommentarerna till WPCandy-inlägget från augusti 2011) men för en vanlig användare och framförallt för en e-handlare som spelar det bakomliggande mindre roll – det viktiga är att en e-butik sitter på en stabil plattform, med bra support och med stora utvecklingsmöjligheter!

Har ni några frågor eller funderingar kring detta? Lämna gärna en kommentar!

Samtliga inlägg i vår bloggserie om e-handel med WordPress och WooCommerce:

  1. Installera WooCommerce och lägg till produkter
  2. Hantera frakt och moms i WooCommerce
  3. Ta betalt med Paypal, Payson och Klarna
  4. Orderflöde, med rabatter, samt trogna kunder
  5. Tips på bra tillägg för WooCommerce

Written by · Categorized: Webbhotell · Tagged: Ange eget pris, Användarhantering, Bildsnurra, Björn Sennbrink, E-handel, Fakturor, Förutseende sökfunktion, Guide, Jämför produkter, Tillägg, Tips, WooCommerce, WordPress

sep 26 2012

E-handel med WordPress och WooCommerce (del 4/5)

Det är dags för nästa del i vår lärorika bloggserie om e-handel med WordPress och WooCommerce. Vi har redan lärt oss hur man installerar WooCommerce och lägger till produkter, hur man hanterar frakt och moms samt hur man tar betalt via Paypal, Payson och Klarna.

Nu ska vi lära oss hur orderflödet fungerar, med rabatter, samt hur man får återkommande (trogna) kunder. Som tidigare så är det WordPress och WooCommerce-konsulten Björn Sennbrink som guidar oss igenom detta, med tydliga förklaringar och bilder. Lämna gärna en kommentar här om ni har några frågor eller funderingar kring dagens inlägg.

Detta, den fjärde delen i FS Datas bloggserie om E-handel på WordPress med WooCommerce, handlar om ökad förståelse för kundorderflödet, om rabatter (Dynamic Pricing-tillägget) och avsluta med att tala om främjande av kundlojalitet (eller återkommande kunder).

Vi har i tidigare inlägg fokuserat på inställningar i WooCommerce för att lägga till produkter, prissättning och frakt. Idag börjar vi med att ta ett steg ut ur butiken och kollar på hur du kan arbeta med kundorderflödet för att både bättre förstå vad som händer och för att du ska kunna förmedla det till t.ex. en framtida logistikpartner eller en ny medarbetare.

Logistik är ett brett område och vi har här avgränsat oss till vad som beskrivits i tidigare inlägg. Vi skrapar endast på ytan för att väcka ett intresse och även om detta inte bara handlar om WooCommerce så är logistikens direkta e-handelskoppling en bra anledning till att ta upp detta ämne. Ska du komma igång ordentligt med E-handel på WordPress krävs det mer än att arbeta i digitala gränssnitt.

– Kundorderflödet:

Kundorderflödet är allt som händer från det att kunden kommer till e-butiken, börjar botanisera bland produkterna, fyller sin varukorg, betalar, får orderbekräftelse och leverans – detta är vår avgränsning. Kunderorderflödet som du arbetar med kan börja tidigare t.ex. med SEO och marknadsföring. Flödet kan även fortsätta bortom leveransen och t.ex. inkludera returflöden. Vi håller det enkelt och fokuserar på vad som händer i e-butiken.

Skärmdumpen ovan illustrerar hur en kund (hjärtat symboliserar kunden, för att vi ska älska våra kunder) besöker vår e-butik, gör ett aktivt val att handla, fyller i beställningsformuläret och från lagret går produkten till kunden. Det är ett extremt enkelt flöde men perfekt att börja med.

De tidiga skisserna kan vara mer eller mindre detaljerade. Komplettera skissandet med en numrerad lista för att förklara vad siffrorna betyder. Du kan rent av börja med listan och ha den som mall när du börjar jobba med figurer i exempelvis Powerpoint:

Kundorderflödet ovan beskrivet:
Kund (1) besöker webbplatsen (2). På webbplatsen finns en Webbutik (3). Lagersaldot (4) avgör vad som visas i Webbutiken. Kund tar beslutet (5) att köpa en bok. Kund fyller i och sänder orderformuläret samt betalar (6). Orderformuläret sänds till Företaget för expediering (7a). Pengarna sänds till bank (7b).

Den dubbelriktade pilen mellan webbplatsen (2) och e-butiken (3) är där utifrån att e-butiken kan ses som en fristående del av webbplatsen och att kunden rör sig mellan t.ex. en informationssida och själva butiksfunktionen. Den dubbelriktade pilen mellan lager (4) och butiken (3) symboliserar ett utbyte av information. Ett annat sätt att illustrera ett informationsflöde är att använda en streckad linje, där den fasta linjen symboliserar en förflyttning (eller tillgänglighet).

När vi nu har ett par utkast till illustration av kunderordeflödet kan vi börja tillföra värden och nyckeltal. Vi utgår från skärmdump #2 (ovan) och lägger till det faktum att det finns artiklar i lager. Artiklarna i vår demobutik är mobilskal och dessa passar olika telefonmodeller. Låt säga att vi har tre olika telefonmodeller. Det ger oss ett kundorderflöde som ser ut så här:

Skärmdumpen ovan visar tre underlager (4a, 4b och 4c) som symboliserar de tre artiklarna vi erbjuder våra kunder. På samma sätt kan övriga delar av flödet byggas ut och förfinas. Syftet med flödet är alltså att ge dig som e-handlare en illustration över den verksamhet som du bedriver. Flöden kan även fungera som mall för funktioner i e-butiken och bli hur avancerat som helst (värre än ett makro i Excel).

Flöden kan alltså vara väldigt enkla och endast övergripande beskriva försäljningsprocessen. Flöden kan dock brytas isär, förfinas och förädlas till att täcka in i stort sett allt som din verksamhet består av. Du kan bredda avgränsningen och inkludera allt som sker innan kunden kommer till e-butiken. Du kan göra på samma sätt i nedre delen av flödet, där du lägger på vad som händer när en kund vill returnera en vara, vilka dokument som ska finnas, hur eventuella återbetalning ska se ut med mera med mera.

Det är sannolikt bara ditt eget intresse och din egen tid som begränsar arbetet med att beskriva logistiken i din e-verksamhet. Vill du läsa mer om e-handel och logistik föreslår jag att du börjar med Stefan Winterlens informativa artikel på ämnet e-handel och logistik.

– Dynamic Pricing

Nu kliver vi in i e-butiken igen med nyvunnen kunskap om logistik och tittar närmare på ett intressant utökande tillägg som heter Dynamic Pricing (75 USD). Namnet på tillägget är till viss del vilseledande eftersom det inte handlar om dynamisk prissättning i realtid, utan snarare om att arbeta med regler och villkor för att bestämma pris ut till kund.

Det första exemplet visar på hur du ger kundgruppen ”Kund” tio procent rabatt på alla sina köp. Vi kan låtsas att vi har en shoppingklubb där medlemmarna erhåller ett lägre pris, än vad köp från icke-medlemmar genererar. Vi har alltså vår butik öppen för alla och vi har en prisnedsättning för våra medlemmar.

Se menyvalet ”WooCommerce” till vänster i WordPress-admin och längst ner där hittar du Dynamic Pricing. När du klickat dig in där ska du se följande:

Vi fortsätter med att klicka på fliken ”Roles” och väljer där att aktivera (eng. ”Enable”) rollen Kund, sätter ”Percentage Discount” i rullgardinsmenyn och skriver värdet 10 i fältet längst till höger. Efter ett klick på Spara ändringar har vi nu bestämt att användarrollen Kund ska få 10 procent i rabatt på alla sina köp!

Dynamic Pricing-tillägget har även en funktion där en hel produktkategori kan ges en prisnedsättning och nästa exempel visar på det.

Vi vill att produkten ”Mobilskalet Magenta” från vår demobutik ska säljas i tvåpack. Vi säger att de levereras på det sättet och att vi med detta slipper att bryta emballaget, vilket ger oss en kortare packtid (vi sparar pengar helt enkelt). Vi kan även prognostisera att tämligen få kunder kommer beställa fler än två mobilskal av samma sort och att det gör att fler än fyra st. mobilskal i varukorgen inte behöver generera någon rabatt.

Vi går till ”redigera en produkt”-sidan och scrollar ner till fältet Produktdata (där pris anges). Här finns det nu en ny flik som heter Dynamic Pricing. Här kan vi lägga till en eller flera Pricing Groups med regler (om X, gör Y).

Vi börjar med att addera en prisgrupp och sätter vår första regel som ska ge oss prisnedsättning i form av ett fast pris vid köp av två st. mobilskal. Vi lägger en andra regel som ger oss samma prisminskning vid köp av två eller fyra mobilskal. För att motverka att kunden blir sur kan en mindre prisminskning ske när tre st. skal beställs, låt säga 5 procent:

Dynamic Pricing kan användas för att justera pris på kategori- och produktnivå. Dynamic Pricing kan även användas för prisjusteringar utifrån vilken användarroll som en registrerad kund har. WooCommerce skapar användarrollen Kund och med tillägget Members kan du enkelt lägga till fler roller:

Skärmdumpen ovan visar hur den nya användarrollen Guld-medlem och den av WooCommerce skapade användarrollen Kund får 25 respektive 10 procents rabatt på sina köp.

Dynamic Pricing tillsammans med t.ex. Table Rate Shipping-tillägget öppnar upp för riktigt bra funktionalitet i WooCommerce. Vi kan såklart köra e-butiken i sitt enklaste utförande, koppla på ett par betalningsalternativ och helt ignorera andra funktioner. Jag tror dock att en e-butik som ska fungera att skala upp när volymerna ökar kräver funktioner för att vid t.ex. kampanjer enkelt kunna sätta ned priset. Genom att dessutom kunna arbeta med olika kundkategorier gör att WooCommerce kan vara en säljfunktion på webbplatser där butiksfunktioner inte är det primära innehållet t.ex. hos medlemsorganisationer som vill distribuera internt material.

Som en parantes på ämnet rabatterat pris måste jag även nämna en i WooCommerce medföljande funktion, eller snarare inbäddad funktion. Under inställningar och fliken Integration finns tjänsten ShareYourCart, som tillåter skapande av konto utan att lämna WooCommerce-inställningssidan. ShareYourCart placerar en widget intill varukorgen och om kunden delar sin varukorg på Facebook erhålls en rabattkod. Inmatning av den koden i fältet för kuponger ger automatiskt prisavdrag:

– Kundnöjdhet

Rask vidare nu till det tredje och i det här inlägget avslutande området kundnöjdhet, helhetsintrycket kunden får av köpet i vår e-butik. För dig som vill gräva djupare i definitionen av kundnöjdhet rekommenderas Wikipedia-artikeln. Här fokuserar vi på funktioner i vår butik som syftar till att främja att kunden blir nöjd. Det är inte vetenskapligt fastslaget att nedanstående allena är avgörande, utan precis som med logistiken pekar vi här på saker som kan upplevas positivt.

Enkel kassa: Det ska vara enkelt på gränsen till tråkigt att handla. Varukorgen och kassan ska vara övertydlig och där vi kan ska vi hjälpa kunden att förstå hur allt fungerar. Det står skrivet i Lag (2002:562) om elektronisk handel och andra informationssamhällets tjänster, att ”En tjänsteleverantör skall tillhandahålla lämpliga och effektiva tekniska hjälpmedel som gör det möjligt för en tjänstemottagare att upptäcka och rätta till sina eventuella inmatningsfel innan denne gör en beställning.”

Med ovanstående lagtext i åtanke bör vi göra vad vi kan för att kunden både kan handla rättssäkert (ordvits) och för att förenkla ur ett kundnöjdhetsperspektiv. Ett exempel är minimering av antalet fält som en kund ska fylla i för att beställa. Här finns t.ex. Klarnas funktion för att utifrån personnummer automatiskt hämta adressuppgifter och fylla i dessa i formuläret. Klarnas funktion minskar jobbet för kunden och möter lagtexten genom att hämta adressuppgifter ur folkbokföringen.

Generösa frakt- och returvillkor: Vi måste tjäna pengar på vår verksamhet och vi måste därför inkludera fraktkostnader i priset ut till kund. Vi kan välja att hantera det separat eller så kan vi baka in fraktkostnaden i produktens pris. Det finns inget rättesnöre här utan det är snarare så att du i egenskap av säljare får göra en bedömning av vilket upplägg som är rätt. Själv förespråkar jag en dynamisk fraktprisökningsmodell baserat på relationen mellan en produkts egenskaper och kostnader för emballage samt transportkostnad.

Returer är ett annat område där vi som e-handlare är bundna till ett visst beteende av lagtexter. 14 dagars ångerrätt (med vissa undantag) är lagstadgat och vid eventuella reklamationer bör vi ha en transparent rutin för hantering av detta.

För att främja ökad kundnöjdhet rörande frakt och returer kan vi t.ex. bjuda på fri frakt och fria returer. Men återigen, detta är förenat med försämrade vinstmarginaler om vi inte kan få betalt för dessa bägge delar av köpet på annat håll. Fri frakt som tas igen på högre produktpris kan minska försäljningen då produktpriset i jämförelse med andra butiker är högre. Prisjämförelsesajter finns och särskilt vid försäljning av varor som andra säljer är ett lågt produktpris av stort värde.

När det gäller kostnader för returer säger Konsumentverket att konsumenten ska betala för returfrakten och när varan är åter hos oss ska vi betala kunden vad hon betalat oss tidigare (Distans- och hemförsäljningslag (2005:59)). Här är ett sätt att främja kundnöjdhet att se över möjligheten att bjuda kunden på kostnaden för returfrakten.

Har ni några frågor eller funderingar kring detta? Lämna gärna en kommentar!

Samtliga inlägg i vår bloggserie om e-handel med WordPress och WooCommerce:

  1. Installera WooCommerce och lägg till produkter
  2. Hantera frakt och moms i WooCommerce
  3. Ta betalt med Paypal, Payson och Klarna
  4. Orderflöde, med rabatter, samt trogna kunder
  5. Tips på bra tillägg för WooCommerce

Written by · Categorized: Webbhotell · Tagged: Björn Sennbrink, Dynamic Pricing, E-handel, Guide, Orderflöde, Rabatt, Tips, Trogna kunder, WooCommerce, WordPress

sep 18 2012

E-handel med WordPress och WooCommerce (del 3/5)

En ny vecka betyder en ny del i vår bloggserie om e-handel med WordPress och WooCommerce. Vi har sedan tidigare gått igenom hur man installerar WooCommerce och lägger till produkter samt hur man hanterar frakt och moms. Nu är det dags för en av de trevligaste sakerna med e-handel: att börja ta betalt! 🙂

Dagens inlägg handlar om hur man tar betalt med Paypal, Payson och Klarna. Även denna gång är det WordPress och WooCommerce-konsulten Björn Sennbrink som tydligt och enkelt visar oss hur man går tillväga. Om ni har några frågor kring detta, lämna då gärna en kommentar.

E-handel med WordPress – Paypal, Payson och Klarna i WooCommerce

Det här tredje inlägget i FS Datas bloggserie om WooCommerce handlar om tre olika betalningsalternativ: PayPal, Payson och Klarna.

– Ta betalt med PayPal

Betalningsalternativet PayPal finns med i WooCommerce från början. Du behöver alltså inte köpa ett utökande tillägg (extension) för den här funktionen. Vi kör igång direkt med inställningarna (WooCommerce: Inställningar: Betalningsalternativ + ”PayPal”):

Det enklaste sättet att ta betalt med PayPal är att registrera ett standardkonto och i WooCommerce ange e-postadressen för det kontot i fältet ”PayPal e-postadress” (grön markering i skärmdumpen ovan). Vi gör det, klickar på ”Spara ändringar” och besöker vår demobutik ur ett kundperspektiv. Vi placerar en produkt i varukorgen, går till kassan, anger namn och adress samt klickar på ”Skicka order”. Vi sänds nu till PayPals hemsida där vi uppmanas att antingen logga in eller att betala med kontokort (som inte kräver inloggning):

Om vår kund har ett PayPal-konto sen tidigare kan hon logga in och betala som inloggad. Har hon inte ett PayPal-konto kan hon betala ändå, med konto- eller kreditkort. När betalningen är genomförd ges kunden möjlighet att skriva ut ett kvitto komplett med produktnamn, särredovisad moms och frakt.

En sak som är viktig här är namnet för mottagande PayPal-konto det vill säga ditt konto som säljare. Det skickas ut ett mail till kunden med information om betalningsmottagarens namn, ditt namn. Om du av någon anledning inte vill skylta med ditt personnamn gör du bäst i att skapa ett PayPal-konto för butiken som sådan.

När kunden återvänder till vår e-butik visas en orderbekräftelse och kunden har som sagt fått ett mail med samma uppgifter. Vi som e-handlare kan se den lagda ordern komplett med alla uppgifter. Gå till menyvalet ”WooCommerce: Ordrar” och klicka upp den senaste för att se något i stil med:

WooCommerce bjuder som synes ovan på ett bra gränssnitt för att administrera inkomna ordrar. Det finns t.ex. en funktion för att sända en e-postfaktura till kunden. Det går att lägga till egna kommentarer för ordern, bra om ni är flera som administrerar beställningarna. När du sparar ordern från den här sidan går det automatiskt ut två mail, ett till dig om att ny beställning finns samt ett mail till kunden med meddelande om att ”ordern är slutförd”.

– Ta betalt med Payson

Kunder som väljer att betala med Payson i vår demobutik skickas vid betalning till Paysons hemsida. Payson erbjuder där (på sin sajt) våra kunder möjligheten att betala för produkterna i varukorgen (från vår sajt) med kredit- och kontokort, direktbetalning via bank samt via faktura.

Observera att fakturatjänsten måste ansökas separat och att tjänsten endast gäller fysiska varor, B2C, inom Sverige. Viktigt att notera är även att Payson endast tar betalningar i svenska kronor eller Euros, varför Sverige eller Finland måste anges som Basland (under Generella inställningar i WooCommerce).

Payson Form är en extension som vi köper från WooThemes. Tillägget är utvecklat av Niklas Högefjord på Krokedil AB i Arvika och finns även länkat från Paysons integrationssida. Payson Form kostar 50 dollar och eftersom det är ett tillägg är proceduren samma som för andra tillägg: Ladda ner, packa upp, ladda upp och aktivera.

För att ta betalt med Payson via WooCommerce och modulen för detta måste vi ha ett Payson-företagskonto. När vi blivit godkända hämtar vi Agent ID och MD5-hash från Payson. Dessa bägge värden matar vi in i Payson Form. Vi börjar dock med att gå till WooCommerce-menyn (wp-admin/admin.php?page=woocommerce_settings), där fliken ”Betalningsalternativ” visar oss Payson utöver de andra betalningsalternativen. Vi markerar Payson som standard:

Därefter klickar vi på Paysondirekt i den horisontella menyn och får upp en sida med fält för inmatning av Agent ID och MD5-hash:

När du fyllt i Agent ID och MD5-hash samt epostadressen för Payson-kontot ska det gå att betala med Payson. Gör några testbeställningar för att kontrollera funktionalitet och kundupplevelse. Du kan enkelt kreditera, det vill säga återföra inbetalda belopp när du testat klart.

– Ta betalt med Klarna

Klarnas tjänst har till skillnad från PayPal och Payson en lång bindningstid (kommentera inlägget om du har en annan uppgift rörande detta). För dig som vill testa innan du ingår avtal finns det testkonton att begära ut via http://integration.klarna.com/en/testing/test-account. Alla instruktioner i det här inlägget bygger på ett sådant testkonto.

Vi börjar med att köpa Klarna-modulen för WooCommerce (50 dollar). Vi laddar ner, packar upp och laddar upp till vår webbserver hos FS Data. Vi aktiverar och börjar med inställningarna:

Inställningarna (WooCommerce: Inställningar: Betalningsalternativ) är samma som med Payson. Du markerar radioknappen framför det betalningsalternativ som du vill ska vara förvalt i e-butikens kassa. När du har avtal med Klarna kan detta med förvalt betalningsalternativ vara en regel snarare än en valmöjlighet, där Klarna tar en högre procentuell del av varje transaktion om du inte gör detta val.

När vi nu har markerat Klarna som standard/förvalt ska vi göra lite mer avancerade inställningar. Klicka dig vidare i den horisontella menyraden som listar de olika betalningsalternativen, så att du får upp sidan med Klarna-specifika inställningar:

Vi kontrollerar så att rutan framför ”Aktivera Klarna Konto” är markerad och därefter anger vi EID och Shared Secret (som finns i mailet om beviljat testkonto från Klarna integration). Vi kryssar i rutan längst ner (Aktivera Klarna Test Mode) innan vi startar upp vårt FTP-program:

Gå till mappen ”srv” som ligger under /wp-content/plugins/woocommerce-gateway-klarna/ och ändra filrättigheterna till 777 på den mappen. Gör samma sak med filen som finns i den mappen (pclasses.json) innan du återvänder till WordPress-sidan vi nyss lämnade. Klicka på ”Update the PClass file pclasses.json”. När meddelandet ”The file pclasses.json was sucessfully updated.” visas går vi in på webbservern och sätter tillbaka rättighterna som de var innan, 755 för mappen srv och filen pclasses.json ges filrättigheten 644.

Nu har vi klara med inställningar i WooCommerce för Klarna-modulen och vi ska testa hur betalningsalternativet fungerar i praktiken. Vi besöker vår demobutik, lägger en produkt i varukorgen, klickar oss vidare till kassan och noterar Klarna delbetalning som ett betalningsalternativ intill PayPal och Payson:

Skärmdumpen ovan visar vad kunden ser i vår demobutiks kassa. Förutom Klarna finns de tidigare beskrivna betalningsalternativen PayPal och Payson. Nytt i den här vyn är Klarnas krav på att personnummer ska matas in. Det hänger bl.a. samman med vem som tar kreditrisken vid köpet.

Klarna är av de tre betalningsalternativen som vi gått igenom i detta tredje inlägg om WooCommerce på FS Datas blogg, den mest avancerade tjänsten och kanske även den mest självklara för dig som ska börja eller redan börjat med e-handel. Igenkänningsfaktorn i Sverige är hög och flera personer, både privatpersoner och andra e-handlare, har under tiden för författandet av det här inlägget vittnat om stabilitets- och trygghetskänslorna som är förknippade med Klarnas tjänster.

Möjligheten att få leverans och betala via faktura är en uppskattad funktion. Att som e-handlare dessutom slippa hanteringen av fakturor och att bli av med kreditoron är två saker som ger Klarna en extra push. Men jag rekommderar att du gör ett eget val här, särskilt om du inte vill binda upp dig i ett par år.

Payson och PayPal är de två enklare betalningsalternativen. De har sin användarskara och särskilt Payson torde vara lätt att komma igång med även för dig som inte är så van WordPress-ehandlare. PayPal är enkelt så det förslår och hela tjänsten finns på svenska.

När det gäller kostnader förknippade med dessa tre betalningsalternativ framstår Payson som en bra betalfunktion för dig som precis startat (3kr + 3%). Paypal är bara aningen dyrare än Payson och Klarna sticker ut med en låg procent fast å andra sidan en väldigt lång avtalstid (24 månader till att börja med). Vill du få en bättre förståelse för de olika leverantörerna av betalfunktioner rekommenderar jag att du använder kalkylatorn på http://www.ehandel.se/kortbetalning/ för att utifrån just dina förutsättningar finna den mest fördelaktiga betallösningen.

Har ni några frågor eller funderingar kring detta? Lämna gärna en kommentar!

Samtliga inlägg i vår bloggserie om e-handel med WordPress och WooCommerce:

  1. Installera WooCommerce och lägg till produkter
  2. Hantera frakt och moms i WooCommerce
  3. Ta betalt med Paypal, Payson och Klarna
  4. Orderflöde, med rabatter, samt trogna kunder
  5. Tips på bra tillägg för WooCommerce

Written by · Categorized: Webbhotell · Tagged: Björn Sennbrink, E-handel, Guide, Klarna, Paypal, Payson, Tips, Webbhotell, WooCommerce, WordPress

  • « Previous Page
  • 1
  • …
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • Next Page »

© 2025 FS Data AB | Priser exkl. moms