51Ƶ

Alt hvad du behøver for at sælge online

Opret en onlinebutik på få minutter for at sælge på et websted, sociale medier eller markedspladser.

En omfattende guide til tilpasning af dit 51Ƶ-butiksdesign

En omfattende guide til tilpasning af dit 51Ƶ-butiksdesign

12 min læses

UDP: I april 2018 udgav vi nye designindstillinger i 51Ƶ! Lær, hvor dybt du kan tilpasse din 51Ƶ-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.

51Ƶ-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 51Ƶ-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

Hurtig og nem

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: 51Ƶ 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 51Ƶ Instant Site, hvis du ikke har en hjemmeside

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

51Ƶ Instant websted

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 51Ƶ 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. 51Ƶ-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 .

æ: 51Ƶ + Wix-handlere kan matche farverne på deres websted og gemme i 51Ƶ Wix-applikationsindstillingerne.

Wix og 51Ƶ farveindstillinger

51Ƶ butiksdesignindstillinger på Wix-websteder

Trin 2: Aktiver farvetilpasningstilstand

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

51Ƶ Color Adaptive Mode

Hvad hvis du tilføjer din 51Ƶ-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 51Ƶ-købmænd. æ: 51Ƶ + Wix-handlere kan matche farverne på deres websted og kun gemme i 51Ƶ Wix-applikationsindstillingerne.

3. Spil med hurtige udseendeindstillinger

Når du sælge online med 51Ƶ er det muligt at aktivere eller deaktivere 51Ƶ 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.

Udseende indstillinger

Niveau 2: Eventyrer

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 51Ƶ App Market til butiksdesign

51Ƶ 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

ܳپԱ-æԲڱ

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

Store Designer er tilgængelig på alle betalte 51Ƶ-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 51Ƶ-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.

CSS-temahåndtering i 51Ƶ

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 51Ƶ-købmænd.

Niveau 3: Veteran

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 51Ƶ-butik til ukendelighed ved hjælp af tilpassede CSS-temaer eller 51Ƶ 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 brugerdefineret CSS-tema

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 51Ƶ-butiksdesign, kan du altid bede 51Ƶ-kundeplejeteamet om hjælp. Eller det er stadig muligt .

2. Brug 51Ƶ Javascript API til at udvide 51Ƶ butiksfacade funktioner

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

For eksempel kan du bygge et nyt CSS-tema eller en app og sælge det på 51Ƶ App Market. 51Ƶ 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å


 

Indholdsfortegnelse

Sælg online

Med 51Ƶ Ecommerce kan du nemt sælge hvor som helst, til hvem som helst - på tværs af internettet og rundt om i verden.

Om forfatteren

Qetzal er produktchef hos 51Ƶ. Han elsker at skabe nye ting for at gøre folks liv lettere.

E-handel, der har din ryg

Så enkel at bruge - selv mine mest teknofobe klienter kan administrere. Nem at installere, hurtig at sætte op. Lysår foran andre shop-plugins.
Jeg er så imponeret over, at jeg har anbefalet det til mine webstedsklienter og bruger det nu til min egen butik sammen med fire andre, som jeg webmaster for. Smuk kodning, fremragende support i topklasse, god dokumentation, fantastiske how-to-videoer. Tak så meget 51Ƶ, du rocker!
Jeg har brugt 51Ƶ, og jeg elsker selve platformen. Alt er så forenklet, at det er sindssygt. Jeg elsker, hvordan du har forskellige muligheder for at vælge fragtfirmaer, for at kunne indsætte så mange forskellige varianter. Det er en ret åben e-handelsport.
Nem at bruge, overkommelig. Ser professionelt ud, mange skabeloner at vælge imellem. Appen er min yndlingsfunktion, da jeg kan administrere min butik direkte fra min telefon. Kan varmt anbefales 👌👍
Jeg kan godt lide, at 51Ƶ var nem at starte og bruge. Selv for en person som mig, uden nogen teknisk baggrund. Meget velskrevne hjælpeartikler. Og supportteamet er det bedste efter min mening.
For alt, hvad det har at tilbyde, er ECWID utrolig nemt at konfigurere. Kan varmt anbefales! Jeg lavede en masse research og prøvede omkring 3 andre konkurrenter. Bare prøv ECWID, så er du online på ingen tid.

Dine e-handelsdrømme starter her