Slik bruker du et BigCommerce-tema for å designe nettbutikken din

Å åpne en nettbutikk er en fin måte å begynne å selge produktene på, eller utvide din eksisterende kundebase. I verden av e-handelsplattformer er BigCommerce en av de populære som tillater deg ikke bare å lansere butikken din, men også å selge og markedsføre dem på steder som e-Bay, Amazon og Facebook på samme tid.

Bortsett fra at du selger på flere kanaler, får du også tilgang til et rikt sett med markedsføringsfunksjoner, komplett administrasjon av inventar, SEO-verktøy og vakre temaer som gjør at du kan ta butikken til neste nivå og presentere produktene i en organisert mote.

Hvis du er ny hos BigCommerce, vil denne artikkelen gå deg gjennom trinnene med å bruke et BigCommerce-tema for å designe nettbutikken din raskt og begynne å selge produktene dine i stil.

Slik bruker du et topp BigCommerce-tema for å designe nettbutikken din. (YourStore)

Men hvis du trenger en primer på hva de kraftige funksjonene til BigCommerce er, og hvorfor du bør vurdere å bruke den som nettbutikkplattform av ditt valg, må du først lese denne artikkelen: 

La oss nå komme i gang med dagens veiledning, ved å begynne med hvordan du velger det beste e-handelstemaet for å designe nettbutikken din med: 

Hvordan velge riktig BigCommerce tema (for din nettbutikk)

Med mange BigCommerce-temaer tilgjengelig, kan det hende at du velger å finne den rette for butikken din først og fremst. Men det er noen få raske tips som kan gjøre prosessen enklere:

  • Kraftige funksjoner - Se etter et e-handelstema som har funksjoner som mega-menyer, prisfiltrering og produkt rask visning. Disse funksjonene vil ikke bare tillate deg å sette alle kategoriene dine i menyen uten å rote hovednavigasjonslinjen, men også la de besøkende få tilgang til de ønskede kategoriene og se produkter og legge dem til i handlekurven uten å klikke gjennom til produktsiden.
  • Responsiv utforming - Velg et nettstedstema som er responsivt, slik at kundene dine kan ha en jevn shoppingopplevelse, selv om de bruker nettbrettet eller en smarttelefon
  • Enkel tilpasning - Sørg for at nettstedstemaet kan tilpasses, slik at du kan integrere merkevaren din sømløst og gjøre butikken din skiller seg ut blant konkurrentene
  • Inkluderer Blogging Tools - Vurder et e-handelstema som tilbyr et bloggalternativ, som vil hjelpe deg med å øke synligheten til butikken din i søkemotorer og tillate deg å markedsføre produktene dine.
  • Moderne Design - Ikke ignorere designaspektet av temaet. Pass på at temaet du velger, har et tiltalende design som passer til din nisje. Du kan også velge et flerbrukstema som de er designet for å fungere godt på tvers av en rekke nisjer

Finn de beste BigCommerce-temaene med vakre, moderne eCommerce-design, som er omtalt i denne kuraterte artikkelen på Envato Tuts +: 

Nå som du vet hva du skal se etter i et tema, la oss dekke hvordan du bruker en til å designe nettbutikken din. Vi tar et innovativt nettbutikk tema fra artikkelen over og viser deg hvordan du setter det opp raskt.

Hvordan begynne å sette opp nettbutikkdesign

Når du kjøper ditt valgte BigCommerce-tema, laster du ned zip-filen til datamaskinen. I forbindelse med denne opplæringen bruker jeg YourStore BigCommerce tema design, men du er fri til å bruke et tema som appellerer mest til deg.

YourStore - Premium BigCommerce tema design.

1. Installer Tredjeparts BigCommerce Tema

For å begynne prosessen med å designe butikken din, pakke ut mappen du lastet ned og åpne den. Du finner dokumentasjonsmappen og temamappen som har zip-filen du trenger å laste opp til BigCommerce-nettstedet ditt.

Laster opp temaet ditt.

Logg inn på nettstedet ditt og klikk deretter på Storefront> Mine temaer i venstre side meny. Du har allerede et tema installert for deg av BigCommerce, men hvis du ruller nedover siden, ser du en knapp som lar deg laste opp et tredjeparts tema. Klikk på Last opp tema knapp.

Først når glidelås filen har lastet opp, vil et temakort vises under Mine temaer viser fremdrift av temabehandling. Når temaet er ferdigbehandlet, vil det dukke opp i dashbordet ditt, og alt du trenger å gjøre er å klikke på temaet og deretter klikke på Søke om knappen for å gjøre den aktiv på nettstedet ditt.

Bruk av ditt nye BigCommerce-tema.

Nå som det nye eCommerce-temaet ditt er aktivt, la oss sette opp de nødvendige sidene før du tilpasser hvordan nettstedet ditt ser ut.

2. Konfigurer BigCommerce Tema Sider

Som standard vil du ha noen sider allerede opprettet når du registrerer deg for BigCommerce. Du kan se og opprette nye sider under Storefront> Websider. Standard sidene inkluderer Shipping og returer, Ta kontakt med side og bloggen side. Hvis du klikker på et hvilket som helst sideavn, kommer du til redaktøren der du kan erstatte standardteksten med din egen eller tilpasse den for å matche butikken din.

Det er enkelt å redigere eksisterende BigCommerce-temasider.

Du kan også legge inn SEO-informasjon for siden under Avansert alternativer, og kontroller hvordan siden vises i navigasjonsmenyen. Når du er ferdig med å redigere noen av sidene, klikker du bare på Lagre og Exit for å lagre endringene dine.

Opprette flere sider som en Handle om side, krever at du klikker på Opprett ny side. Du kan da bestemme om denne siden skal være en faktisk side eller peke til et annet nettsted, skrive inn innholdet, konfigurere SEO-alternativene og avgjøre hvordan det vil vises i navigasjonsmenyen.

Til slutt velger du bloggen siden vil du kunne redigere standardblogginnlegget og opprette nye blogginnlegg. Som du kan se fra skjermbildet nedenfor, kan postredigereren du legge inn tittelen, forfatteren og innholdet i blogginnlegget ditt. Du kan laste opp bilder og velge et miniatyrbilde som vil vises som det kjente bildet for innlegget ditt.

Dine valg når du lager et nytt blogginnlegg i BigCommerce.

Når du er ferdig med å redigere og legge til nye sider, er det på tide å tilpasse nettbutikkdesign.

Slik raskt tilpasser du BigCommerce Theme

Tilpassing av butikkens design innebærer flere trinn: Tilpasse selve temaet, laste opp logoen din, redigere hjemmelagets karusell for å inkludere produktbilder og legge til sosiale medier.

For å få tilgang til tilpasningsalternativene, gå til Storefront> Mine temaer og klikk deretter på Tilpass knappen på ditt aktive tema.

BigCommerce tema tilpasning er ganske grei. 

Sidebjelmenyen på Tilpassingsskjermbildet lar deg velge en annen stil på temaet, endre skrifter, farger, logodimensjoner, skjemaer og mer.

Designredigeren er super enkel å bruke. 

Du kan til og med endre ikonene som brukes på nettstedet ditt og angi fargene dine slik at du enkelt kan bruke dem på nytt i andre deler av butikken din.

Konfigurere din egendefinerte logo. 

Redaktøren lar deg også kontrollere antallet produkter som vises på hjemmesiden din, antall produktanmeldelser som vises på individuelle produktsider og mer.

Til slutt kan du også redigere temafiler hvis du kjenner deg rundt kode og vil virkelig tilpasse nettstedet. Etter å ha gjort de ønskede endringene, klikk på Lagre endringer.

Når du er ferdig med å tilpasse utseendet til nettstedet ditt, navigerer du til Storefront> Logo å laste opp et logo bilde og et favicon for nettstedet ditt.

Det neste trinnet er å tilpasse startsiden karusellen. For å gjøre det, velg Hjemmeside karusell link. På følgende skjermbilde kan du laste opp dine egne bilder, omorganisere dem og kontrollere tekstoverlegget som vises på bildene.

Konfigurere Hjemmesiden karusellen i BigCommerce.

Til slutt, naviger til Sosiale medier lenker og skriv inn linkene til dine sosiale medier profiler. Dette vil tillate deg å begynne å bygge følgende og nå dine kunder på deres foretrukne plattform for å holde dem oppdatert med de nyeste produktene som er lagt til i butikken din eller spesielle kampanjer. Du kan legge opp til seks profiler og bestille dem uansett.

Du kan legge til opptil 6 sosiale medier profilkoblinger. 

Slik legger du til ditt første produkt i din nettbutikk

Når BigCommerce-temaet ditt er satt opp, kan du begynne å legge til produkter i butikken din og konfigurere produktalternativer. 

I BigCommerce dashbordet navigerer du til Produkter. Når du registrerer deg for BigCommerce, har du noen eksempler på produkter som allerede er opprettet. 

Menyen over produktlisten gir deg mulighet til å se alle produktene, eller se dine utvalgte varer eller produkter som har gratis frakt. Dette er en praktisk funksjon som lar deg raskt finne det produktet du ønsker og redigere det senere.

Modell dine nye produkter etter de medfølgende prøvene.

For å legge til et nytt produkt, kan du klikke på noen av utvalgsproduktene og redigere informasjonen med din egen. På redigeringsskjermen kan du angi produktnavn, skatteinformasjon, produktkategori og en beskrivelse av produktet. 

Du kan også laste opp bilder og videoer som viser produktene dine, konfigurere produktalternativer som størrelser og farger, sett massepriser og mer.

Her er visningen din for redigering av produkter. 

Når du er ferdig med å redigere produktet i BigCommerce, kan du lagre det. Du kan også klikke på pilen ved siden av lagre-knappen for flere alternativer, for eksempel lagre og duplisere.

Hvis du vil starte fra begynnelsen, klikker du bare på Produkter og så Legg til å sette inn et helt nytt produkt. Du kan deretter slette prøveproduktene ved å velge dem og klikke på Slett ikon.

5 design tips for å få mer ut av nettbutikken din

Med ditt BigCommerce-tema tilpasset og produktene dine lagt til i butikken din, er hoveddelen av din tilpasning gjort. Det er imidlertid viktige eCommerce design teknikker som vil bidra til å øke konverteringsfrekvensen. Her er fem raske designtips for å søke på nettbutikken din:  

1. Bruk høy kvalitet bilder

Når det gjelder e-handel, er produktbilder det viktigste elementet på nettstedet ditt. Dette er ikke stedet å bruke små eller uklare bilder. I stedet sørg for at bildene gjør produktene rettferdighet. 

Bildene dine bør være godt opplyste og store nok til å vise produktene dine tydelig. Sørg imidlertid for å optimalisere bildene dine før du laster dem opp til nettstedet ditt for å sikre at bildestørrelsen ikke reduserer nettstedet ditt.

Lær alt om produktfotografering i serien vår på Envato Tuts +, eller kom i gang med opplæringen nedenfor: 

2. Velg Kontrastfarger for knappene dine

Kontroller at knappene dine skiller seg ut fra resten av nettstedet ditt. Dette gjelder også Kjøp-knappene og en annen Call to Action-knapp. Ved å bruke en kontrastfarge vil dine besøkende kunne legge merke til dem mer, noe som øker sjansene for at de faktisk klikker og foretar et kjøp.

3. Sørg for at temaet ditt er responsivt

Massevis av nettbasert forskning viser at flere mennesker bruker sine mobile enheter, ikke bare for å starte sin forskning, men også å kjøpe ulike produkter. Det er også verdt å nevne at søkemotorer favoriserer mobilvennlige nettsteder. 

Når du tar det i betraktning, er det lett å se hvorfor nettbutikken din må se bra ut, uansett hvilken enhet de besøkende bruker. Å velge et responsivt BigCommerce-tema ut av boksen vil spare deg for trøbbelene og eliminere muligheten for at besøkende forlater nettstedet ditt.

Husk at BigCommerce også lar deg tilpasse hvordan butikken din ser på mobiltelefoner, tabletter og stasjonære datamaskiner, slik at du enkelt kan teste temaet ditt og se om alt fungerer som det skal på tvers av forskjellige skjermstørrelser.

4. Unngå cluttering ditt nettsted

En av de største feilene du kan gjøre er å rote sidene i butikken din med navigasjonsforbindelser og for mange produkter på en side. BigCommerce lar deg finjustere antall produkter som vises på hjemmesiden din, samt antall anmeldelser på individuelle produktsider. Unngå å sette dette nummeret for høyt, da det vil distrahere dine besøkende og resultere i å forlate nettstedet ditt.

Du bør også sørge for at hovednavigasjonen din bare viser de viktigste sidene og toppnivåkategorier for å gjøre det enklere for kundene dine å navigere på nettstedet ditt. Bruk et tema med en mega-menyfunksjon for å legge til underkategorier og vise dem som en rullegardinmeny uten å rote nettstedet ditt.

Pass på at du bare har de beste produktene på nettstedet ditt: 

5. Gjør bruk av Quick View-funksjonen

Mange BigCommerce-temaer har en innebygd hurtigvisningsfunksjon. Dette gjør at kundene dine kan klikke på noe produkt og umiddelbart se alle produktdetaljer. De kan også legge til varen direkte i handlekurven sin, og fortsett til kassen eller fortsett å handle. 

Ved å bruke denne funksjonen, trenger de ikke å klikke gjennom til produktsiden som forenkler shoppingopplevelsen og øker sjansene for at de kjøper. Pair det med en sidevisning for å forenkle handelen og øke konverteringsfrekvensen for nettbutikken din.

Konklusjon: Lag en flott nettbutikk raskt med BigCommerce

Å få butikken din startet på høyre fot øker sjansene for suksess og gjør det enklere å vise produktene dine på en tiltalende måte. Heldigvis er BigCommerce en flott plattform med mange funksjoner for å hjelpe deg med å sette opp butikken din og begynne å selge på nettet med en gang. 

Bruk tipsene ovenfor til å velge riktig eCommerce-tema for butikken din og for å tilpasse det for å matche din merkevarebygging.

Hvis du fortsatt er i undersøkelsesfasen, vurderer hvilken type nettbutikk som skal lanseres, les denne omfattende opplæringen fra Editor-in-Chief hos BigCommerce Tracey Wallace. Lær alt om de viktigste beslutningene du må gjøre når du kommer i gang: 

Hvilke viktige funksjoner går inn i nettbutikkdesign? Har du satt en tidslinje for å starte og er du på mål for å slå den? Lykke til med å starte nettbutikken din.