HLKonsult W ebbshop Användarmanual

HLKonsult W ebbshop Användarmanual Version1.0

1 Välkommen till HL Konsult CMS Webbshop Detta dokument kommer att hjälpa er igenom vår webbshopmodul. Det är rekommenderat att ni läser igenom vårt CMS manual innan ni läser denna manual. Detta dokument uppdateras ständigt medans vi justerar och förbättrar vår webbshopmodul. Om ni kommer att ha visitkortsbetalningar och liknande, får ni göra beställning innan eller under tiden webbshoppen görs. Ni kan få information om detta via vår kundsupport.

2 Innehållsförteckning Table of Contents Innehållsförteckning... 2 Att komma in på vår CMS... 3 Textredigeraren... 5 Webbshop... 13 Hantera kategorier... 16 Hantera produkter... 19 Hantera Varumärken... 24 Hantera kampanjer... 25 Hantera rabattkoder... 26 Lagerhantering... 27 Frakt & Leverans... 29 Ordrar... 31

3 Att komma in på vår CMS För att kunna börja använda vårt CMS, måste man logga in till adminverktyget. Detta sker oftast genom att skriva in adressen till din hemsida i adressfältet i webbläsaren t.ex. exempel.hlkonsult.se och lägga till /admin på slutet av adressen, så det ser ut såhär: Bild 1 - Adressfältet Ni kommer då få upp en sida som heter Inloggningssidan eller admininloggning, som ser ut såhär (bild 2): Bild 2 Admin inloggningssida

4 På inloggningssidan finns det två rutor, Användarnamn och Lösenord. Där skriver ni in det användarnamn och lösenord som ni har fått från oss, så att ni kan komma in på CMS:et och har möjlighet att redigera innehållet. När ni har skrivit in rätt användarnamn och lösenord, kommer Ni till framsidan av vårt Adminverktyg. Det ser ut som på bild 3. Bild 3 Framsidan Adminverktyget Innan vi börjar med webbshopmodulen, låt oss ta en titt på Textredigeraren som även används här.

5 Textredigeraren Vår textredigerare används i alla rutor där text och HTML kod kommer att användas, bl.a. innehållshantering, artiklar/nyheter, nyhetsbrev och även i vissa delar av webbshoppen. Den ser alltid ut på följande sätt: Ni har 4 stycken verktygsfält längst upp, och en stor textruta där ni skriver text och infogar bilder. Låt oss gå igenom hela verktygsfältet först och se vilka funktioner den har.

6 Första verktygsfältet Första verktygsfältet är väldigt viktig och har många användbara funktioner som Ni kommer behöva i Er textredigering. Första knappen heter Källa. När ni trycker på denna knapp, blir den intryckt och allt som står i textrutan visas i HTML källkodformat. Om Ni har någorlunda förståelse och kunskap om HTML och hur man skriver kod, kan ni använda denna knapp för att komma åt koden och ändra där. Om Ni inte har kunskap om HTML, råder vi Er att inte röra denna knapp! Därefter kommer Spara knappen. Om Ni trycker på den, sparas hela dokumentet och alla ändringar Ni har gjort i textrutan. Den fungerar exakt likadant som spara knappen längst ner. Ny sida knappen, gör en helt ny sida, vilket rensar allt det Ni har skrivit in i textrutan. Var försiktiga med den! Den är oftast användbar om Ni vill rensa sidan och göra något nytt på sidan. Förhandsgranska knappen kommer härnäst. Tryck på den om ni vill se en förhandsgranskning av hur det innehåll som Ni har lagt in skulle se ut på en tom sida. Nästa grupp av knappar är till för att klippa ut och kopiera samt klistra in olika objekt i textrutan. Klipp ut knappen klipper helt enkelt ut det innehåll som Ni har markerat i textrutan, som kan klistras in någon annanstans eller i textrutan. Nästa knapp är såklart klistra in det vart Ni vill. Kopiera. Ni kan kopiera texter och bilder från textrutan, och De nästa tre knapparna är bara för inklistring. Första, klistra in knappen är vanlig inklistring, alltså klistra in text och bilder direkt i dokumentet. Detta är bra för t.ex. oformaterade texter. Nästa knapp, Klistra in som vanlig text kan Ni kopiera in formaterad text, t.ex. text som är färgsatt eller ett visst typsnitt, som Ni vill ha som vanlig text, utan formatering och stildefinition. Sista knappen inom inklistring, heter Klistra in från Word. Denna knapp ska användas varje gång text eller liknande kopieras från ett Word dokument. Texter och

7 liknande i ett Word dokument har specifika formateringar och även andra stildefinitioner som oftast är osynliga, men om man klistrar in dem i textredigeraren, kan de ställa till problem. Därför är det väldigt viktigt att Ni alltid använder denna knapp om Ni kopierar nånting från ett Word dokument. Därefter kommer två andra viktiga knappar, Ångra och Gör om. Ni kan ångra och göra om många steg i textredigeraren. Detta är en nyttig funktion, om Ni t.ex. gör någonnting av ett misstag eller vill gå tillbaka till ett ursprunglig steg, kan ni alltid använda de här funktionerna. och knappar, Sök och Ersätt respektive, söker igenom ett dokument efter ett visst ord eller fras, och i det andra fallet, ersätter det med vad Ni vill. De två sista knapparna handlar om formatering. Markera allt knappen markerar allting inom textredigeraren. är en Radera formateringknapp, vilket tar bort all formatering som har gjorts på en bit text, t.ex. färgsättning eller typsnitt. Denna funktion kan vara användbar om ni har klistrat in någonting som har en viss sorts formatering och vill få bort den. De nästa tre knapparna ska vi fördjupa oss in på lite mer, de används till att lägga till en bild, en flash fil och en tabell. Den första är som är Infoga bild knappen. Bilder som Ni laddar upp, kan Ni justera storleken direkt i textrutan. Klicka en gång på bilden, där ska då komma fram åtta stycken vita fyrkanter runt bilden. Dessa kan ni dra utåt eller inåt för att justera storleken på bilden. När man trycker på den kommer det upp ett fönster som ser ut på följande sätt:

8 Här finns det 4 flikar och en hel del justeringar som Ni kan göra. URL är adressen till bilden, som antingen finns på samma server som Er hemsida eller länkad från ett annat ställe. Ni kan bläddra på server för att komma in på filhanteraren där ni kan lägga upp och hitta den bild som Ni vill ha i textredigeraren. Alternativ text är en beskrivning på bilden, vad det är för bild eller vad den visar. Bredd och Höjd visar hur stor bilden är i pixlar. Ett litet lås bredvid är till för att låsa ihop bredden och höjden, vilket gör att om Ni ändrar en av dem, kommer den andra anpassa sig efter det ni ändrar. Ihoprullad pilknappen laddar bara om bilden till de nya måtten. Stora rutan till höger är Förhandsgranskning av hur bilden skulle se ut när ni lägger till den i textredigeraren. Här kan ni se storleken på bilden, kanten på den och även marginaler som vi kommer till nu. Kant lägger till en svart kant runt bilden, där siffran som ni kan skriva in i textrutan visar hur tjock den blir. Horisontell & Vertikal marginal använder Ni om Ni vill ha en viss marginal till text eller annat runt om bilden. Justering sätter bilden relativt till radbrytningar och texten runt omkring. Ni kan se alla de här justeringarna i rutan förhandsgranska. Fliken Länk är för att länka denna bild till en URL (webbadress) eller en annan bild. Ni skriver in hela adressen som det ska länkas till i URL rutan. I rutan Mål kan Ni välja hur länken visas när någon trycker på bilden, t.ex. i ett nytt fönster. Ladda upp fliken används för att ladda upp en bild från Er dator. Ni får bläddra efter filen och när Ni har valt en fil, så klicka på Skicka till server knappen, vilket kommer ladda upp den bildfilen Ni har valt till servern (ROOT mappen). OBS i infoga bildrutan kan Ni bara ladda upp bildfiler, om Ni försöker ladda upp andra sorts filer, kommer det upp ett felmeddelande och det kan även leda till andra problem. Nästa knapp är och är till för att Infoga flash filer. Den fungerar likt infoga bild knappen, det kommer upp en ruta där Ni kan lägga till en flash fil och sen infoga den in i textredigeraren. I fliken General kan Ni bläddra på servern för att välja ut en flashfil som ska visas, och ändra på bredden, höjden och vilka marginaler denna flashen kommer ha, horisontellt och vertikalt. Ladda upp är exakt som i infoga bild, Ni kan bläddra efter en.swf (flash) fil på Er dator och lägga till den. Sen är det bara att klicka på Skicka till server, så laddar Ni upp filen till servern. I Properties kan Ni justera skalan på Er flash fil, om scriptar ska tillåtas, fönsterläge och kvalité. Sen finns det också justeringar hur den ska ligga i förhållande till innehållet runt

9 om. Där har Ni också några variabler som Ni kan ändra på, som är självbeskrivande. Ändra ingenting här om Ni inte vet exakt vad de olika funktionerna gör. I fliken Avancerad kan Ni ställa in id, titel, bakgrundsfärgen och stilfilerna till den flashfil Ni ska infoga. Knappen infoga tabell. Tabeller kan vara väldigt hjälpsamma att justera och dela upp all möjlig information som Ni kan tänka Er ha på sidan/artikeln. Låt oss titta närmare på tabellfönstret. Rader och Kolumner bestämmer hur många rader och kolumner tabellen ska ha. Detta skapar celler, t.ex. om Ni ska ha 3 rader med 2 kolumner, kommer Ni ha 6 celler som Ni kan fylla med text eller bilder. Bredd och höjd, bestäms i pixlar, hur stor tabellen kommer vara. Ni kan såklart justera storleken när tabellen är inlagd. Headers specificerar om Ni ska ha huvuddelar i Ert tabell där Ni har en beskrivande text för resten av tabellen. Cellavstånd och Cellutfyllnad visar hur tjock, i pixlar, kanterna mellan cellerna kommer vara. Kantstorlek bestämmer hur stor kant hela tabellen och alla celler inuti kommer att ha. Detta bestäms i pixlar. Om Ni skriver 0, tar det bort kanten på tabellen. Justering ändrar vilken position tabellen kommer ha i förhållandet till resten av innehållet i textredigeraren. Rubrik används för att ha en titel på tabellen. Sammanfattning lägger till en beskrivning på tabellen, som är osynlig. Detta är en extra beskrivning som Ni kan lägga till tabellen för att beskriva innehållet. Sista knappen på verktygsfältet är igenom sidan. Infoga horisontal linje, vilket lägger en linje tvärs

10 Andra verktygsfält Detta verktygsfält är främst tänkt till de som är HTML kunniga och vill lägga till formulär till en specifik sida. För att kunna koppla formuläret till någon specifik uppgift, ber vi Er att ändå kontakta vår support, så vi kan hjälpa Er att göra detta. Ni kan skapa ett formulär med första knappen, ett fält där formuläret ska ligga. Ni kan specificera namn, funktion, id, enkodning, mål och även method för formuläret. De nästa åtta knappar är för att lägga till olika sorts rutor, fält och knappar till formuläret. Kryssruta, alternativknapp, textfält, textruta, flervalslista, vanlig knapp, bildknapp och ett dolt fält. Alla dessa har egna egenskaper, med namn och id och värde som kan läggas till. Om Ni vill skapa ett formulär, kontakta vår kundsupport så kommer vi hjälpa Er att göra detta och även koppla den till hemsidan som Ni vill. Tredje verktygsfält Detta verktygsfält har en del textjusteringar och även länkning. Första knappen på fältet, är Maximera fönstret. Detta gör att textredigeringsfönstret utvidgas över hela Ert webbläsarfönster. Det kan vara användbart om Ni ska redigera en sida som är större än den vanliga textrutan. Denna knapp Visar blockar, alltså HTML blockar som delar upp sidan. Det kan underlätta att se vilka blockar sidan är uppgjord av för att kunna urskilja viss textformatering. Nästa fyra knappar handlar om hur texten ser ut på sidan, fetstil, kursiv, understruken och genomstruken. och punktlista. gör en lista av den texten som Ni har skrivet/infogat, en numrerad lista eller och är för att minska eller höja indrag, om Ni vill justera så att innehållet sitter lite längre till höger eller vänster på sidan. Blockcitat kan Ni lägga in en text som ska citeras.

11 Nästa fyra knappar handlar om justering av text inom paragraf på sidan. vänsterjustering, centerjustering, högerjustering och justera till marginaler. Detta justerar all innehåll på sidan på det sättet Ni väljer. används till att infoga/redigera en länk. Det kommer fram en ruta, som ser ut på följande sätt: Detta görs oftast om man markerar en bit text eller en bild som Ni vill ska länka till en adress. Sen skriver Ni in URL för länken i URL rutan. Ni kan också välja vilken sorts länk det är, URL, ankare eller e-post länk. Här kan Ni också länka till olika filer som Ni har på sidan. Ni kan också ladda upp filer här, i fliken Ladda upp. Om Ni ska t.ex. länka till en PDF fil, kan Ni bläddra på server eller ladda upp en fil. I fliken Mål kan Ni också välja i vilket fönster som länken kommer visas. Andra knappen här heter radera länk, vilket tar bort en inlagd länk på sidan. Sista knappen är till för att infoga en ankarlänk. Ankarlänkar länkar ihop vissa delar av sidan, beroende på headers och textavsnitt. Fjärde verktygsfält Det fjärde och sista verktygsfält är till för att ändra texten och hur den ser ut.

12 och är textfärg och bakgrundsfärg till text. När Ni klickar på dessa knapparna, kan Ni välja färg på texten och bakgrunden till texten. Rullistorna är till för att välja Teckenformat, typsnitt och Storlek på text. I teckenformat kan Ni välja om det är en rubrik eller normal text. Under typsnitt kan Ni välja ut vilket Ni vill ha på sidan och storlek på texten i punkter.

13 Webbshop Nu kan ni gå in på webbshoppen genom att trycka på fliken Webbshop. Här kan ni lägga in varumärke, kategorier till olika produkter, samt hantera frakt och leveranssätt, ha olika kampanjer till era varor och även hantera inkommande order. Det finns även lagerhantering för olika varor. Bild 1 Webbshoppen När ni har tryck på den, kommer ni in till en sida (bild 2) som är blank med en menyrad ovan.

14 Bild 2 Huvudsidan Webbshop Här har ni de olika delar av webbshoppen uppdelade i olika flikar. Vi ska gå igenom varje i mer detalj längre fram i detta dokument, här är korta beskrivningar över de olika flikarna. I fliken Ordrar, kan ni hantera alla inkommande ordrar, med all information som behövs för att få en översikt över när ordrar las, av vem och vilken status de har. Ni kan annullera ordrar, markera dem som betalda och även markera dem som packad och utskickade. I Hantera Varumärken fliken kan ni redigera olika varumärke som ni säljer. Hantera kategorier fliken finns för att ni ska kunna lägga till, redigera och ta bort kategorier som ni delar upp era produkter i. Ni kan också lägga till och hantera underkategorier här. Nästa flik heter Hantera kampanjer, där ni kan skapa och redigera kampanjer och rabatter till era produkter.

15 Om ni vill använda er av rabattkoder för olika produkter och kampanjer, kan ni lägga till och redigera dem i Hantera rabattkoder fliken. I Hantera produkter fliken lägger ni till, redigerar och tar bort de produkter som ni kommer ha i er webbshop. Här kan ni också sortera upp produkter i olika kategorier, lägga till och ta bort bilder för produkterna. Lagerhantering fliken finns för att ni ska kunna lägga till exakt hur många produkter som finns i lagret, visa lagerstatus i webbshoppen och hantera hur beställningar ska göras beroende på lagerstatus. Sista fliken i menyn heter Frakt & Leverans. Här kan ni ställa in den exakta frakten, olika tariff för olika länder som ni tänkte leverera till och även volymräkning. Det är alltid bra att ha en viss struktur och tanke på hur er webbshop ska se ut, så ni har bra ordning från början och det blir enklare att sortera era produkter i olika kategorier och underkategorier, samt underlätta när ni ska lägga till produkter. I denna manual ska vi använda oss av ett exempel på en shop där vi ska sälja olika kläder och smycken. Som utgångspunkt, ska vi rita upp en enkel struktur som underlättar för oss senare när vi ska lägga till kategorier och produkter (bild 3). Detta är också viktigt att göra för att vi behöver veta exakt hur många underkategorier som ni kommer ha i er webbshop, så vi kan lägga till det exakta antalet. Bild 3 Kategorier och underkategorier Som ni kan se i vårt exempel, vi har två huvudkategorier Kläder och Smycken. Varje kategori har tre underkategorier, Jeans, T-shirts och Jackor för Kläder och Armband, Halsband och Ringar för Smycken. Vissa underkategorier har några underkategorier som delar upp produkterna ännu mer. Detta ger en exakt struktur över vart alla produkter ska läggas. Detta underlättar både för er, att hitta i webbshoppen och bland produkter, och även för kunden som kanske letar efter något specifikt.

16 Hantera kategorier Vi börjar med att titta på Hantera kategorier fliken. Det är rekommenderat att ni börjar här innan ni lägger till produkter, så att ni har en exakt uppdelning på produkter när ni lägger till dem. Detta underlättar längre fram, ni slipper att gå igenom alla produkter och lägga de till olika kategorier senare. När ni klickar på fliken, kommer ni in på sida där det står + NY KATEGORI (bild 1). Bild 1 Hantera kategorier fliken Här kan ni lägga till en ny kategori. När ni klickar på länken + NY KATEGORI, några rutor blir synliga (bild 2). Överst, en rullgardin som heter Tillhör, här kan ni välja vilken kategori den nya kategorin ska tillhöra. Vi ska återkomma till det snart. Därefter finns det en textruta där ni kan skriva in namnet på kategorin. I vårt exempel, kallar vi den Kläder för att vi kommer ha en huvudkategori för kläder. Sen finns det en Info ruta, där ni kan skriva in en beskrivning. Längst ner finns det en knapp som heter Spara. När ni är klara, spara kategorin och all information som ni skrev in. Ni kan också lägga till bilder till de olika kategorier, men detta MÅSTE göras efter ni har lagt till en kategori. När ni har sparat, klicka på kategorin igen, då finns det en ruta med en grön cirkel med en plus i mitten. Klicka på den, ni kommer då till filhanteraren och kan välja en bild. Glöm inte att spara!

17 Bild 2 Lägg till en ny kategori När ni har lagt till en kategori, så syns den på vänstra sidan, med + NY KATEGORI länken under. Nu ska vi fortsätta lägga till alla kategorier enligt vår modell innan, så vi har alla kategorier som vi behöver. Här har vi dem (bild 3). Bild 3 Inlagda kategorier

18 När ni lägger till underkategorier, ni måste välja den kategorin som underkategorin ska tillhöra i Tillhör rullgardinen. T.ex. När ni ska lägga till T-shirts underkategori, så väljer ni Kläder från listan. När ni ska lägga till Dam T-shirt underkategori, väljer ni Kläder -> T- shirts. Nu har vi grunden till vår webbshop. En sak som kan underlätta i sorteringen är varumärke. De behövs inte, men kan göra det lättare för er och era kunder att hitta specifika märken på produkter. Man lägger till varumärke när man lägger till produkter, vi ska titta på varumärkehantering efter vi har lagt in några produkter. Nu kan vi börja lägga in produkter.

19 Hantera produkter Grunden till varje webbshop är de produkter som ni har att erbjuda. I denna flik, kan ni lägga till, redigera och ta bort produkter, samt ändra deras kategoritillhörighet. När ni går in på fliken, ser den ut rätt likt Hantera kategorier, med några extra länkar till höger (bild 1). Bild 1 Hantera produkter fliken Det syns några nya rader. Första är en länk som heter [+] Lägg till ny produkt, genom att klicka på den så kommer det upp en ruta där ni kan lägga till er produkt. Nästa två rader finns för när man ska markera produkter och hantera dem. Låt oss lägga till en produkt först! När ni klickar på [+] Lägg till ny produkt visas ett nytt fönster som ser ut som på bild 2.

20 Bild 2 Lägg till ny produkt

21 Här ska ni fylla i den väsentliga informationen om den produkten ni ska lägga till. Första rutan är Produktnamn där ni fyller i namnet på produkten. Här vill ni helst ha ett enkelt namn på en produkt, ni kan fylla på mer information om produkten längre ner i produktinfo rutan. Denna ruta borde fyllas i. Produkt ID är en egen ID nummer för en produkt, om ni nu använder er av det. Ni behöver inte fylla i denna ruta. Om ni vill lägga till ett varumärke till era produkter, Varumärke rutan är för det. Skriv in namnet på varumärket. Ni behöver inte fylla i denna ruta. På högra sidan, finns det en ruta där ni kan lägga till taggar eller nyckelord, som kan användas på sidan för att underlätta för kunden att hitta viss sorts produkter. Näst är en rullgardin med Lägg till kategori val. Här har ni alla kategorier som ni hade lagt in innan, som ni kan välja ut. När ni har valt en kategori, så hamnar den under Tillagda Kategorier: texten. En produkt kan tillhöra en eller flera kategorier. Om ni vill ta bort en kategori, klicka på [x] bredvid namnet på kategorin. Ni tillfrågas om ni vill ta bort kategorin. Det är rekommenderat att ni väljer minst en kategori som produkten ska tillhöra, för att det ska bli lättare att hitta och visa produkterna sen på er sida. Nästa del är för att lägga till olika typer för en viss produkt. T.ex. ni säljer en T-shirt som är röd och en som är svart, det är just här ni vill lägga in olika sorter. Under Typ skriver ni in namnet på typen, t.ex. Röd. Inköpspris är priset som varan kostar för er att köpa in, medan Försäljningspris är priset på varan som ni tänkte sälja den för och den som kommer visas på sidan. Ni kan välja om ni vill ha försäljningspriset med moms inräknat eller utan. Ni måste ha en typ, helst Standard och skriva in ett försäljningspris. Inköpspriset behövs inte fyllas i. Om ni vill lägga till flera typer, klicka på [+] Klicka här för att lägga till en typ länken. Moms rutan kan ni fylla i momsen som kommer räknas till den försäljningspris som ni skrev in. Fraktfri är en kryssruta som ni kan kryssa in om varan kommer levereras fraktfritt. Vikt(gram) kan ni specificera exakt hur mycket varan väger. Paketstorlek(cm) är storleken för paketet som varan ska levereras i. Här fyller ni in Längd, Höjd och Djup. Om varan behöver fraktas enskilt, kryssa i Fraktas Separat rutan. SKU (tillverkarens artikelnummer) är numret som tillverkaren har för en specifik vara. Detta kan vara användbart om ni är en återförsäljare och vill ha koder som kan hittas internationellt.

22 EAN-Kod (European Article Number) är leverantörens kod för en vara som används världen över. Kryssrutan Dölj i webbshoppen är för när ni inte vill visa en viss produkt i webbshoppen. Enbart för visning (Ingen köpknapp) kryssas i om ni vill ha en produkt som enbart visas, men går inte att köpa. I rutan Produktinfo kan ni skriva in en beskrivning på varan. Ni kan lägga till all möjlig information här, även bilder, dock rekommenderar vi att ni lägger till produktbilder direkt till produkten, som kommer på nästan sida. När ni är klara med all information, finns det två knappar längst ner Avbryt och Spara Produkt & Ladda upp bilder. När ni klickar på Spara Produkt & Ladda upp bilder så kommer ni tillbaka till samma ruta, med några förändringar. Längst upp till höger finns det en ruta med en grön cirkel med en plus i mitten. Där kan ni lägga till bilder till denna produkt. En annan sak som har ändrats är knapparna längst ner. Nu finns det en Ta Bort Produkt knapp som ni kan ta bort produkten med, Avbryt knapp där man kan avbryta ändringar och gå tillbaka till huvudsidan. Sist, knappen Spara Produkt sparar alla ändringar som ni gör. Om ni har lagt upp bilder, glöm inte att klicka på Spara Produkt knappen. Som ni kan se på bild 3 nedan, när ni har lagt in en produkt, läggs den i listan på framsidan i Hantera produkter fliken. Samt, beroende på vilken kategori produkter är tillagd till, så plussas antalet på med ett. Bild 3 Produkten inlagd

23 För att se listan på produkter, ni måste klicka på den kategorin som ni vill se produkter ifrån. T.ex. i bilden ovan, har vi klickat på varumärket Tees, där det finns en produkt. Bredvid produkten, finns det en kryssruta, som ni kan markera produkten med, när ni ska göra ändringar. Det finns också en liten bild, namnet på produkten, en poängskala som ni kan prioritera produkter med och längst till höger, priset på produkten. När ni har markerat produkten genom att kryssa i kryssrutan, kan ni välja olika alternativ i rullgardinen bred texten Jag vill. Här kan ni lägga till produkten till en kategori, ta bort den från en kategori, ta bort varumärket som den tillhör och även ta bort själva produkten.

24 Hantera Varumärken Efter ni har lagt in några produkter i er webbshop, kan ni gå in på Hantera Varumärken för att lägga till info och även bild för varje enskild varumärke. När ni har klickat på Hantera Varumärken fliken, syns det en lista på alla varumärke som ni har lagt till. Om ni klickar på en av dem, kommer det ut några rutor, som är rätt lika de som finns i Hantera Kategorier, där ni kan ändra namnet, skriva in lite information om varumärket och lägga till en bild (bild 1). Bild 1 Hantera Varumärken fönstret med ett varumärke öppet I vårt exempel, har vi bara ett varumärke som heter Tees inlagd. I första rutan finns det namnet på varumärket. Andra raden visar hur många produkter som har samma varumärke, med texten Antal produkter. Längst ner finns det en ruta för att skriva en beskrivning om varumärket. Längst upp till höger är bildinfogningsrutan, där ni kan ha en specifik bild för ett varumärke.

25 Hantera kampanjer Om ni vill ha olika kampanjer på produkter, där ni sänker priset på vissa varor, kan ni gå in på Hantera kampanjer. Här kan ni skapa kampanjer, ändra och ta bort dem. När ni klickar på fliken, det finns en länk som heter +SKAPA NY KAMPANJ! När ni har tryckt på den, ett par rutor blir synliga till höger av länken(bild 1). Bild 1 Skapandet av en kampanj Första raden har en kryssruta som heter Aktiv. Kryssa in den om ni vill att denna kampanj ska gälla och vara aktiv. I Kampanjnamn fyller ni in ett namn på kampanjen. Försök att göra den så beskrivande som möjligt, så ni vet exakt vilken kampanj detta är vid senare tillfälle. Om varorna som ska säljas vara fraktfria under kampanjens gång, kryssa i Fraktfritt. En kampanj utan rabatt är nog inte så lönnsam, därför kan ni sätta exakt hur många procent rabatt som kampanjen kommer att ha i raden Rabatt. Tryck sedan på Spara knappen för att spara kampanjen. Nu kan ni gå in på Hantera produkter och lägga till den inlagda kampanjen till specifika produkter som ni tänkte rabattera.

26 Hantera rabattkoder Denna flik har nästan samma utseende som Hantera kampanjer, förutom att namnet är byt till KOD. Här kan ni lägga till en rabattkod som ni kan ge ut till vissa kunder och de fyller i koden sen när de har handlat, i kassan, vilket ger de den rabatten som ni har bestämt här. Ni kan kryssa in om rabattkoden ska vara Aktiv i första raden. I rutan KOD kan ni skriva in den koden som ni vill ha som rabattkod, som folk kan fylla i för att få rabatten. Fraktfritt är om ni vill göra de varor som beställs fraktfria. Sista raden har Rabatt, där ni sätter procent på hur mycket rabatt koden ska innebära. När ni är klara med alla uppgifter, tryck på Spara knappen, vilket lägger in koden i listan till vänster.

27 Lagerhantering Efter ni har lagt in produkter i webbshoppen, kan ni upprätthålla ett lagersystem där ni kan se och ändra exakt hur många produkter som finns i er webbshop samtidigt som den automatiskt minskar antalet när produkter beställs. Det finns även en funktion som gör att ni får ett e-postutskick med en varning när lagret på en viss vara går under en bestämd gräns. När ni klickar på Lagerhantering, visas en lista på alla produkter i mitten av sidan med röd text bredvid där det står nej, aktivera (bild 1). Bild 1 Lagerhantering När ni lägger till en produkt, lagerstatusen är inte aktiverad som standard. Klicka på nej, aktivera länken. Det visas flera olika alternativ (bild 2). Bild 2 Aktivering av lagret

28 I första posten sätter ni igång Lagerhållning. Då kommer den aktiveras och automatiskt räkna ner beroende på hur många produkter finns i lagret. När ni har kryssat in, då kan ni fylla i Antal i lager, hur många produkter som finns i lagret. Höger om det finns ökningsrutorna, där ni kan öka och sänka antalet med ett självbestämt antal. Till höger om Lagerhållning finns det två kryssrutor. Tillåt beställningar även om lagret är slut kan ni kryssa in om ni vill låta produkten stå kvar och beställas även om den inte finns i lagret. Dölj artikeln om lagret är slut döljer produkten när lagret tar slut, den visas inte i webbshoppen tills lagret är högre än noll. Sista raden heter Varna via e-post, där ni kan få en varningse-postmeddelande när mängden på en viss produkt når ett bestämt antal. Efter ni har skrivit in exakta antalet i lagret, ska ni trycka på Spara knappen, så sparas lagerstatus och listan uppdateras med grön text ja, uppdatera och det står exakta antalet som finns i lagret plus en ikon för att se exakt när lagret ändras (bild 2). Bild 3 Lagret uppdaterat Ni kan ändra antalet när som helst genom att klicka på ja, uppdatera.

29 Frakt & Leverans För att era kunder ska kunna göra beställningar i webbshoppen, måste ni sätta in minst ett sorts leveranssätt. Detta gör ni i fliken Frakt & Leverans. När ni klickar på den, kommer ni till en tom sida med några länkar till vänster (bild 1). Bild 1 Frakt & Leverans fliken Vi har redan lagt in ett leveranssätt, annars får ni klicka på Skapa nytt leveranssätt. Det visas flera rutor som ni kan fylla i (bild 2). Bild 2 Ny leveranssätt I första raden, Leveransnamn fyller ni in ett namn för er leveranssätt, t.ex. Postförskott. I nästa rad, lägger ni till Frakttariffer. Klicka på länken som heter [+] Infoga ny Tariff, då syns det en textruta där ni skriver in exakta priset på tariffen. Beroende på om ni ska leverera till flera länder med olika tariff, kan ni lägga till alla dem här. I Volymomräkning raden kan ni specificera om volymomräkning används för era leveranser. För att ni ska kunna använda er av volymomräkning, ni MÅSTE fylla i storleken på produkten. Detta gör ni i Hantera produkter. Om produkten ska betalas vid leverans, kan ni kryssa i rutan Visa inga betalningsalternativ och specificera en Uthämtningsavgift. I så fall, finns det inga betalningsalternativ för att kunden betalar för varan när den anländer eller när de hämtar ut den, som t.ex. i postförskottsbetalning.

30 Längst ner på sidan, det finns två knappar: Spara Redigera länder och frakt och Spara leveranssätt. Om det är ett nytt leveranssätt ni skapar, måste ni specificera vilka länder som leveranssättet gäller och vilka tariff som gäller där. Tryck på Spara Redigera länder och frakt, ni kommer in på en ny sida med alla möjliga länder som ni kan specificera en egen tariff till (bild 3). Bild 3 Leveranssättsidan På denna sida har ni alla länder i världen som leveranserna kan ske. Om ni har lagt in flera leveranstariffer, kan ni välja de för specifika länder eller specifika grupper. Om ni bara levererar till Sverige, hitta Sweden in listan och välj tariffen i rullistan. Längst ner på sidan finns det en knapp som heter Spara länder & Tariffer. Tryck på den när ni är klara med tariffer för specifika länder. Nu är ni klara. Ni kan skapa flera leveranssätt som kommer då visas när kunden ska beställa.

31 Ordrar När kunder beställer produkter i er webbshop, och sen väljer ett leveranssätt och en betalningsätt och beställer produkterna, det görs en order som hamnar i fliken Ordrar. Alla beställningar som görs hamnar här (bild 1). Klicka på Ordrar, då visas en lista med alla ordrar som är inlagda i systemet. Bild 1 orderfliken I vår exempelshopp, finns det tre stycken orders som är inlagda. Låt oss titta närmare på exakt vad som visas. I första kolumnen visas ett OrderID, en unik id för varje order. Denna id kommer att skrivas till varje order som läggs och skickas till kunden med. Det är en bra referens om det uppstår problem med ordern. Under Beställning lades skrivs in det exakta datumet och tiden när ordern lades. Lägg märke till att både OrderId och Datumet och tiden är länkar som ni kan trycka på för att se den specifika ordern. Vi återkommer till det lite längre ner i detta kapitel. Nästa kolumn visar AnvändarID som är unik. För att kunna göra en beställning, måste kunden att registrera sig, därmed får de ett unik användar-id. Det gör det lättare att lokalisera exakt vilken användare som gjorde beställningen. Användar-id är det användarnamn som kunden har registrerats sig med. IP-nummer kolumnen visar det IP adress som den registrerade kunden som gjorde beställningen har. Detta är för säkerhetskull, om det uppstår problem med vem som gjorde beställningen. Orderstatus visar den exakta status som ordern är i för tillfället. På högra sidan, det finns tre knappar som ni kan hantera ordrar med. Ni kan Annullera Order, Betala Order och Leverera Order. Om ordern inte är giltig längre, kan ni annullera den. Om ordern betalas på något annat sätt än via webbshoppen, kan ni markera den som betald genom att trycka på Betala Order knappen. Om ordern är levererad, tryck på Leverera Order, då uppdateras status på ordern till betald.

32 När ni har klickat på en av order, kommer det fram ett par rutor med leveransinformation, betalningsinformation och även själva orderformen (Bild 2). Bild 2 Informationsrutorna om ordern Första rutan heter Shopping-info, Leveransinformation. Här står det informationen om kunden; hur ordern ska levereras, fullständiga namnet, e-postadressen, postadressen, postnumret och postorten. Rutan till höger om Shopping-info är Payment-Info, betalningsinformation. Här står det sättet som kunden tänkte betala på.

33 Den stora rutan längst ner är själva orderrutan. Här finns information om ordern; Vilka produkter som beställdes, hur många, priset exklusive moms, moms, och total pris.