Introduktion til frontend

Transkript

1 Side 1 af 43 Introduktion til frontend Dette dokument beskriver kort, hvordan du bruger WeroShop frontend. Dette omfatter at sætte dig ind i varegrupper, producenter og produkter, filtrering af produkter, søge efter produkter, sammenligne produkter og meget mere. Indledning, side 2 Startside & opbygning, side 3 Varegrupper og Producenter, side 4 Søgning, side 7 Nye produkter visning, side 9 Bedømmelser og anmeldelser, side 11 Send til en ven, side 13 Sammenligne produkter, side 15 Senest Viste Produkter, side 17 Registrering, side 18 Login, side 20 Kundekonto sider, side 21 Varekurv, side 27 Ønskeliste, side 29 Bestillingsprocess, side 31 Ordredetaljer side, side 39 Nyheder, side 40 Blog, side 42 Afstemninger, side 43 Forum, side 43 Forbehold: For fuld dokumentation anbefaler vi den komplette manual som er på engelsk, kontakt os for køb. Vi forbeholder os ret til, i support øjemed at henvise til sider i den komplette manual. Denne manual er oversat ved hjælp af Google Translate og der kan derfor være enkelte sprogfejl.

2 Side 2 af 43 Indledning nopcommerce/ WeroShop Frontend er tilgængelig online via din webbrowser. Det er en open source. NET baseret e-handelsløsning og indeholder en fuldt tilpasselig varekurv. nopcommerce er en open source e-commerce løsning, der er ASP.NET baseret med en MS SQL 2005 (eller højere) backend database. Vores nem at bruge webshop løsning er unikt og velegnet for de handlende, der er vokset fra eksisterende systemer Den har alt hvad du behøver for at komme i gang med at sælge fysiske og digitale varer over internettet. WeroShop indeholder nogle ekstra features i forhold til nopcommerce. Efter at have logget ind på webadressem, er det nopcommerce/weroshop startsiden som vises, her kan du få adgang til alle menuer, funktioner og sider. Disse omfatter produkt varegrupper, produkter, salgsfremmende pakker og meget mere.

3 Side 3 af 43 Startsiden & opbygning Siden består af følgende komponenter: Header, Værktøjslinje, Menulinje, Venstre kolonne, Visningsområde, Højre kolonne og en Footer.

4 Side 4 af 43 Varegrupper og producenter/leverandører En specifik varegruppe vises ved at vælge varegrupper fra den venstre kolonne. Denne indstilling giver dig mulighed for at tilføje et ubegrænset antal varegrupper og underkategorier i backend. I første visning når en varegruppe vises, vil alle øverste niveau kategorier blive vist, og du kan derefter vælge at bore ned i sub-kategorier, eller se de produkter og beskrivelser tilhørende den enkelte niveau kategori, som vist i vinduerne nedenfor.

5 Side 5 af 43

6 Side 6 af 43 Producent sider vises ved at vælge Producenter fra den venstre kolonne. Denne indstilling giver dig mulighed for at tilføje et ubegrænset antal producenter i backend. I første omgang, vil alle producenter vises, og du kan derefter vælge at bore ned i fabrikanterne eller se produkter og beskrivelser tilhører den enkelte producent, som vist i vinduerne nedenfor.

7 Side 7 af 43 Søgning Søge siden vises ved at klikke på Søg på værktøjslinjen. Hvis det ønskes, kan du udvide din søgning ved at søge i produktets beskrivelser og bruge den avancerede søgemulighed, som beskrevet nedenfor. For at søge efter et produkt: 1 Klik på SØG knappen på menulinjen. I søgefeltet, skrives produktet der søges efter. 2 Klik på knappen SØG.

8 Side 8 af 43 Bemærk: Alternativt kan man bruge søgefeltet direkte på menulinjen. Avanceret søgning efter et produkt: 1 Fra Søge siden, skal du vælge Avanceret søgning via afkrydsningsfeltet. Vinduet udvides, som følger: 2 Fra Varegruppe rullemenuen skal du vælge den kategori af produktet du vil søge efter. 3 Fra Producent rullemenuen skal du vælge producenten af det produkt du vil søge efter. 4 I Prisklasse felterne, skal du indtaste prisklasse for produktet for at søge efter. 5 Vælg Søg i produktbeskrivelser via afkrydsningsfeltet for at udvide søgningen til produktbeskrivelsen. 6 Klik på knappen SØG

9 Side 9 af 43 Nye produkter Siden med Nye produkter vises ved at klikke nye produkter på værktøjslinjen. Nye tilgængelige produkter vil blive vist.

10 Side 10 af 43 Sådan tilføjes en vare til varekurven: 1 Klik på KØB knappen og siden med varekurven vises, indeholdende det produkt, du har tilføjet. 2 Klik på knappen KASSEN for at fortsætte processen og købe produktet. Bemærk: Du kan klikke på knappen Fortsæt med at handle for at vende tilbage til hovedvinduet. Klik på Opdater varekurv for at opdatere din varekurv efter du har valgt Fjern via afkrydsningsfeltet for at fjerne et element fra vognen.

11 Side 11 af 43 Bedømmelser og anmeldelser Bedømmelser og anmeldelser er tilgængelige fra siden med produktoplysninger. Vurderinger kan indstilles fra 1 til 5 stjerner. Kunderne kan en også skrive anmeldelser, som beskrevet i nedenstående procedure. En bedømmelse kan også indstilles for hver enkelt anmeldelse. Bemærk: Efter en anmeldelse er skrevet og godkendt af forretningsindehaveren, kan andre kunder definere, om de var nyttige eller ej, ved at klikke Ja eller Nej. Sådan oprettes en produktanmeldelse: 1 Gå til produktets detalje side. 2 Klik på Detaljer. Produktet detaljer vises. 3 Klik på Tilføj anmeldelse. Anmeldelse siden vises, som vist nedenfor.

12 Side 12 af 43 Bemærk: Hvis ingen bedømmelser eksisterer, Vises teksten Vær den første til at bedømme dette produkt. Hvis mindst en anmeldelse eksisterer, så vises {0} Anmeldelser hvor {0} er antallet af eksisterende anmeldelser. 4 Angiv en titel og selv teksten med din anmeldelse. I bedømmelses/brugervurdering området, vælge den ønskede bedømmelse fra dårlig til fremragende og klik på Indsend anmeldelse. Denne anmeldelse skal godkendes af butiksejer. Andre kunder kan definere, om den var nyttig eller ej ved at klikke på Ja eller Nej. Bemærk: En gennemgang skal godkendes af butikken ejer. Indstillingen er konfigurerbar i administrations området ved at vælge Konfiguration> Butik indstillinger.

13 Side 13 af 43 Send til en ven Du kan e en ven for at anbefale et bestemt produkt. Kun registrerede kunder kan benytte denne funktion. Sådan sender du en til en ven: 1 Fra produktets detaljeside, skal du klikke på Send til en ven. til en ven siden vises.

14 Side 14 af 43 2 Indtast din vens i vens feltet. 3 Indtast din -adresse i din adresse feltet. 4 Indtast en besked i Personlig meddelelses feltet. 5 Klik på Send .

15 Side 15 af 43 Sammenlign produkter Sammenlign produkter siden vises ved at klikke på Sammenlign Produkter fra informationsområdet i den venstre kolonne. Dette giver dig mulighed for at sammenligne data fra forskellige produkter, såsom pris, specifikationer og meget mere. Dog skal du først vælge Tilføj til sammenligning liste knappen på det produkts side, du ønsker at sammenligne, som beskrevet nedenfor:

16 Side 16 af 43 Sådan sammenlignes produkter: 1 Fra det ønskede produkts detalje side klikkes på Tilføj til Sammenligning liste. Det valgte produkt vises i Sammenlign produkter siden. 2 Gentag trin 1 for at tilføje ekstra produkt(er) til Sammenlign produkter siden. Bemærk: Du kan klikke på Fjern for at fjerne et produkt fra Sammenlign produkter siden.

17 Side 17 af 43 Senest viste produkter En liste over de Senest viste produkter, hvis detaljer blev set af den aktuelle bruger vises i den højre kolonne. Antallet af Senest viste produkter kan konfigureres af administratoren. Bemærk: Denne funktion er deaktiveret som standard. Du kan aktivere den i administrationsområdet ved at vælge Konfiguration> Butik indstillinger. Klik på det ønskede produkt for at se produkt detaljer.

18 Side 18 af 43 Registrér / Opret som kunde For at logge på nopcommerce skal du først bliver registreret bruger. Dette omfatter at indtaste dine personlige og firmaoplysninger samt dine kontaktoplysninger og angive e- mail og adgangskode. Bemærk: felter i dette vindue kan konfigureres af butiksejer i administrations området. Fra Konfigurations menu vælges Indstillinger, og vælg derefter kunde Indstillinger og konfigurer de nødvendige formularfelter.

19 Side 19 af 43 For at registrere dig som bruger: 1 Udfyld alle dine informationer. Er du privatperson udfyldes ikke firmaoplysninger. 2 Under Din adgangskode, definerer du en adgangskode og bekræfter den. 5 Klik på Registrer når du er færdig

20 Side 20 af 43 Login Som standard, skal kunder logge ind ved hjælp af deres og adgangskode, som de har angivet ved registreringen. Login-side vises ved at vælge Login fra værktøjslinjen. nopcommerce understøtter også at logge ind med brugernavn og adgangskode. Bemærk: Denne indstilling kan aktiveres af butiksejer i administrations området. Fra menuen Konfiguration skal du vælge Indstillinger. Vælg derefter Indstillinger og vælg "Brugernavn" benyttes som login. For at logge på nopcommerce: 1 I feltet, skal du indtaste din adresse som angivet ved registrering. 2 I feltet Adgangskode, indtastes din adgangskode som angivet ved registrering. 3 Klik på Login. Bemærk: Du kan vælge Husk mig afkrydsningsfeltet for at gemme din adgangskode i systemet. Har du glemt password kan du trykke på Glemt Password? for at nulstille dit password

21 Side 21 af 43 Kundekonto sider Kundens kontosider vises ved at vælge Min konto fra Menulinjen eller brugernavn/ fra værktøjslinjen. Følgende kan vælges fra menuen til venstre: Kunde Info (standardsiden) Adresser Ordrer Mine downloads (Såfremt aktiveret) På lager notifikation (Såfremt aktiveret) Mine bonuspoints (Såfremt aktiveret) Skift adgangskode Avatar (Såfremt aktiveret)

22 Side 22 af 43 kunde Info Denne side giver dig mulighed for at definere kundeoplysninger, som firmaoplysninger og meget mere. De felter som vises i dette vindue er konfigureret i administrations området. Fra menuen Konfiguration skal du vælge Indstillinger> Kunde Indstillinger.

23 Side 23 af 43 kunde Adresser På denne side vises kundens adresse(r), der kan oprettes nye adresser ved at trykke på Tilføj ny eller slettes en adresse ved at trykke på Slet eller der kan redigeres i en eksisterende adresse ved at trykke på Rediger Kundeordrer Denne side viser alle dine ordrer. Når en ordre er blevet behandlet, vil ordren ses på denne side. For at se ordre detaljer trykkes på Detaljer udfor den ønskede ordre

24 Side 24 af 43 Mine downloads (Skal aktiveres af butiksejer) Denne side viser dine produkter du har købt som skal downloades. Du kan downloade produktet ved at trykke på Hent, såfremt din ordre er betalt og færdigbehandlet. På lager notifikation (Skal aktiveres af butiksejer) Denne side viser dine ventende notifikationer.

25 Side 25 af 43 Bonuspoint (Skal aktiveres af butiksejer) Denne side viser din status for optjente bonuspoint. Skift adgangskode På denne side kan du skifte dit kodeord.

26 Side 26 af 43 Avatar (Skal aktiveres af butiksejer) På denne side kan du uploade en avatar.

27 Side 27 af 43 Varekurv Dette afsnit beskriver, hvordan du kan tilføje en vare til varekurven. Når elementerne er tilføjet til varekurven, bliver ikonet varekurv opdateret på værktøjslinjen. Du kan se elementer i din indkøbskurv ved at klikke på dette ikon. For at tilføje produkter til din varekurv: 1 Fra venstre kolonne, navigeres til et produkt for at tilføje dette til din varekurv. 2 Klik på Detaljer. Detalje siden vises. 3 Klik på KØB. Indkøbskurven vises herefter med den valgte vare

28 Side 28 af 43 Bemærk: Du kan fjerne et element fra indkøbskurven ved at markere Fjern kolonnen og klikke på Opdater varekurv. Klik på Fortsæt med at handle for at gå tilbage og handle videre. Varekurv ikonet vil blive opdateret på værktøjslinjen. Klik på Kassen for at gå videre i bestillingsprocessen.

29 Side 29 af 43 Ønskeliste Dette afsnit beskriver, hvordan du kan føje et emne til din ønskeliste. Når du har tilføjet produkter til din ønskeliste, fremkommer en webadresse, der kan deles med dem du ønsker. Meningen er at en ven kan købe produktet til dig. Du kan også bruge ønskelisten til at huske et produkt, du ønsker at købe senere (af dig eller en ven). Når elementerne er føjet til ønskelisten, bliver ønskeliste ikonet opdateret på værktøjslinjen. Du kan se elementer i din ønskeliste ved at klikke på dette ikon. Bemærk: Prisen på en vare fastsættes på købstidspunktet. Tilføjelse af et emne til din ønskeliste garanterer ikke, at det vil være på lager på et senere tidspunkt eller til den oplyste pris på ønskelisten. Du kan tilføje produkter til din ønskeliste således: 1 Fra venstre kolonne, navigeres til et produkt for at tilføje dette til din ønskeliste. 2 Klik på Detaljer. Detalje siden vises.

30 Side 30 af 43 3 Klik på Tilføj til ønskeliste. Ønskelisten vises herefter med den valgte vare Bemærk: Du kan fjerne et element fra ønskelisten ved at sætte kryds i Fjern kolonnen og klikke på Opdater ønskeliste. Ønskeliste ikonet vil blive opdateret på værktøjslinjen. En ønskeliste URL-adresse vises til deling. 4 I Køb kolonnen afkrydses de ønskede elementer for at kopiere indholdet fra ønskelisten til varekurven og derefter klikkes på knappen KØB. Varekurven vises nu med de nye elementer kopieret fra ønskelisten til indkøbskurven.

31 Side 31 af 43 Bestillingsprocess (en-sides-checkout) Den følgende procedure beskriver bestillingsprocessen. Dette omfatter tilføjelse af emner i din varekurv, fakturerings og leverings adresser, leverings- og betalingsoplysninger, samt bekræftelse af ordren. For at placere en ordre: 1 Tilføj et eller flere produkter til din indkøbskurv, som beskrevet i afsnittet varekurv.

32 Side 32 af 43 2 Fra varekurv vinduet, vist på forrige side, trykkes der på knappen Kassen. Faktureringsadresse afsnittet vises. Denne side viser eksisterende adresser i menulisten eller der kan vælges at Indtaste en ny adresse og der trykkes på fortsæt: Vælges ny adresse udfyldes felterne og der trykkes på fortsæt:

33 Side 33 af 43 3 Leverings-adresse afsnittet vises. Denne side viser eksisterende adresser i menulisten eller der kan vælges at Indtaste en ny adresse og der trykkes på fortsæt: Vælges ny adresse udfyldes felterne og der trykkes på fortsæt: Bemærk: Skal varen ikke afsendes vises punktet med leveringsadresse ikke.

34 Side 34 af 43 4 Leveringsform afsnittet vises. Denne side viser hvilke valgmuligheder der er for at få ordren leveret. Der vælges en leveringsform og der trykkes på fortsæt: Bemærk: Skal varen ikke afsendes vises punktet med leveringsform ikke. Ovenstående muligheder er ikke hardcodede og kan konfigureres af butiksejeren i administrations området, ved at vælge Leverings - Leveringsformer fra menuen Konfiguration.

35 Side 35 af 43 5 Betalingsform afsnittet vises. Denne side viser hvilke valgmuligheder der er for at betale for ordren. Vælg Brug min bonuspoints via afkrydsningsfeltet for at give kunden mulighed for kontanter i stedet for bonuspoints. Dette afkrydsningsfelt vises kun, når bonuspoints programmet er aktivt, og en kunde har bonuspoints, der skal indløses. Der vælges en betalingsform og der trykkes på fortsæt: Bemærk: Ovenstående muligheder er ikke hardcodede og kan konfigureres af butiksejeren i administrations området, ved at vælge Betalingsformer fra menuen Konfiguration.

36 Side 36 af 43 6 Betalingsinformations afsnittet vises. Her vises en informationstekst angående den betalingsform du har valg, denne er bare til din orientering og gennemlæsning og der trykkes på fortsæt:

37 Side 37 af 43 7 Bekræft ordren afsnittet vises. Her vises din ordre og med de gebyrer/rater der måtte være tilknyttet de leverings og betalingsformer du har valgt. Tryk på Bekræft for at godkende og fuldføre ordren: Bemærk: Det er muligt at gå til de forrige steps ved at klikke på bjælken, f.eks. ønsker du anden leveringsadresse trykker du på bjælken med Leveringsadresse.

38 Side 38 af 43 8 Så er ordren gennemført og der kan trykkes Fortsæt for at komme til butikkens forside eller vil du se ordredetaljer kan du klikke på Klik her for at se ordredetaljer:

39 Side 39 af 43 Ordre detalje(r) side Ordredetalje siden indeholder forsendelses-og faktureringsoplysninger, status for ordren samt listen over varer købt og tillægsydelser samt betalingsmetode og meget mere. For at se ordredetaljer 1 Klik på Min konto i menulinjen for at se din nye ordre, som vises i den Kunder Ordre side, som følger. 2 Klik på Detaljer for at se ordre detaljer.

40 Side 40 af 43 Nyheder Dette vindue viser nyheder som forvaltes af butikken ejer. For eksempel Nyheder om butikken er åbnet eller nyeste nopcommerce udgivelse.

41 Side 41 af 43 For at tilføje en nyhed kommentar: 1 Klik på knappen Detaljer under Nyheder afsnittet i bunden af hjemmesiden. Følgende vindue vises: 2 I Kommentarer området, kan du indtaste en kommentar titel og tekst. 3 Klik på Send kommentar for at tilføje en ny kommentar til nyheden.

42 Side 42 af 43 Blog En blog er en slags hjemmeside, som regel vedligeholdes denne af en person med regelmæssige poster med kommentarer, beskrivelser af begivenheder, eller andet materiale såsom grafik eller video. Posterne vises normalt i omvendt-kronologisk rækkefølge.

43 Side 43 af 43 Afstemninger/meningsmålinger Afstemninger kan forvaltes af butiksejer. Fra administrations området, vælge Afstemninger fra Indholdsstyrings menuen og sikre, at Vis på startsiden er markeret. Forums Fora/Forum er deaktiveret som standard. Du skal aktivere forum i sektionen Administration, som beskrevet nedenfor. For at definere fora: 1 Vælg Admin Område> Konfiguration> Indstillinger> Forum Indstillinger. Sørg for, at Forum aktiveret er markeret. Forum link skal nu vises i menuen i den offentlige butik. 2 Vælg Admin området> Indholdsstyring> Forums. Her kan du oprette flere forum grupper og derefter oprette flere forums. For at se et eksempel på, hvordan forum kan udformes kan du kigge hos