Designe et vakkert oppsett

Større tekstRedusere tekst

Nettbutikk layoutEt profesjonelt layout er viktig for å fremstå som pålitelig for å vinne tilliten til kundene dine. EasyWebshop gjør det enkelt å velge og tilpasse et layout selv. Ingen behov for en dyr webdesigner.

Å endre layouten har ingen innvirkning på driften av nettbutikken. Enhver endring kan angres eller endres senere. Så ta deg tid til å eksperimentere med farger, bilder og skrifttyper for å oppnå ønsket resultat.

Legg til omtrent 10 produkter før du eksperimenterer med layout og konfigurasjon.

Hvis du ikke vil eksperimentere med layouten i din aktive nettbutikk, kan du opprette en ny gratis nettbutikk ved å bruke Multishop for eksperimentering.

Layoutadministrasjon

Naviger til Innstillinger > Layout. Nedenfor forklarer vi hvordan hver fane fungerer.

Layoutadministrasjon

Maler, Temaer og Design

Maler og Temaer

Maler er grunnleggende design som er først i listen og ikke inkluderer farger. De er egnet for bedriftsnettsteder der fokuset er på produktene.

Temaer er basert på en mal og er videre raffinert med fargekombinasjoner og bakgrunner. De er egnet for nettsteder der designet må være attraktivt.

Design er maler eller temaer som er tilpasset av deg, brukeren, ved hjelp av designeren. Denne metoden er egnet for brukere som ønsker å tilpasse detaljene på nettstedet sitt.

Alle maler og temaer er mobilvennlige og optimalisert for rask lastetid og optimal indeksering i søkemotorer.

Velg en av malene eller temaene og klikk Eksempel for å se et eksempel. Dette eksemplet er ikke synlig for besøkende.

Klikk Publiser for å sette malen eller temaet for nettstedet ditt. Det vil nå være aktivt for besøkende.

Eksempel logo

Under fanen Logo kan du laste opp en (firma) logo ved å velge den og klikke Lagre.

Hvis du ikke har en logo ennå, kan du få den designet av en logodesigner. Hos EasyWebshop designer vi ikke logoer. En interessant nettside for å få designet en logo er 99designs.

Justering av logo dimensjoner etter opplasting

Skala
Dette er standardinnstillingen: logoen vil bli proporsjonalt skalert ned til maks 300x100 piksler.
Beskjær
Dette vil kutte av den delen av logoen som er for stor.
Ingen endringer
Ingen modifikasjoner vil bli gjort med logoen etter opplasting. Velg dette alternativet hvis du har logoen i riktig størrelse selv.

Vi anbefaler å ikke gjøre logoer for store. Dette gjør det vanskelig for besøkende med smarttelefoner. Hvis logoen er for bred, vil en horisontal rullefelt vises. Hvis logoen er for høy, må det rulles mer vertikalt.

Standardinnstillingen på 300x100 piksler er ok i de fleste situasjoner. Med noen temaer er det bedre å gjøre logoen større eller mindre.

Maksimal størrelse på logoen er 25MB. De mulige filformatene er .gif, .jpg, .png og .svg. For transparente logoer, bruk PNG eller SVG-formatet. GIF-animasjoner er mulige, men vi anbefaler ikke å bruke dem som logoer.

Nettleserikon

Nettleserikonet eller Favicon er et ikon knyttet til nettstedet ditt. Du kan få det designet av din logodesigner.

Favicon

For maksimal kompatibilitet med alle typer enheter, anbefales det å laste opp en .ico, .png og .svg versjon.

.ico
Et standard favicon har dimensjonene 16x16, 32x32 eller 64x64 piksler, og inneholder 16 farger. Filstørrelsen er maks 150Kb.
.png
De anbefalte dimensjonene for et .png favicon er 196x196 piksler.
.svg
For høyere oppløsninger kan SVG favicons brukes. Vær oppmerksom på at ikke alle enheter støtter SVG favicons.

Det er mulig at nettleserikonet ikke umiddelbart endres etter oppdatering i layoutadministrasjonen. Dette skyldes nettleserens cache. Dette problemet løser seg selv etter en stund når cachen tømmes. Du kan også manuelt tømme nettleserens cache eller besøke nettstedet med en enhet du ikke har brukt før.

Farger

Fargegrensesnittet henter alle fargene fra det valgte temaet og gir en enkel måte å endre dem på. Rediger CSS-knappen er en ekspertfunksjon som gir ytterligere alternativer for å finjustere layouten ved å endre CSS-koden.

Noen nyttige lenker:

Etter å ha gjort endringer, klikk på Lagre-knappen nedenfor.

Bilder

Hvis bilder er til stede i temaet, vil de bli listet her. Klikk på Rediger bilde-ikonet for å oppdatere bildet. Med designeren (se neste side) kan du legge til flere bilder.

Etter å ha gjort endringer, klikk på Lagre-knappen nedenfor.

Hvis bildet ikke endres på nettstedet, er dette vanligvis fordi de gamle bildene fortsatt er i cachen til nettleseren. En nettleser (Firefox, Google Chrome, ...) lagrer nettsider og bilder på harddisken din. På denne måten vil siden laste raskere ved neste besøk. Når du besøker siden, vil du se den gamle versjonen av bildet på harddisken din og ikke den aktive versjonen på nettstedet ditt.

Eksempel på nettlesercache

For å løse dette: naviger til butikkens side og klikk på Oppdater side eller Last inn siden på nytt.

Du kan også bruke hurtigtastene: F5 eller CTRL + R (Command + R på Mac). Den nyeste versjonen av nettsiden lastes nå.

I noen nettlesere må du manuelt tømme cachen i innstillingene til nettleseren. Hvor du finner dette avhenger av nettleseren. Konsulter hjelpefunksjonen til nettleseren din for dette. Det er utenfor omfanget av denne wiki.

Skrifttype

Dette grensesnittet lar deg endre hoved skrifttypen på nettstedet ditt. Velg ganske enkelt en skrifttype og klikk på Lagre-knappen nedenfor.

Layout skrifttyper

Det anbefales å ikke blande forskjellige skrifttyper på samme side.

Designer

Med designeren kan den valgte malen eller temaet tilpasses. Designeren tilbyr mange muligheter for tilpasning og er derfor mindre brukervennlig enn standard layoutadministrasjon. Den neste siden beskriver funksjonene til designeren.

Designer

Tips for å designe en vakker layout selv

Hold det enkelt
Dine kunder kjøper ikke et produkt basert på layouten til nettstedet. En enkel funksjonell layout vil prestere bedre enn en travel layout med mange unødvendige distraksjoner.
Vær konsekvent
Velg en fargepalett og fortsett å bruke de samme fargene. Bruk den samme skrifttypen med mindre du vet hva du gjør.
Få inspirasjon
Det er ingenting galt med å se hvordan andre gjør det. Du kan finne inspirasjon i våre eksempler.
Fotoer gir liv til et nettsted
Et gjenkjennelig logo, klare produktbilder og en passende bakgrunn får nettstedet ditt til å virkelig komme til liv.
Få råd fra venner, familie og kolleger
Spør forskjellige mennesker hva de synes om layouten din. En vakker layout er subjektiv. Du vil se at det er mange motstridende meninger.
Gi tilstrekkelig kontrast, unngå stilfeil

Noen vanlige feil:

  • Tekst med lav kontrast
  • Tekst som er irriterende å lese
  • Effekter fra 90-tallet er ikke lenger oppdaterte
  • Store tekstblokker i kursiv er vanskelige å lese
  • Å BRUKE STORE BOKSTAVER PÅ NETT REPRESENTERER Å SKRIKE
  • Unngå å gjenta tegnsetting!!!

Ansette en webdesigner for nettstedet ditt

HTML - XMLMed den innebygde designeren kan du tilpasse layouten selv. Det er mange alternativer slik at du kan skille butikken din fra andre nettsteder. Dette er det enkleste og rimeligste alternativet.

Hvis du ikke oppnår ønsket resultat, kan du be en webdesigner om å lage en skreddersydd layout. Når du leter etter en webdesigner, vær oppmerksom på at det dessverre finnes mange uerfarne webdesignere på internett. Be om referanser og sjekk referansene ved å kontakte dem.

Noen webdesignere vil presse deg til å bytte til annen webshop-programvare for en layoutdesign, noe som er unødvendig. De gjør vanligvis dette fordi de får en provisjon for å selge deg denne andre applikasjonen. Gjør sammenligningen mellom EasyWebshop og den andre plattformen. Vi tilbyr generelt mye flere funksjoner for en bedre pris.

Nettsidefaner gjør oppgavebytte enklere

Opprett to faner i nettleseren din: en fane med disse instruksjonene og en fane der du vil administrere butikken din. På denne måten kan du enkelt bytte fra en fane til en annen og navigere raskere. Hvis du skriver ut denne dokumentasjonen, gjelder dette selvfølgelig ikke. Du kan da se på papiret etterfulgt av å se på skjermen din. Ja, dette var en fornærmelse mot din intellekt!

Trykk CTRL + T (eller velg Fil > Ny fane) for å åpne en ny fane i nettleseren din. I den nye fanen, naviger til nettstedet vårt: easywebshop.com.

Faner

Etter at du har endret noe i backend, naviger til fanen for nettstedet ditt og trykk Last inn siden på nytt, Oppdater siden eller F5 for å se den nyeste oppdateringen.

Ofte stilte spørsmål om layouten

Mine tekster er borte!
Tekstfargen er satt til samme verdi som bakgrunnsfargen.
Favicon vises ikke
Bruk en nyere nettleser. I noen gamle versjoner av Internet Explorer vises ingen favicon.
Koble også et domenenavn til butikken din. Noen nettlesere viser faviconen til EasyWebshop hvis det ikke er koblet et domenenavn.

Neste side: Designer

Starter wiki



Ofte stilte spørsmål Kontakt

Dette nettstedet bruker ikke sporingskapsler og selger ikke personopplysninger.SalgsvilkårPersonsvernerklæring 2009 ‑ 2025 EasyWebshop