Nye 51视频-designinnstillinger: Tilpasningsalternativer, ingen koding

Nye 51视频-designinnstillinger: Dusinvis av tilpasningsalternativer, ingen koding

12 min lese

Design sier mye for en e-handel lager. Hvis folk enkelt kan navigere i nettbutikken din, har du mye st酶rre sjanse til 氓 konvertere dem. En konsekvent, moderne design kan fortelle kundene at du er en p氓litelig merkevare.

51视频 hjelper enhver bedrift 鈥� selv en liten og nybegynner 鈥� med 氓 se og selge profesjonelt p氓 nettet. Du trenger ikke betale s氓 mye for toppsjiktet webdesignere for 氓 f氓 en mobilvennlig, rent og vakkert e-handel oppbevare.

Vi har lagt til dusinvis av nye funksjoner for butikkfrontdesign til 51视频, slik at du kan gi din e-handel lagre utseendet og f酶lelsen som reflekterer merkevaren din mest.

Det er utrolig enkelt 氓 sette opp hver minste detalj i nettbutikkdesignen din. Endre bildestiler, produktsideoppsett og butikkelementer uten koding. Du vil se det selv i dette innlegget.

De nye innstillingene hekker under i 51视频-kontrollpanelet. For 氓 bruke dem, s酶rg for at du har aktivert alle butikkfrontoppdateringene i .

Aktiver disse oppdateringene i Innstillinger 鈫� Hva er nytt for 氓 se siden for nye designinnstillinger

Hva om jeg bruker den eldre versjonen av 51视频-butikkfronten?

Bytte til den nye butikkfronten kan endre utseendet til butikken din fullstendig. Med de nye designinnstillingene f氓r du flere tilpasningsmuligheter og et mer overbevisende utseende for butikken din. V忙r imidlertid forsiktig hvis du bruker en self-made CSS-tema eller annet spesialutviklet butikkfrontfunksjoner 鈥� de er kanskje ikke kompatible med den nye butikkfronten. Hvis du trenger hjelp, er supportteamet v氓rt der for deg.

Design din nettbutikkfront

Du kontrollerer hele utseendet til produktkatalogen din, fra produktbilder til SKUene og knapper.

1. Velg den beste bildest酶rrelsen for 氓 vise frem produktene dine

Som standard er produktbilder mellomstor, som passer for de fleste butikker.

Noen produkter har viktige detaljer som du kanskje vil visualisere (for eksempel hvis du selger smykker eller malerier). Velg den store bildest酶rrelsen for 氓 la kundene dine beundre dine vakre produkter og fotografier.

Hvis du selger 茅n produkttype i et stort sortiment (for eksempel 200 skinnbelter i forskjellige farger), hold deg til mindre bilder. Butikken din vil vise mange produkter p氓 skjermen og kundene dine vil bli imponert over valget.

Liten, middels og stor bildest酶rrelse for produktbilder

2. Optimaliser bildesideforhold til produktdimensjonene dine

Selger du palmer? Eller kanskje langbeint viser modeller frem designerk氓pene dine? Begge vil se bra ut i vertikale bilder.

Det horisontale forholdet passer brede produkter - for eksempel sko, sofaer eller ern忙ringsbarer.

For runde gjenstander (eller, n氓r du er i tvil), bruk firkantede bilder, de ser alltid bra ut.

Vertikale, horisontale og firkantede produktbilder

Vertikale, horisontale og firkantede bilder

Hvis du vil fremheve produktbilder og f氓 dem til 氓 skille seg ut fra butikkbakgrunnen, velg 芦M酶rk bildebakgrunn禄.

3. Velg hvilken produktinformasjon som skal vises i butikkfronten

I likhet med produktbilder kan du velge mellom mange designalternativer for andre butikkelementer: produktnavn, titler, priser, SKU-er, "Kj酶p"-knapper. Bestem hvordan du skal vise hver av dem - under produktbildet eller ved musepeker.

Vis elementene under produktbilder, ved 氓 holde musepekeren, eller skjul dem

Hvis du velger 氓 plassere informasjonen under produktbildene, er det mulig 氓 angi layout. Juster innholdet ditt til venstre, h酶yre, sentrer eller juster det - du st氓r fritt til 氓 lage det utseendet du liker best.

Ulike oppsett av elementene (produktnavn og pris)

Det er ogs氓 mulig 氓 skjule elementer. Skjul dem alle for 氓 f氓 butikkfronten din til 氓 ligne en lookbook. Ved 氓 klikke p氓 et av produktbildene vil kundene dine g氓 til produktsiden.

Velg 氓 vise et ekstra produktbilde hvis du vil vise flere detaljer. 51视频 vil vise det f酶rste bildet fra produktbildegalleriet ved musepeker.

Ytterligere produktbilde ved musepeker

Disse nye innstillingene gir et stort antall designvariasjoner for butikkfronten din.

4. Design butikkkategoriene dine

Du finner alternativer for 氓 sette opp utseendet til kategoriene dine. Enten du har bilder, ikoner eller merkelogoer for kategoribildene dine, har 51视频 designalternativer for 氓 f氓 dem til 氓 se fantastiske ut.

Kategorinavn under bilder, p氓 dem, p氓 hover, og skjult

Optimaliser produktsider for konvertering

N氓 kan du organisere informasjonen p氓 produktsidene dine p氓 forskjellige m氓ter, avhengig av hva som fungerer best for kundene dine. Hvert designalternativ er laget i henhold til det beste e-handel praksis for 氓酶ke konverteringer.

1. Velg produktsideoppsettet

Det er fire nye alternativer for 氓 organisere innhold p氓 produktsidene dine.

Tiltrekk oppmerksomhet til produktbildene dine. Plassering av en 丑酶测办惫补濒颈迟别迟蝉 produktbilde p氓 venstre side av produktsiden din vil gj酶re det til det f酶rste kundene vil legge merke til. Bruk 2-kolonne layout med produktbeskrivelsen til h酶yre hvis du selger visuelt tiltalende produkter og har korte produktbeskrivelser.

Din 2-kolonne layout med produktbeskrivelsen til h酶yre

Legg til detaljerte produktbeskrivelser. For produkter som elektronikk eller farmas酶ytiske varer kan produktbeskrivelsene v忙re ganske lange. Velg deretter to-kolonne layout med produktbeskrivelsen under bildet. Selv om du legger til en lang bruksanvisning for bruk av produktet ditt, vil siden se harmonisk ut.

Din 2-kolonne layout med produktbeskrivelsen under bildet

Legg vekt p氓 produktalternativer og "Kasse"-knappen. Hvis kundene dine ikke trenger 氓 lese lange beskrivelser eller granske galleriet for 氓 kj酶pe produktene dine, velger du 氓 vise produktalternativene med betalingsknappen til venstre. Si, hvis du selger bittesm氓 akvariefisk.

"Legg til i bag"-knappen i fokus

Minimer rulling og distraksjon. A tre-kolonne layout fungerer hvis du vil at produktsiden din skal vise maksimal informasjon uten ekstra bevegelser.

Den kompakte 3-kolonne layout

Du kan ogs氓 velg oppsettet til fotogalleriet ditt. Hjelp kundene dine med 氓 f氓 f酶lelsen av produktet ditt med et overbevisende bildegalleri. Velg oppsettet for miniatyrbilder av bilder i galleriet ditt (vertikalt eller horisontalt) eller vis hypnotiserende bilder i full st酶rrelse. Jo mer vekslende og detaljerte visninger du viser, jo bedre.

Oppsettalternativer for bildegalleri

3. Velg produktinformasjonen som skal vises i sidefeltet

En produktside som konverterer gir nok produktinformasjon samtidig som den holder den enkel. I 51视频 kan du skjule elementene (som SKU, produktalternativer, deleknapper) hvis du ikke trenger dem, slik at kundene dine ikke blir distrahert p氓 vei til handlekurven.

Det beste er at du kan dra hvert element og organisere dem i hvilken som helst rekkef酶lge. Test mange nye m氓ter 氓 optimalisere produktsidene dine for konverteringer p氓.

Fleksible sidefeltinnstillinger

Endre butikkfrontnavigering og farger

Det er noen flere butikkfrontinnstillinger, som er aktivert som standard for 氓 hjelpe kundene dine med 氓 navigere i butikken din. Du kan sl氓 av hvilken som helst av dem n氓r du vil.

Hvis du bytter fra den eldre butikkfrontversjonen, vil disse innstillingene migrere til den nye butikkfronten slik du hadde dem f酶r.

Fargetilpasningsmodus. Hvis du installerer en 51视频 nettbutikk p氓 nettstedet ditt, vil butikkfargene automatisk matche nettstedets tema. Butikken din vil se ut som en naturlig del av nettstedet ditt.

Bunntekstmenyen og br酶dsmuler hjelpe kunder med 氓 bla gjennom butikken din raskere og forhindre at de g氓r seg vill.

Din logge p氓 link gj酶r det mulig for kunder 氓 logge p氓 profilen sin for 氓 se bestillingene sine og bruke 酶nskelisten.

Alternativer for "Sorter etter". la kundene dine sortere produktene dine etter pris, navn og andre forhold.

Andre m氓ter 氓 endre 51视频 Store Design p氓

De nye designinnstillingene dekker de vanligste brukstilfellene. Hvis du 酶nsker 氓 endre butikken din p氓 andre m氓ter:

Hvis du trenger et tilpasset tema for butikken din uten koding, pr酶v (tilgjengelig p氓 betalte 51视频-planer, apppriser gjelder).
Lag et tilpasset CSS-tema (et sett med regler som bestemmer utseendet til hvert element i butikken, som st酶rrelse, form eller farge). 脜 lage et CSS-tema krever viss teknisk kunnskap. Det er en som forklarer hvordan du lager ditt eget CSS-tema og . Du kan alltid sp酶rre 51视频s kundeserviceteam om hjelp, eller .
For utviklere: Bruk .

Skaff deg et nettsted for bedriften din

51视频-butikken din ser bra ut, men du har ikke et nettsted 氓 selge p氓?

Instant Site er en nettstedbygger som 51视频 tilbyr n氓r du oppretter din 51视频-konto. Dette gj酶res for 氓 la deg raskt begynne 氓 selge online p氓 en ryddig nettside og tjene penger med en gang for 氓 vokse virksomheten din.

N氓r vi snakker om design, er Instant Site bygget med ferdige blokker (omslagsbildet, logoen, nettbutikken, 芦Om oss禄-delen, tilbakemeldinger fra kunder og kontakter) som du kan aktivere, deaktivere og tilpasse.

Hvis du trenger 氓 tilpasse Instant Site, hvem skal du ringe til? Vel, ingen! Du kan redigere hele nettstedet uten spesiell kunnskap, ved 氓 bruke din stasjon忙re datamaskin eller til og med via 51视频 Mobile-butikkadministrasjonsappen for iOS.

bruker v氓r steg for steg veilede.