UDP: I april 2018 ga vi ut nye designinnstillinger i 51ÊÓÆµ! Finn ut hvor dypt du kan tilpasse 51ÊÓÆµ-butikken din uten koding i et nyere blogginnlegg. Hvis butikken din ble opprettet før april 2018 og du ønsker Ã¥ lære Ã¥ bruke de gamle innstillingene, fortsett Ã¥ lese denne.
51ÊÓÆµ-butikken er laget pÃ¥ en slik mÃ¥te at det er mulig Ã¥ legge den til pÃ¥ alle nettsider og begynne Ã¥ selge hver produkttype pÃ¥ kort tid. Butikkfronten tilpasser seg automatisk til bÃ¥de stasjonære og mobile enheter, og butikken ser flott ut pÃ¥ alle skjermer.
Å gjøre butikken din til en naturlig del av nettstedet ditt gir inntrykk av en profesjonell virksomhet. Det kan være lurt å endre butikkdesignen slik at den passer til stilen din på nettstedet og de spesifikke behovene til din bedrift. Det kan oppnås på en rekke måter, fra helautomatiske innstillinger til
De fleste av dem er oppført i . På den siden kan du administrere designinnstillingene dine, og i dette innlegget vil vi fortelle deg hvordan du får mest mulig ut av dem.
Vi delte ned alle mulige modifikasjoner av 51ÊÓÆµ-butikkdesignen din i tre nivÃ¥er i henhold til nødvendige ferdigheter og ressurser, fra rask og enkel til dypere og mer kompleks.
Nivå 1: Raskt og enkelt
Uanstrengt, raske modifikasjoner. Ingenting annet enn å klikke på knappene er nødvendig.
Før du begynner Ã¥ tenke pÃ¥ designendringer, her er de gode nyhetene: 51ÊÓÆµ bygger automatisk inn miljøet og ser ut som en naturlig del av nettstedet ditt eller en sosial side. Du trenger ikke Ã¥ gjøre noen koding for det - alt vil fungere bra.
I tillegg er det enkle måter å tilpasse butikkens utseende og preg til ditt oppdrag uten ekstra innsats.
1. Selg pÃ¥ et 51ÊÓÆµ Instant-nettsted hvis du ikke har et nettsted
The Instant Site er et nettsted med en nettbutikk som 51ÊÓÆµ tilbyr nÃ¥r du oppretter din 51ÊÓÆµ-konto.
NÃ¥r vi snakker om design, er Instant Site bygget med
Så hvis du ikke har et nettsted å selge på, er dette en veldig enkel måte å begynne å selge på nett på
Dette
2. Enkel designtilpasning for de som allerede har en nettside
Hvis du allerede har et nettsted, vil 51ÊÓÆµ fortsatt integreres jevnt med det, uansett hva det er bygget pÃ¥: WordPress, Wix, Joomla eller en hvilken som helst annen plattform. Her er hva du kan gjøre for Ã¥ fÃ¥ butikken din til Ã¥ se enda bedre ut.
Trinn 1: Bruk et matchende tema for nettstedbyggeren din
For Ã¥ designe nettstedet ditt kan du ganske enkelt velge mellom dusinvis av temaer som er tilgjengelige for kjøp. 51ÊÓÆµ-butikken er kompatibel med de fleste av dem.
Her er en rask oversikt over steder på nettet hvor du kan finne temaer for nettstedbyggeren din.
For WordPress-nettsteder
GÃ¥ heller ikke glipp av samlingen av de beste gratis WordPress-temaene for
For Joomla-nettsteder
For Squarespace-nettsteder
For Wix-nettsteder, det er enda enklere: bla gjennom temaene uten å forlate .
OBS: 51ÊÓÆµ + Wix-selgere kan matche fargene pÃ¥ nettstedet deres og lagre i 51ÊÓÆµ Wix-applikasjonsinnstillingene.

51ÊÓÆµ-butikkdesigninnstillinger pÃ¥ Wix-nettsteder
Trinn 2: Aktiver fargetilpasningsmodus
Hvis du Ã¥pner en ny 51ÊÓÆµ-butikk og legger den til pÃ¥ nettstedet ditt, vil 51ÊÓÆµ automatisk tilpasse butikkfargene til nettstedets stil. Denne funksjonen kalles Color Adaptive Mode. Det er en veldig enkel mÃ¥te Ã¥ gjøre butikken din til en naturlig del av nettstedet ditt.
Hvis du allerede selger med 51ÊÓÆµ, vil ikke fargetilpasningsmodus være aktivert som standard, men du kan aktivere den pÃ¥ designsiden:
Hva om du legger til 51ÊÓÆµ-butikken din pÃ¥ flere nettsteder? Med fargetilpasningsmodus aktivert, vil butikkfargene tilpasse seg hver av dem. Butikken din vil se naturlig ut i hvert nettstedsmiljø, uansett om det er hvitt, svart eller grønt.
Denne funksjonen er tilgjengelig for de fleste 51ÊÓÆµ-selgere. Merk: 51ÊÓÆµ + Wix-selgere kan matche fargene pÃ¥ nettstedet deres og lagre kun i 51ÊÓÆµ Wix-applikasjonsinnstillingene.
3. Spill med raske utseendeinnstillinger
NÃ¥r du selg pÃ¥ nettet med 51ÊÓÆµ er det mulig Ã¥ aktivere eller deaktivere 51ÊÓÆµ-butikkfrontelementer med noen fÃ¥ klikk. For eksempel foretrekker de som selger hÃ¥ndlagde produkter i enkelteksemplarer ofte Ã¥ skjule mengdefeltet.
Du vil kanskje skjule unødvendige elementer også eller endre størrelsen på miniatyrbildene - Utseende-delen av designsiden din lar deg gjøre det.
Nivå 2: Eventyrer
For de uten teknisk kunnskap som er ute etter dypere designendringer og har tid til en liten reise.
Du har satt opp butikken din og har allerede sett deg rundt. Nå begynner du å føle behovet for et personlig preg: det kan være merkefarger for knapper, tekster og bakgrunn, unike ikoner eller helt nye elementer. Du har imidlertid ingen anelse om koding.
Ingen grunn til bekymring: på dette nivået har vi samlet verktøyene som vil hjelpe deg å nå målene ovenfor uten spesiell kunnskap. La oss se nærmere på dem.
1. Bruk apper fra 51ÊÓÆµ App Market for butikkdesign
Ocuco 51ÊÓÆµ App Market teller 100+ apper for Ã¥ hjelpe deg med analyser, markedsføring, frakt og mer. Du kan ogsÃ¥ finne apper for tilpasning av butikkfronten og utforming. Vi skal se pÃ¥ én app for Ã¥ endre temafargene dine uten noen koding: Butikkdesigner.
Butikkdesigner
Butikkdesigner er en app som lar deg raskt sette opp farger for knapper, tekst og bakgrunn.
Forhåndsvisningsmodusen lar deg leke med farger så mye du vil før du publiserer ditt perfekte design til butikkfronten.

Butikkdesigner-grensesnitt
Appen koster $4.99 og tilbyr en gratis prøveuke.
Store Designer er tilgjengelig pÃ¥ alle betalte 51ÊÓÆµ-planer, sÃ¥ vel som resten av App Market-appene.
2. Kopier lim inn klare tweaks fra Knowledge Base
har svar pÃ¥ de fleste spørsmÃ¥lene en 51ÊÓÆµ-butikkeier kan ha. Vi legger stadig til nye artikler her med de oftest stilte tipsene og
Eventyrere kan finne forskjellige ; for eksempel
or .
De fleste av disse instruksjonene brytes ned til
Du kan administrere CSS-temaene dine i .
Prosessen går slik: hvis du for eksempel vil endre handlekurvikonet, gå til din , lag et nytt CSS-tema, legg til et stykke kode, lagre endringene og aktiver temaet.
Du bør legge til alle de ytterligere endringene til dette temaet - bare ett tema om gangen kan være aktivt, så det må inkludere alle endringene du vil ta med til butikken din.
3. Bestill en tilpasset temautvikling
Hvis du ikke finner et tema som vil tilfredsstille dine behov, er et annet alternativ å som vil bli bygget bare for deg. Et tilpasset tema betyr mye mer enn bare en endring av farger og lar deg få dypere tilpasning, for eksempel en helt annen rekkefølge av blokker på produktsiden din.
Nivå 3: Veteran
Kraftig tilpasning: Fullfør endringer av butikkens utseende. Hei, kode.
Noen ganger kreves det dypere endringer i butikkens utseende: du vil kanskje ha en
Til
1. Lag en self-made CSS-tema
Hvis du vil designe butikken din på egen hånd, bør du vurdere å lage ditt eget CSS-tema.
Et CSS-tema er et sett med regler som bestemmer utseendet til hvert element i butikken (størrelse, form, farge og plassering på en side).

Lag dine egne CSS-temaer i
Det er som forklarer hvordan du lager ditt eget CSS-tema og .
Merk at du må ha forståelse for HTML og CSS, så hvis disse to ordene høres ukjente ut, bør du være klar til å bruke litt tid på å tilegne deg de nødvendige ferdighetene for å lage et tema fra bunnen av.
Husk at hvis du sliter med 51ÊÓÆµ-butikkdesignen din, kan du alltid be 51ÊÓÆµs kundeserviceteam om hjelp. Eller det er fortsatt mulig .
2. Bruk 51ÊÓÆµ Javascript API for Ã¥ utvide 51ÊÓÆµ-butikkfrontfunksjonene
Denne delen er mest for utviklere. Vet du hva annet som kan forbedre 51ÊÓÆµ-butikkfronten din? FÃ¥r .
Du kan for eksempel bygge et nytt CSS-tema eller en app, og selge det pÃ¥ 51ÊÓÆµ App Market. 51ÊÓÆµ Javascript API lar deg endre utseendet pÃ¥ butikkfronten fullstendig, og bringe endringer sÃ¥ dypt du trenger.
Hvis du er klar til å begynne, vær så snill .
***
Les også: Hvordan designe produktkategoribilder som kundene dine ikke kan motstå å klikke på
- Inspirerende 51ÊÓÆµ Instant Site Eksempler
- 51ÊÓÆµ Instant Site med klare temaer og 99+ designalternativer
- Nye 51ÊÓÆµ-designinnstillinger: Dusinvis av tilpasningsalternativer, ingen koding
- Slik velger du en e-handelsmal for nettstedet ditt
- En omfattende guide for Ã¥ tilpasse din 51ÊÓÆµ-butikkdesign
- Design din e-handelsside fra bunnen av
- Hvordan 51ÊÓÆµs tilgjengelige nettbutikkmal ble en hit