UDP: I april 2018 ga vi ut nye designinnstillinger i Ecwid! Finn ut hvor dypt du kan tilpasse Ecwid-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.
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 kontroll Panel → innstillinger → utforming. 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 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 gratis nettsted med en nettbutikk som Ecwid tilbyr gratis 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, det er enda enklere: bla gjennom temaene uten å forlate www.wix.com.
OBS: Ecwid + Wix-selgere kan matche fargene på nettstedet deres 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 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 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 selg på nettet med Ecwid er det mulig å aktivere eller deaktivere Ecwid-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 Ecwid App Market for butikkdesign
De Ecwid 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 Ecwid-planer, så vel som 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 forskjellige instruksjoner om tilpasning av butikkfronten; for eksempel
endre fonter i butikken or legge til en søkeboks.
De fleste av disse instruksjonene brytes ned til
Du kan administrere CSS-temaene dine i kontroll Panel → innstillinger → utforming.
Prosessen går slik: hvis du for eksempel vil endre handlekurvikonet, gå til din Innstillinger → Design, 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 å bestille utvikling av et CSS-tema 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 Innstillinger → Design
Det er en guide i Ecwid Knowledge Base 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 Ecwid-butikkdesignen din, kan du alltid be Ecwids kundeserviceteam om hjelp. Eller det er fortsatt mulig bestille tilpasset utvikling av ditt eget CSS-tema.
2. Bruk Ecwid Javascript API for å utvide Ecwid-butikkfrontfunksjonene
Denne delen er mest for utviklere. Vet du hva annet som kan forbedre Ecwid-butikkfronten din? Får 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 å begynne, vær så snill registrer deg på siden vår for utviklere.
***
Les også: Hvordan designe 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 gratis e-handelsside fra bunnen av
- Hvordan Ecwids tilgjengelige nettbutikkmal ble en hit
