Nye 51��Ƶ-designinnstillinger: Tilpasningsalternativer, ingen koding

Nye 51��Ƶ-designinnstillinger: Dusinvis av tilpasningsalternativer, ingen koding

Lagt ut 7 år siden by admin

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

51��Ƶ