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 h?ykvalitets 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.

Ocuco 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.

Ocuco 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.

Ocuco 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.