Avansert guide til Shopify: Hvordan selge online i 2020

Hvis du har lagt hendene på Shopify – hvis ikke har du det, les vår begynnerguide for Shopify – har du sannsynligvis støtt på noen feil eller problemer som de vanlige kanalene ikke kan hjelpe deg med. Det kan være en app som fungerer morsom, eller en slags funksjonalitet som ingen noen gang har tenkt på før. Å få Shopify til å fungere riktig i disse tilfellene kan være veldig smerte.


Disse scenariene er frustrerende, men dessverre er de den sanne sannheten hvis du jobber i Shopify-miljøet. Men ikke bekymre deg, Cloudwards.net er her for å hjelpe.

I denne avanserte guiden til Shopify, skal vi lede deg gjennom mer avanserte ting om Shopify. Vi forklarer hvordan du velger riktig tema og hvordan du tilpasser strukturen og designen. På toppen av det viser vi deg hvordan du håndterer produkter på riktig måte og hvilke apper du bør vurdere å installere. La oss komme i gang.

Hvordan velge riktig tema for Shopify

Først skal vi forklare deg hva et tema er. Tenk på det som fasaden på butikken din. Du bestemmer ikke hvordan butikken din skal se ut basert på temaet ditt, men du vil veilede den i en viss retning.

Det er viktig at du tenker på temaet du vil bruke før du begynner å bygge butikken din, fordi du vil spare deg for tid og penger senere. For eksempel, hvis et tema har en innebygd sidefelt-funksjonalitet, trenger du ikke å tilpasse det senere, fordi du kan legge det til i butikken din uten anstrengelse.

På Cloudwards.net har vi laget en praktisk sjekkliste som gjør det enkelt for deg å velge riktig tema.

Shopify-Theme-Store

Temakriterium 1: Forretningskrav

Så banale som det høres ut, er virksomhetens krav viktige når du velger tema. Som vi sa i vår artikkel om hvordan du bygger en webside fra bunnen av, starter alt med et utkast.

Tenk først på kravene dine og lag en liste over ting du tror er nødvendige for butikken din. Her er en kort liste over spørsmål vi foreslår å stille når du vurderer Shopify-temaer:

  • Hvordan vil du at kundene dine skal navigere gjennom butikken din
  • Bør det være en søkefunksjon
  • Vil du ha en sidefelt med navigasjon
  • Trenger du en mega-meny
  • Hvor stor er produktporteføljen din
  • Hvordan vil du markedsføre butikken din senere
  • Trenger du glidebryteren på toppen
  • Bør butikken utstyres med en blogg

Produktporteføljepunktet er spesielt viktig. Avhengig av hvor mange produkter du vil vise i butikken din, bør temaet støtte deg og ikke blokkere eller hindre deg. I utgangspunktet er det tre porteføljestørrelser i Shopify-verdenen: enkeltprodukt, liten katalog og stor katalog.

Du kan finne temaer i Shopify Theme Store, og hvis du ser, kan du finne deres respektive funksjoner, inkludert produktporteføljestørrelse, i beskrivelsen av hvert tema..

Shopify-Theme-Debut-funksjoner

Hvis du liker et tema som ikke dekker alle kravene dine, prioriter du. Det er lite sannsynlig at ett tema vil dekke alle dine behov.

Temakriterium 2: Søkemotoroptimalisering

Fordi du kanskje ikke ønsker å plassere betalte annonser hele tiden, bør du også tenke langsiktig om økologisk markedsføring. Det er fornuftig å sjekke noen av de viktigste tekniske optimaliseringskriteriene for søkemotorer på forhånd, for eksempel:

  • Lastetid fra første visning
  • Sidehastighet mobil
  • Sidehastighets skrivebord
  • Cross-browser kompatibilitet

Du kan teste sidehastigheten med PageSpeedInsights fra Google. Når det er sagt, fordi dette er tidkrevende og kanskje ikke er mulig for alle temaer – du må kjøpe noen av dem – du kan gjøre research på internett på forhånd.

Google-Side-Speed-indeks

Temakriterium 3: Pris

Dessverre vokser ikke penger på trær, og som gründer må du følge med på kostnadene dine. Derfor oppstår det gamle spørsmålet: gratis eller kjøp?

Vi kan råde deg til å jobbe med betalte temaer, men det vil bare være halve sannheten. De fleste betalte temaer er bedre med tanke på funksjonalitet. Periode. Du må selv bestemme om det er verdt å kjøpe et betalt tema basert på hva du planlegger å gjøre med butikken din.

Hvis du lener deg mot et gratis design, er det også bra. Når det er sagt, bør du spørre deg selv hvor mange apper, som ligner plugins i WordPress, du må installere i etterkant fordi det meste koster penger og forverrer lastetiden for butikken din. Kanskje det er mer fornuftig å begynne med et betalt tema enn med et gratis tema som du må utstyre med apper.

En god praksis, spesielt for nybegynnere, er å holde seg til gratis temaer fordi det er lettere å få støtte fra Shopify enn fra tredjeparter. Vi forklarer hva det betyr fremover.

Temakriterium 4: Støtte

Støtte og dokumentasjon er et viktig kriterium for å velge det optimale Shopify-temaet. Shopify tilbyr støtte for følgende temaer:

  • Grenseløs
  • minimal
  • Jumpstart
  • Forsyning
  • pop
  • debut
  • Enkel
  • Venture
  • Brooklyn
  • Fortelling

Hvis du velger et annet tema enn det som er oppført, vil du være avhengig av tredjepartsutviklere. Det betyr at Shopify ikke kan gi mye støtte når det gjelder detaljene i temaet.

Når det er sagt, må du sjekke hvor mye støtte Shopify gir generelt. Vanligvis, når det gjelder tekniske problemer og dyp tilpasning, som raskt er tilfelle med Shopify, vil tjenesten, som tredjepartsleverandører, belaste deg eller videresende deg til en tredjepartsleverandør, som igjen vil gi deg betaling for sitt arbeid.

Dokumentasjon er også viktig. Ta en titt på hvor dokumenterte temaene er. Du vil bli overrasket over hvor mangfoldig kvaliteten på temadokumentasjonen er. Spesielt med betalte temaer, varierer kvaliteten mye. Du kan finne koblingen til dokumentasjon for hvert tema i Shopify Theme Store.

Shopify-Theme-Supply-dokumentasjon

Temakriterium 5: Omtaler

Sist, men ikke minst: stole på mengden. Du er ikke den første som åpner en Shopify-butikk. Ta deg god tid og les anmeldelser.

Ikke la dårlige anmeldelser fraråde deg for mye fra å bruke et bestemt tema. I mange tilfeller er brukernes kommentarer uvitende eller et uttrykk for frustrasjon som faller ned i vurderingsdelen, som vi kan se på skjermdumpen nedenfor.

Shopify-Theme-Debut-omtale

“Swagger Boutique” klager over debut-temaet. Uttalelsen om at bildene ikke tilpasser seg på telefonen er tull. Alle Shopify-temaer svarer til gjeldende standarder. Derfor bør du følge rådene våre og se nærmere på vurderingene før du tar en beslutning.

Tilpasning: Pushing Pixels med væske

Nå som du har valgt temaet du ønsker, skal vi fortelle deg hvordan du kan bruke Liquid til å tilpasse det til dine behov. Det er viktig å merke seg at hvis du begynner å tilpasse, bør du holde deg til temaet ditt fordi endringer, tilpasning og designarbeid du har gjort, vil gå tapt når du bytter tema.

Enkelt sagt må du gjøre utviklingsarbeidet igjen. Forsøk å bare bruke ett tema fra begynnelsen og gjøre det passordbeskyttet.

Viktige råd: husk å lage flere kopier av temaet ditt. Ideelt sett bør du lage vanlige sikkerhetskopier og navngi dem deretter, spesielt hvis du installerer apper.

For å redde deg fra en potensiell katastrofe, viser vi deg hvordan du kan utvikle deg i Shopify ved å bruke Liquid. I de neste seksjonene vil vi se nærmere på de viktigste komponentene i Shopify utviklingsmiljø.

Hvis du trenger mer informasjon om væskekoding, kan du se på den offisielle væskereferansen eller kontakte en utvikler.

Grunnleggende om tilpasning

La oss sparke det med noen grunnleggende ting.

Klikk “nettbutikk” for å få tilgang til tilpasningsmenyen i butikken din. En meny skal vises med følgende elementer: “temaer”, “blogginnlegg”, “sider”, “navigasjon”, “domener” og “preferanser.” Klikk på “temaer” for å fortsette.

På høyre side av skjermen ser du to store områder: “nåværende tema” og “flere temaer.” I området “nåværende tema” finner du vel det aktuelle temaet. Det andre området viser temaene du har lastet ned fra temabutikken.

Shopify-Theme-Tilpasse-Basics

Til høyre for temaet er “tilpasse.” Klikk på den for å få tilgang til tilpassingsmenyen.

Shopify-Theme-Tilpasse-Basics-Tilpass

Du er nå i tilpasningsmenyen, der du kan gjøre de ønskede endringene i temaet ditt. På venstre side ser du kontrollpanelet, som du kan redigere de enkelte delene av den aktive siden med.

Shopify-tema-tilpasnings-Basics-Tilpass-Control-Panel

Ved siden av “seksjoner”, finner du området “temainnstillinger”, der du kan justere de generelle innstillingene for temaet, for eksempel skrift, farger og ikoner..

Shopify-tema-tilpasnings-Basics-Tilpass-Control-Panel-Tema-innstillinger

Det er også her du finner dokumentasjonen for temaet ditt og kontaktinformasjonen for support.

Shopify-Theme-Tilpasse-Basics-Tilpass-dokumentasjon

Du kan også dykke ned i temaets Liquid-kode under “temahandlinger” > “Rediger kode” for dypere tilpasning. Vi vil snakke mer om det senere.

Shopify-Theme-Tilpasse-Basics-Edit-kode

I toppfeltet kan du se navnet på temaet du redigerer. Du ser en meny der du kan hoppe mellom sidene du vil tilpasse.

Shopify-Theme-Tilpasse-Basics-Tilpass-Change-side

Ved siden av den menyen kan du velge mellom skrivebordsversjonen og mobilversjonen.

Shopify-Theme-Tilpasse-Basics-Tilpass-Mobile-versjon

Det er viktig å merke seg at hvis du er i ferd med å tilpasse, grave gjennom dokumentasjonen og innse at du gjorde alt riktig, men funksjonen fremdeles ikke fungerer, kan det skyldes at noen funksjoner i Shopify, spesielt apper, bare fungerer hvis temaet er publisert.

Seksjoner: Piece by Piece to a Beautiful Shop

“Seksjoner” er gjenbrukbare byggeklosser som du kan bruke til å lage og designe hjemmesiden til Shopify. Det er imidlertid ingen måte å bruke dem på andre sider enn destinasjonssiden. For å lære hvor viktig en destinasjonsside er, kan du lese vår guide for hvordan du bruker Instapage.

I utgangspunktet skiller Shopify mellom statiske og dynamiske seksjoner. Statiske seksjoner er, som navnet antyder, statisk innebygd i temaet. Topptekst og bunntekst er gode eksempler på statiske seksjoner. De kan ikke legges til i tilpasningsmenyen. Du kan bare sette dem inn gjennom programmering.

Shopify-Theme-Tilpasse-Basics-customize-statisk Seksjoner

Dynamiske seksjoner er derimot byggesteinene som du dynamisk kan legge til i den tilpassede redigereren. Du gjør det ved å velge “legg til seksjon.”

Shopify-Theme-Tilpasse-Basics-customize-Dynamic-Seksjoner

Etter det bør du se en liste over tilgjengelige seksjoner for temaet ditt.

Shopify tema-Tilpasse-Basics-customize-Dynamic-Seksjoner-List

Ikke bli overrasket hvis listen din ser annerledes ut enn vår. Det er seksjoner som de fleste temaer har felles, men mange har også egne spesialavsnitt.

Velg riktig seksjon og velg den. En “legg til” -knapp skal vises ved siden av navnet. Seksjonen vises også i forhåndsvisningsfunksjonen.

Shopify-Theme-Tilpasse-Basics-Tilpass-Add-seksjon

Hvis du vil sette inn delen, trykker du på “legg til” -knappen.

Spørsmålet er hvorfor Shopify skiller mellom statiske og dynamiske seksjoner hvis vi bare kan bruke seksjoner på hjemmesiden. Vi mistenker at Shopify også jobber med å bruke seksjonsfunksjonaliteten på andre sider.

Theme.scss.liquid: Hjertet i utseendet og følelsen din

Nå som du vet hvordan du endrer strukturen på destinasjonssiden din, vil vi vise deg hvordan du kan endre utseendet. For å gjøre dette, klikk på “temahandlinger”, og velg deretter “rediger kode.”

Etter det skal du se følgende grensesnitt:

Shopify-Development-IDE

Der kan du se mange filer fordelt på syv store mapper:

  • Oppsett
  • maler
  • seksjoner
  • Tekstutdrag
  • Eiendeler
  • config
  • steder

“Eiendeler” -mappen er spesielt interessant for oss.

Shopify-Development-mappe

Åpne filen “theme.scss.liquid”.

Shopify-Development-SCSS

I de fleste tilfeller er filen flere tusen linjer med kode lang. I vårt eksempel er det 7 098 kodelinjer. Det er fordi all styling er gjort i det. Hvis du vil gjøre CSS-endringer, gjør deg selv en tjeneste og gjør det der.

Shopify-produkter: Håndtering av produkter som en proff

Nå som du vet hvordan du endrer utseendet på butikken din, skal vi snakke om hva som er inni den: produkter. Vi forklarte hvordan du lager produkter i nybegynnerguiden. Nå skal vi gå dypere og snakke om varianter og alternativer.

Alle produktene kan ha varianter, selv om de ikke trenger det. Hver variant har forskjellige alternativer, ellers ville ikke variantene være fornuftige. Et vanlig eksempel er fargevarianten:

Shopify-Produkter-varianter

Som du ser på skjermdumpen over, kan du utstyre det samme produktet med forskjellige farger uten å måtte lage et nytt produkt for hver enkelt, noe som er nyttig.

Slik importerer du produkter i Shopify

Hvis du har en butikk med et stort antall produkter, kan det være lurt å ikke legge hvert produkt individuelt til butikken din. Derfor tilbyr Shopify en bulkimportfunksjon.

I hovedmenyen til Shopify klikker du på “produkter” -fanen til venstre for å gå inn i produktmenyen.

Shopify-Main-menu-produkter

Trykk på “import.”

Shopify-Produkter-Import

Du bør se et vindu der du kan laste ned en .csv-filmal for importen. Fyll den med produktene dine og last dem opp igjen. Fordi feltene i malen er forvirrende, anbefaler vi at du bruker den offisielle Shopify-forklaringen mens du fyller den ut.

Shopify-Produkter-Import-Popup

Her er flere eksperttips for å gjøre importarbeidet enklere:

  • Hvis du importerer mange produkter, kan du først laste opp produktbildene til Shopify. Det vil sikre at bildene allerede har en Shopify-URL, som du må skrive inn til opplastingsfilen. Ellers må du tilordne alle bilder manuelt til produktene og variantene.
  • For produkter med varianter, må du la visse felt være tomme, slik at Shopify lager dem som varianter og ikke som frittstående produkter.
  • Pass på Excel-fellen. Excel bruker semikoloner som separatorer for .csv-filer som standard, men Shopify gjør det ikke. Forsikre deg om at opplastingsfilen er atskilt med komma og ikke med semikolon.
  • Det er også viktig at du legger lister og oppregninger i anførselstegn og at du bruker perioder i stedet for komma for å angi størrelser og priser.

Apper: Nyttige forbedringer for Shopify

I likhet med plugins i WordPress er apper i Shopify funksjonelle utvidelser som du må installere separat. Noen er gratis, og andre er det ikke. Hvis WordPress alt er gresk for deg, har vi utarbeidet noen WordPress-guider:

  1. Begynnerveiledning for bruk av WordPress
  2. Mellomveiledning for bruk av WordPress
  3. Avansert guide til bruk av WordPress

Her er de beste Shopify-appene våre:

Kit: Kjør bedre Facebook-annonser

Kit er en app som ble utviklet av Shopify for å hjelpe deg med å forbedre Facebook-markedsføringen. Ikke bare er det gratis å bruke, men det fungerer også som en virtuell assistent og gir vanlige Facebook Messenger-forslag for å få mer trafikk til nettbutikken din. Det er et must for alle som gjør Facebook-markedsføring for butikken sin.

Oberlo: Finn produkter du vil selge på Shopify

Oberlo er den perfekte følgesvenn for deg som vil gjøre dropshipping med nettbutikken sin. Appen er koblet til flere dropshipping-markedsplasser, for eksempel AliExpress, og gir mulighet for en enkel produktimport til din Shopify-butikk.

Alt du trenger å gjøre er å installere appen for å bla gjennom tusenvis av tusenvis av produkter og importere dem til nettbutikken din med et enkelt klikk. Etter at kunder har lagt inn en bestilling i din nettbutikk, trenger du bare gjøre en bestilling i Oberlo for å sende produktene til kunden direkte fra leverandøren.

Shopify-Apps-Oberlo

Hotjar: Forstå virkelig hvordan de besøkende interagerer på nettstedet ditt

Hotjar er et nyttig verktøy som du kan bruke til å lage varmekart for nettbutikken din. Det gir deg også muligheten til å se innspillinger av besøkende som navigerer i butikken din.

Appen gir mye mening fordi den lar deg identifisere de delene av nettstedet som fungerer bra og de som blir ignorert av de fleste besøkende. Det er spesielt viktig for nettbutikken din fordi du for eksempel vil finne ut hvilke produkter som blir sett, men ikke kjøpt. Det gjør Hotjar til et av de beste blygenerasjonsverktøyene på markedet.

Du kan lære hvordan det fungerer i detalj og hvordan du kan integrere det i butikken din på Hotjar-nettstedet.

Fet tilpasset prisfastsetting: Salgs- og konverteringsoptimalisering

Bold Custom Pricing ble utviklet av Bold Commerce, som er en stor aktør i Shopify-miljøet og har utviklet mange nyttige apper. Vi er spesielt interessert i fet tilpasset prising fordi det lar deg aktivere volumrabatter og andre prissettingsprikker. Fremfor alt kan du opprette kundegrupper og belønne lojale kunder med passende rabatter.

En stor ulempe med appen er at Fet handel endrer mye av temaet ditt for å gjøre fet design tilpasset. Mange. Jevne filer, for eksempel product-template.liquid, vil se annerledes ut og være vanskelige å vedlikeholde. Du vil være avhengig av Bold Commerce-støtte.

Flere hint på apper

Hver app endrer koden til temaet ditt. Sørg for å ta en sikkerhetskopi før du installerer noen app. Hvis du ikke vet hvor du skal se etter en god sikkerhetskopitjeneste, kan du lese anmeldelser om sikkerhetskopiering på nettet.

Hvis du har flere apper installert i butikken din, kan det komme problemer med å installere flere. I de fleste tilfeller skyldes det at temaene og muligens appene som allerede er installert, skiller seg fra butikk til butikk og endrer koden på en slik måte at det ikke er noen standardisert måte å installere flere apper på.

Det er også grunnen til at du ikke bør prøve å installere flere apper samtidig. Du mister oversikten over endringene raskt. Ta deg god tid og installer en app om gangen.

Du bør unngå å gi supportteamene øyeblikkelig tilgang til butikken din. Ellers vet du ikke hvilken app som er installert og integrert og hvilken ikke.

Siste tanker

Vi håper vi ga deg nyttige tips og triks med denne grundige Shopify-guiden. Shopify er en nyttig og god plattform for å starte en nettbutikk med et øyeblikk, spesielt hvis du ikke vet hvordan du skal kode.

Når det er sagt, hvis du har avanserte teknologiske ferdigheter, blir Shopify en kraftig og tilpassbar alliert som kan designes for nesten enhver online virksomhet.

Hvis du har mer grunnleggende spørsmål, er nybegynnerguiden vår, som er lenket øverst i denne artikkelen, best for deg. Hvis du har flere spørsmål, kan du gjerne spørre dem i kommentarene. Takk for at du leser.

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me