ºÚÁÏÃÅ

En omfattende guide til tilpasning af dit ºÚÁÏÃÅ-butiksdesign

UDP: I april 2018 udgav vi nye designindstillinger i ºÚÁÏÃÅ! Lær, hvor dybt du kan tilpasse din ºÚÁÏÃÅ-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.

ºÚÁÏÃÅ-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 . 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 ºÚÁÏÃÅ-butiksdesign i tre niveauer i henhold til nødvendige færdigheder og ressourcer, fra hurtig og nem til dybere og mere kompleks.

Sådan sælger du online
Tips fra e-handel eksperter for små virksomhedsejere og håbefulde iværksættere.
Indtast venligst en gyldig e-mailadresse

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: ºÚÁÏÃÅ 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 ºÚÁÏÃÅ Instant Site, hvis du ikke har en hjemmeside

The Instant Site er et gratis websted med en onlinebutik, som ºÚÁÏÃÅ tilbyder gratis, nÃ¥r du opretter din ºÚÁÏÃÅ-konto.

Apropos design, sÃ¥ er Instant Site bygget med ´Úæ°ù»å¾±²µ±ô²¹±¹±ð³Ù 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 ºÚÁÏÃÅ 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. ºÚÁÏÃÅ-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 .

µþ±ð³¾Ã¦°ù°ì: ºÚÁÏÃÅ + Wix-handlere kan matche farverne pÃ¥ deres websted og gemme i ºÚÁÏÃÅ Wix-applikationsindstillingerne.

ºÚÁÏÃÅ butiksdesignindstillinger pÃ¥ Wix-websteder

Trin 2: Aktiver farvetilpasningstilstand

Hvis du Ã¥bner en ny ºÚÁÏÃÅ-butik og tilføjer den til din hjemmeside, vil ºÚÁÏÃÅ 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 ºÚÁÏÃÅ, vil farveadaptiv tilstand ikke være aktiveret som standard, men du kan aktivere det pÃ¥ designsiden:

Hvad hvis du tilføjer din ºÚÁÏÃÅ-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 ºÚÁÏÃÅ-købmænd. µþ±ð³¾Ã¦°ù°ì: ºÚÁÏÃÅ + Wix-handlere kan matche farverne pÃ¥ deres websted og kun gemme i ºÚÁÏÃÅ Wix-applikationsindstillingerne.

3. Spil med hurtige udseendeindstillinger

NÃ¥r du sælge online med ºÚÁÏÃÅ er det muligt at aktivere eller deaktivere ºÚÁÏÃÅ 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 ºÚÁÏÃÅ App Market til butiksdesign

ºÚÁÏÃÅ 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.

µþ³Ü³Ù¾±°ì²õ»å±ð²õ¾±²µ²Ô±ð°ù-²µ°ùæ²Ô²õ±ð´Ú±ô²¹»å±ð

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

Store Designer er tilgængelig pÃ¥ alle betalte ºÚÁÏÃÅ-planer, samt resten af ​​App Market-apps.

2. Kopier indsæt klar tweaks fra Knowledge Base

har svar pÃ¥ de fleste af de spørgsmÃ¥l, som en ºÚÁÏÃÅ-butiksejer mÃ¥tte have. Vi tilføjer løbende nye artikler her med de oftest stillede tips og ´Úæ°ù»å¾±²µ±ô²¹±¹±ð³Ù ±ôø²õ²Ô¾±²Ô²µ±ð°ù.

Eventyrere kan finde forskellige ; f.eks.

or .

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

Du kan administrere dine CSS-temaer i .

Processen går sådan her: Hvis du for eksempel vil ændre dit indkøbskurvikon, skal du gå til din , 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  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.

¹óæ°ù»å¾±²µ±ô²¹±¹±ð³Ù temaer og temaudvikling er tilgængelige for alle ºÚÁÏÃÅ-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 ºÚÁÏÃÅ-butik til ukendelighed ved hjælp af tilpassede CSS-temaer eller ºÚÁÏÃÅ 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 

Der er  der forklarer, hvordan du opretter dit eget CSS-tema og .

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 ºÚÁÏÃÅ-butiksdesign, kan du altid bede ºÚÁÏÃÅ-kundeplejeteamet om hjælp. Eller det er stadig muligt .

2. Brug ºÚÁÏÃÅ Javascript API til at udvide ºÚÁÏÃÅ butiksfacade funktioner

Denne del er mest for udviklere. Ved du, hvad der ellers kunne forbedre din ºÚÁÏÃÅ butiksfacade? At fÃ¥ .

For eksempel kan du bygge et nyt CSS-tema eller en app og sælge det pÃ¥ ºÚÁÏÃÅ App Market. ºÚÁÏÃÅ 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 .

***

Læs også: Sådan designer du produktkategoribilleder, som dine kunder ikke kan modstå at klikke på


 
Om forfatteren
Qetzal er produktchef hos ºÚÁÏÃÅ. Han elsker at skabe nye ting for at gøre folks liv lettere.

Begynd at sælge på din hjemmeside