UDP: I april 2018 lanserte vi nye designinnstillinger i Ecwid! Lær hvor grundig du kan tilpasse Ecwid-butikken din uten koding i et nyere blogginnlegg . Hvis butikken din ble opprettet før april 2018 og du vil lære å bruke de gamle innstillingene, fortsett å lese denne.
Ecwid-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 Kontrollpanel → Innstillinger → Design . På den siden kan du administrere designinnstillingene dine, og i dette innlegget skal vi fortelle deg hvordan du får mest mulig ut av dem.
Vi delte ned alle mulige modifikasjoner av Ecwid-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: Ecwid 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 Ecwid Instant-nettsted hvis du ikke har et nettsted
The Instant Site er et nettsted med en nettbutikk som Ecwid tilbyr når du oppretter din Ecwid-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 Ecwid 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. Ecwid-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 er det enda enklere: bla gjennom temaene uten å forlate www.wix.com.
Merk: Ecwid + Wix-forhandlere kan matche fargene på nettstedet sitt og lagre i Ecwid Wix-applikasjonsinnstillingene.

Ecwid-butikkdesigninnstillinger på Wix-nettsteder
Trinn 2: Aktiver fargetilpasningsmodus
Hvis du åpner en ny Ecwid-butikk og legger den til på nettstedet ditt, vil Ecwid 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 Ecwid, vil ikke fargetilpasningsmodus være aktivert som standard, men du kan aktivere den på designsiden:

Hva om du legger til Ecwid-butikken din på flere nettsteder? Med fargetilpasningsmodus aktivert, vil butikkens farger 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 Ecwid-selgere. Merk: Ecwid + Wix-selgere kan matche fargene på nettstedet deres og lagre kun i Ecwid Wix-applikasjonsinnstillingene.
3. Spill med raske utseendeinnstillinger
Når du selger på nett med Ecwid, er det mulig å aktivere eller deaktivere Ecwid-butikkelementer med noen få klikk. For eksempel foretrekker de som selger håndlagde produkter i enkelteksemplarer ofte å skjule antallsfeltet.
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 Ecwid App Market for butikkdesign
Ecwid App Market har over 100 apper som kan hjelpe deg med analyser, markedsføring, frakt og mer. Du kan også finne apper for tilpasning og design av butikkfasader . Vi skal se på én app for å endre temafargene dine uten koding: Store Designer.
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.
Butikkdesigner er tilgjengelig på alle betalte Ecwid-abonnementer , samt resten av App Market-appene.
2. Kopier lim inn klare tweaks fra Knowledge Base
Ecwid kunnskapsbase har svar på de fleste spørsmålene en Ecwid-butikkeier kan ha. Vi legger stadig til nye artikler her med de oftest stilte tipsene og
Eventyrere kan finne diverse instruksjoner om tilpasning av butikkfasaden ; for eksempel,
endre fonter i butikken eller legge til en søkeboks.
De fleste av disse instruksjonene brytes ned til
Du kan administrere CSS-temaene dine i Kontrollpanel → Innstillinger → Design.
Prosessen går slik: Hvis du for eksempel vil endre handlekurvikonet, går du til Innstillinger → Design , oppretter et nytt CSS-tema, legger til en kodebit , lagrer endringene og aktiverer 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 tilfredsstiller dine behov, er et annet alternativ å bestille utviklingen av et CSS-tema som bygges spesielt for deg. Et tilpasset tema betyr mye mer enn bare en endring av farger og lar deg få dypere tilpasning, f.eks. 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 Innstillinger → Design
Det finnes en veiledning i Ecwid kunnskapsbase som forklarer hvordan du lager ditt eget CSS-tema og instruksjoner for å endre spesifikke elementer.
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 designet til Ecwid-butikken din, kan du alltid be Ecwids kundeserviceteam om hjelp. Det er også mulig å bestille tilpasset utvikling av ditt eget CSS-tema.
2. Bruk Ecwid Javascript API for å utvide Ecwid-butikkfrontfunksjonene
Denne delen er hovedsakelig for utviklere. Vet du hva annet som kan forbedre Ecwid-butikkfronten din? Skaff deg Ecwid Javascript API.
Du kan for eksempel bygge et nytt CSS-tema eller en app, og selge det på Ecwid App Market. Ecwid Javascript API lar deg endre utseendet på butikkfronten fullstendig, og bringe endringer så dypt du trenger.
Hvis du er klar til å starte, kan du registrere deg på siden vår for utviklere.
***
Les også: Slik designer du produktkategoribilder som kundene dine ikke kan motstå å klikke på
- Inspirerende Ecwid Instant Site Eksempler
- Ecwid Instant Site med klare temaer og 99+ designalternativer
- Nye Ecwid-designinnstillinger: Dusinvis av tilpasningsalternativer, ingen koding
- Slik velger du en e-handelsmal for nettstedet ditt
- En omfattende guide for å tilpasse din Ecwid-butikkdesign
- Design din e-handelsside fra bunnen av
- Hvordan Ecwids tilgjengelige nettbutikkmal ble en hit







