En omfattende guide til tilpasning af dit Ecwid-butiksdesign

Sendt 7 år siden by Qetzal, Produktchef

UDP: I april 2018 udgav vi nye designindstillinger i Ecwid! Lær, hvor dybt du kan tilpasse din Ecwid-butik uden nogen kodning i et nyere blogindlæg. Hvis din butik blev oprettet før april 2018, og du vil lære at bruge de gamle indstillinger, skal du fortsætte med at læse denne.

Ecwid-butikken er skabt på en sådan måde, at det er muligt at tilføje den til hver hjemmeside og begynde at sælge hver produkttype på ingen tid. Dens butiksfacade tilpasser sig automatisk til både desktop og mobile enheder, og butikken ser godt ud på enhver skærm.

At gøre din butik til en naturlig del af din hjemmeside giver indtryk af en professionel forretning. Du ønsker måske at ændre butiksdesignet, så det passer til din hjemmesides stil og de specifikke behov i din virksomhed. Det kan opnås på en række måder, fra fuldautomatiske indstillinger til specialfremstillet temaer.

Størstedelen af dem er opført i kontrol panel → Indstillinger → Design. På den side kan du administrere dine designindstillinger, og i dette indlæg fortæller vi dig, hvordan du får mest muligt ud af dem.

Vi opdelte alle mulige ændringer af dit Ecwid-butiksdesign i tre niveauer i henhold til nødvendige færdigheder og ressourcer, fra hurtig og nem til dybere og mere kompleks.

Niveau 1: Hurtigt og nemt

Ubesværede, hurtige ændringer. Intet andet end at klikke på knapperne er påkrævet.

Før du begynder at tænke på designændringer, er her den gode nyhed: Ecwid bygger automatisk miljøet ind og ser ud som en naturlig del af din hjemmeside eller en social side. Du behøver ikke at lave nogen kodning for det - alt vil fungere fint.

Derudover er der nemme måder at tilpasse din butiks look og feel til din mission uden ekstra indsats.

1. Sælg på en Ecwid Instant Site, hvis du ikke har en hjemmeside

The Instant Site er et gratis websted med en onlinebutik, som Ecwid tilbyder gratis, når du opretter din Ecwid-konto.

Apropos design, så er Instant Site bygget med færdiglavet blokke (forsidebilledet, logo, onlinebutik, afsnittet "Om os", kundefeedback og kontakter), som du kan aktivere og deaktivere, redigere og tilpasse til din virksomhed. Alt det kan gøres praktisk talt på et øjeblik med dine egne hænder.

Så hvis du ikke har en hjemmeside at sælge på, er dette en meget nem måde at begynde at sælge online på ser godt ud webside gratis.

Denne trin for trin guiden forklarer, hvordan du designer dit Instant-websted: Personalisering af dit øjeblikkelige websted fra bunden til det første salg

2. Nem designtilpasning for dem, der allerede har en hjemmeside

Hvis du allerede har en hjemmeside, vil Ecwid stadig integreres problemfrit med den, uanset hvad den er bygget på: WordPress, Wix, Joomla eller enhver anden platform. Her er hvad du kan gøre for at få din butik til at se endnu bedre ud.

Trin 1: Brug et matchende tema til din webstedsbygger

For at designe din hjemmeside kan du blot vælge mellem snesevis af temaer, der kan købes. Ecwid-butikken er kompatibel med de fleste af dem.

Her er en hurtig oversigt over steder på nettet, hvor du kan finde temaer til din webstedsbygger.

Til WordPress hjemmesider

Gå heller ikke glip af indsamlingen af de bedste gratis WordPress-temaer til e-handel websites.

Til Joomla-websteder

Til Squarespace-websteder

For Wix-websteder, det er endnu nemmere: Gennemse temaerne uden at forlade det www.wix.com.

Bemærk: Ecwid + Wix-handlere kan matche farverne på deres websted og gemme i Ecwid Wix-applikationsindstillingerne.

Ecwid butiksdesignindstillinger på Wix-websteder

Trin 2: Aktiver farvetilpasningstilstand

Hvis du åbner en ny Ecwid-butik og tilføjer den til din hjemmeside, vil Ecwid automatisk tilpasse butiksfarverne til din hjemmesidestil. Denne funktion kaldes farveadaptiv tilstand. Det er en meget nem måde at gøre din butik til en naturlig del af din hjemmeside.

Hvis du allerede sælger med Ecwid, vil farveadaptiv tilstand ikke være aktiveret som standard, men du kan aktivere det på designsiden:

Hvad hvis du tilføjer din Ecwid-butik til flere websteder? Med farvetilpasningstilstand aktiveret vil butiksfarverne tilpasse sig hver af dem. Din butik vil se naturlig ud i hvert webstedsmiljø, uanset om det er hvidt, sort eller grønt.

Denne funktion er tilgængelig for de fleste Ecwid-købmænd. Bemærk: Ecwid + Wix-handlere kan matche farverne på deres websted og kun gemme i Ecwid Wix-applikationsindstillingerne.

3. Spil med hurtige udseendeindstillinger

Når du sælge online med Ecwid er det muligt at aktivere eller deaktivere Ecwid butiksfacadeelementer med få klik. For eksempel foretrækker de, der sælger håndlavede produkter i enkelte eksemplarer, ofte at skjule mængdefeltet.

Du vil måske også skjule unødvendige elementer eller ændre størrelsen på miniaturebillederne - afsnittet Udseende på din designside vil helt lade dig gøre det.

Niveau 2: Eventyrer

For dem uden teknisk viden, der leder efter dybere designændringer og har tid til en lille rejse.

Du har oprettet din butik og har allerede set dig omkring. Nu begynder du at føle behovet for et personligt præg: det kan være mærkefarver til knapper, tekster og baggrund, unikke ikoner eller helt nye elementer. Du har dog ingen idé om kodning.

Ingen bekymringer: På dette niveau har vi samlet de værktøjer, der vil hjælpe dig med at nå målene ovenfor uden særlig viden. Lad os se nærmere på dem.

1. Brug apps fra Ecwid App Market til butiksdesign

Ecwid App Market tæller mere end 100 apps til at hjælpe dig med analyser, promovering, forsendelse og mere. Du kan også finde apps til tilpasning af butiksfacade og design. Vi vil se på en app til at ændre dine temafarver uden nogen kodning: Butiksdesigner.

Butiksdesigner

Butiksdesigner er en app, der lader dig hurtigt opsætte farver til knapper, tekst og baggrund.

Preview-tilstanden giver dig mulighed for at lege med farver, så meget du vil, før du udgiver dit perfekte design til butiksfacaden.

Butiksdesigner-grænseflade

Appen koster $4.99 og tilbyder en gratis prøveuge.

Store Designer er tilgængelig på alle betalte Ecwid-planer, samt resten af App Market-apps.

2. Kopier indsæt klar tweaks fra Knowledge Base

Ecwid Knowledge Base har svar på de fleste af de spørgsmål, som en Ecwid-butiksejer måtte have. Vi tilføjer løbende nye artikler her med de oftest stillede tips og færdiglavet løsninger.

Eventyrere kan finde forskellige instruktioner om tilpasning af butiksfacade; f.eks.

skiftende skrifttyper i butikken or tilføjelse af et søgefelt.

De fleste af disse instruktioner nedbrydes til copy-pating et stykke kode ind i dit CSS-tema.

Du kan administrere dine CSS-temaer i kontrol panel → Indstillinger → Design.

Processen går sådan her: Hvis du for eksempel vil ændre dit indkøbskurvikon, skal du gå til din Indstillinger → Design, opret et nyt CSS-tema, tilføj et stykke kode, gem ændringerne og aktiver temaet.

Du bør tilføje alle de yderligere ændringer til dette tema - kun ét tema ad gangen kan være aktivt, så det skal inkludere alle de ændringer, du vil bringe til din butik.

3. Bestil en tilpasset temaudvikling

Hvis du ikke kan finde et tema, der ville tilfredsstille dine behov, er en anden mulighed at bestille udvikling af et CSS-tema som vil blive bygget til dig. Et brugerdefineret tema betyder meget mere end blot en ændring af farver og lader dig få dybere tilpasning, fx en helt anden rækkefølge af blokke på din produktside.

Færdiglavet temaer og temaudvikling er tilgængelige for alle Ecwid-købmænd.

Niveau 3: Veteran

Kraftig tilpasning: Fuldfør ændringer af dit butiksudseende. Hej, kode.

Nogle gange er det nødvendigt med dybere ændringer af butiksudseendet: du vil måske have en drop-down menu, et andet layout af produktsideelementer eller et brugerdefineret design af knapper.

Til tech-kyndige købmænd eller dem, der har en udvikler i deres hold, er der mulighed for at bringe ændringer af den type og endda at transformere deres Ecwid-butik til ukendelighed ved hjælp af tilpassede CSS-temaer eller Ecwid API.

1. Opret en self-made CSS tema

Hvis du vil designe din butik på egen hånd, kan du overveje at oprette dit eget CSS-tema.

Et CSS-tema er et sæt regler, der bestemmer udseendet af hvert element i butikken (størrelse, form, farve og placering på en side).

Opret dine egne CSS-temaer i Indstillinger → Design

Der er en guide i Ecwid Knowledge Base der forklarer, hvordan du opretter dit eget CSS-tema og instruktioner til ændring af specifikke elementer.

Bemærk, at du skal have en forståelse af HTML og CSS, så hvis disse to ord lyder ukendte, bør du være klar til at bruge lidt tid på at tilegne dig de nødvendige færdigheder til at skabe et tema fra bunden.

Husk, at hvis du kæmper med dit Ecwid-butiksdesign, kan du altid bede Ecwid-kundeplejeteamet om hjælp. Eller det er stadig muligt bestil den tilpassede udvikling af dit eget CSS-tema.

2. Brug Ecwid Javascript API til at udvide Ecwid butiksfacade funktioner

Denne del er mest for udviklere. Ved du, hvad der ellers kunne forbedre din Ecwid butiksfacade? At få Ecwid Javascript API.

For eksempel kan du bygge et nyt CSS-tema eller en app og sælge det på Ecwid App Market. Ecwid Javascript API giver dig mulighed for at ændre butiksfacadens udseende fuldstændigt, hvilket bringer ændringer så dybt, som du har brug for.

Hvis du er klar til at starte, tak tilmeld dig på vores side for udviklere.