51Ƶ

Alt du trenger for å selge på nett

Sett opp en nettbutikk på få minutter for å selge på et nettsted, sosiale medier eller markedsplasser.

En omfattende guide for å tilpasse din 51Ƶ-butikkdesign

En omfattende guide for å tilpasse din 51Ƶ-butikkdesign

12 min lese

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 spesiallaget temaer.

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.

Hvordan selge på nett
Tips fra e-handel eksperter for småbedriftseiere og ambisiøse gründere.
Vennligst skriv inn en gyldig e-post adresse

Nivå 1: Raskt og enkelt

Rask og enkel

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.

51Ƶ Instant-side

Når vi snakker om design, er Instant Site bygget med ferdige blokker (forsidebildet, logo, nettbutikk, «Om oss»-delen, tilbakemeldinger fra kunder og kontakter) som du kan aktivere og deaktivere, redigere og tilpasse til virksomheten din. Alt som kan gjøres praktisk talt på øyeblikk med egne hender.

Så hvis du ikke har et nettsted å selge på, er dette en veldig enkel måte å begynne å selge på nett på pen nettside gratis.

Dette steg for steg guiden forklarer hvordan du designer Instant Site: Personliggjør umiddelbar side fra bunnen av til det første salget

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 e-handel nettsteder.

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.

Wix og 51Ƶ fargeinnstillinger

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:

51Ƶ fargetilpasningsmodus

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.

Utseendeinnstillinger

Nivå 2: Eventyrer

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

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 ferdige øԾԲ.

Eventyrere kan finne forskjellige ; for eksempel

or .

De fleste av disse instruksjonene brytes ned til copy-paste et stykke kode inn i CSS-temaet ditt.

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.

CSS-temabehandling i 51Ƶ

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.

Ferdiglaget temaer og temautvikling er tilgjengelig for alle 51Ƶ-forhandlere.

Nivå 3: Veteran

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 drop-down meny, et annet oppsett av produktsideelementer eller et tilpasset design av knapper.

Til teknisk kunnskapsrike selgere eller de som har en utvikler i troppen deres, er det en mulighet til å bringe endringer av den typen og til og med forvandle 51Ƶ-butikken deres til det ugjenkjennelige ved hjelp av tilpassede CSS-temaer eller 51Ƶ API.

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 tilpasset CSS-tema

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å


 

Innholdsfortegnelse

Selg online

Med 51Ƶ e-handel kan du enkelt selge hvor som helst, til hvem som helst – på internett og over hele verden.

Om forfatteren

Qetzal er produktsjef i 51Ƶ. Han elsker å skape nye ting for å gjøre livet til folk enklere.

Netthandel som har ryggen din

Så enkel å bruke – selv mine mest teknofobe klienter kan administrere. Enkel å installere, rask å sette opp. Lysår foran andre butikkplugins.
Jeg er så imponert over at jeg har anbefalt den til nettstedsklientene mine og bruker den nå til min egen butikk sammen med fire andre som jeg er webansvarlig for. Vakker koding, utmerket førsteklasses støtte, flott dokumentasjon, fantastiske how-to-videoer. Tusen takk 51Ƶ, du rocker!
Jeg har brukt 51Ƶ og jeg elsker selve plattformen. Alt er så forenklet at det er vanvittig. Jeg elsker hvordan du har forskjellige alternativer for å velge fraktselskaper, for å kunne sette inn så mange forskjellige varianter. Det er en ganske åpen e-handelsport.
Enkel å bruke, rimelig. Ser profesjonelt ut, mange maler å velge mellom. Appen er min favorittfunksjon siden jeg kan administrere butikken min rett fra telefonen min. Anbefales på det varmeste 👌👍
Jeg liker at 51Ƶ var enkel å starte og bruke. Selv for en person som meg, uten noen teknisk bakgrunn. Veldig godt skrevet hjelpeartikler. Og støtteteamet er det beste etter min mening.
For alt det har å tilby, er ECWID utrolig enkelt å sette opp. Anbefaler på det sterkeste! Jeg gjorde mye research og prøvde omtrent 3 andre konkurrenter. Bare prøv ECWID, så er du online på kort tid.

Dine netthandelsdrømmer starter her