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
Din 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