Tenk deg at du er på en Broadway-musikal: du ser en polert produksjon, men bak kulissene har skuespillerne og crewet lagt ned hundrevis av timer i auditions, leseprøver, generalprøver og mye mer. Alt du ser er resultatet av grundig forberedelse.
På samme måte fungerer en staging-nettside i webutvikling som en «generalprøve» for din faktiske nettside. I stedet for å publisere oppdateringer direkte på en live nettside, bruker utviklere en staging-side for testing og revisjoner til de er klare til å vise arbeidet sitt til et live publikum.
Lær mer om fordelene ved å bruke en staging-side for din e-handelsbutikk, inkludert hvordan du oppretter en staging-side i Shopify.
Hva er en staging-side?
En staging-side er et privat testmiljø for nettsider hvor du kan gjennomgå oppdateringer eller redesign uten å påvirke den live siden. Den simulerer en liveversjon av en side slik at utviklere og interessenter kan oppleve den som en bruker ville gjort hvis den var live.
Et hovedmål med et staging-miljø er å oppdage feil og gjøre revisjoner eller korrigeringer. Vanligvis blir interessenter som markedsføringsteam eller ledelsen involvert i staging-prosessen for å gi tilbakemelding. Når interessentene har gjennomgått testsiden grundig og deres innspill er adressert, publiseres oppdateringene til live-miljøet.
En kritisk oppdatering, som en ny produktbildeseksjon, kan skade konverteringer hvis siden ikke fungerer ordentlig som følge av endringen. Ved å simulere brukeropplevelsen fra å klikke seg til produktsiden til å legge varer i handlekurven kan du avdekke og fikse feil før de påvirker ekte kunder.
Utvikling vs. staging vs. live-sider
Webutvikling foregår i tre hovedarenaer: utvikling, staging og live. Først skrives kode på en utviklingsnettside, deretter publiseres den til en staging-side for kvalitetsvurdering (QA), og til slutt oppdateres live-siden for alle brukere.
1. Utviklingsside
Utviklingssiden er en sandkasse hvor utviklere skriver kode og bringer ideer til live. Det er vanligvis et lokalt miljø som kun er tilgjengelig for utviklingsteamet. Dette stadiet innebærer å legge til bilder, tekst, videoer og kode for tilpassede funksjoner, som interaktive produktfiltre. Selv om noe innledende testing skjer her, er utviklingsmiljøet typisk upolert.
2. Staging-side
Etter at utviklingen er ferdig, publiseres koden til en ny staging-side. Dette er din generalprøve, hvor alle problemer løses som om det var foran et live publikum. Staging-nettsider lever online, typisk på et staging-domene som bruker en staging-side URL som staging.dinnettsidesnavn.com.
Sørg for at staging-siden din ikke er indekserbar, det vil si at du fraråder søkemotorer å vise den i søkeresultater. Du kan gjøre dette raskt ved å legge til noen få kodelinjer. Vurder å gjøre staging-siden passordbeskyttet hvis den har informasjon du ikke er klar til at kunder skal se, som et kommende salg.
Når staging-siden er live, gjennomgår interessenter den og gir tilbakemelding. Koden går deretter tilbake til utviklingssiden, hvor utviklere adresserer eventuelle bekymringer og publiserer endringer til staging-siden igjen. Denne prosessen fortsetter til alle interessenter godkjenner.
3. Live-sider
En live-side er den endelige, offentlige versjonen, også kalt produksjonsmiljøet eller produksjonssiden. Dette er hvor teppet åpnes for publikum og oppdateringer er synlige for alle brukere. De kan gjøre kjøp, engasjere seg med innholdet ditt og samhandle med merkevaren din. Når en endring er live, kan alle få tilgang til den, noe som er grunnen til at grundig QA i staging-fasen er avgjørende.
Hvorfor bruke en staging-side for din e-handelsbutikk?
Å publisere en mislykket oppdatering kan irritere kunder og skade salget, så det er særlig viktig for e-handelsbutikker å bruke staging-sider. En staging-side kan hjelpe deg med å:
- Teste elementer uten å påvirke brukeropplevelsen. Eksperimenter med design og nye funksjoner uten å forringe kundenes opplevelse.
- Fange opp feil før offentlig lansering. Finn feil som handlekurvproblemer, ikke-fungerende knapper eller ødelagte produktbilder.
- Teste integrasjoner uten å forstyrre siden. Test tredjepartsintegrasjoner som APIer (applikasjonsprogrammeringsgrensesnitt) eller fraktkalkulatorer uten å påvirke live-siden.
- Samarbeide med interessenter. Inviter ulike team, designere og interessenter til å gjennomgå og samarbeide om revisjoner.
- Simulere brukeropplevelsen. Opplev siden akkurat som kundene dine vil, slik at du kan finne mangler i handleopplevelsen. Dette er en mer komplett simulering enn bare å bruke interaktive designfiler i et verktøy som Figma.
- Teste nettstedets ytelse. Gjør oppdateringene dine siden din tregere? En staging-side lar deg teste påvirkningen på teknisk ytelse (som også kan påvirke organiske søkerangeringer).
3 måter å opprette en staging-side på Shopify
Standard Shopify-nettsider kommer ikke med en staging-side, så du må opprette en. Det er tre måter å gjøre det på:
1. Dupliser temaet ditt
Dette er den enkleste måten å opprette et staging-miljø med en standard Shopify-plan. Det er en rask oppsettsprosess som bare tar noen få klikk. Du trenger heller ikke å installere tredjepartsapper fordi staging-miljøet ditt vil være bygget inn i Shopifys administrasjonspanel.
Slik oppretter du en staging-side i Shopify ved å duplisere temaet ditt:
1. Gå til Nettbutikk > Temaer i Shopify-administrasjonspanelet ditt.
2. Under Gjeldende tema > Handlinger, velg Dupliser.
3. Du har nå en identisk kopi av ditt live tema. Rediger det fritt uten å påvirke live-siden. Du kan klikke Forhåndsvis for å generere en staging-instans.
4. Når du er ferdig med testingen, kan du gjøre endringene på live-siden din.
Dette alternativet er best for designendringer som layoutjusteringer eller nye sideseksjoner. Det gir imidlertid ikke et testmiljø for integrasjoner eller funksjonalitetsendringer. Husk også at du må manuelt legge til elementene du allerede har
lagt på den eksisterende siden din.
Finn ut mer.
2. Opprett en utviklingsbutikk
Denne metoden krever at du oppretter en ny Shopify partnerkonto, som lar deg bygge en full butikk for testing. Partnerkontoer er designet for utviklere, designere og byråer som bygger og administrerer butikker for klienter. De er gratis og gir deg tilgang til en utviklingsbutikk, slik at du kan speile alt ved hovedsiden din, inkludert nettsidens design og funksjonalitet i et privat miljø.
Slik oppretter du en staging-side ved å bruke en utviklingsbutikk:
1. Registrer deg for en Shopify-partnerkonto.
2. Gå til Butikker > Opprett butikk.
3. Velg Utvikling som butikktype.
4. Navngi den noe som «staging-dinnettsiden» slik at det er lett å skille den fra live-butikken din.
5. Legg til produkter, installer temaet ditt og konfigurer alle innstillingene for å speile live-butikken din.
Nå kan du simulere den fulle brukeropplevelsen uten å risikere den faktiske siden din. Dette er det beste alternativet for funksjonalitetsendringer, inkludert tilpasset kode eller tredjepartsintegrasjoner. Selv om utviklingsbutikker er gratis for testing, har de noen begrensninger. Du kan bare installere gratis og partnervennlige apper og kan bare generere test-fraktetiketter, for eksempel.
Hvis du vil teste flere apper eller opprette funksjonelle fraktetiketter, kan du sette opp en ny betalt butikk på en Basic-plan. Akkurat som hvis du dupliserte temaet ditt, må du manuelt kopiere de tillagte nettstedselementene dine til staging-siden din.
3. Bruk en app
Noen staging-verktøy som Duplify (som tilbyr en begrenset gratis plan) lar deg opprette et staging-miljø som replikerer hele siden din. Du kan deretter teste eksisterende sider og produkter før du går live. Rewind Staging er en lignende app (med gratis prøveperiode) som inkluderer tema-sikkerhetskopier, slik at du kan gå tilbake til forrige versjon hvis noe går galt. Bare gå til Shopify App Store og søk etter staging-apper for å komme i gang.
Slik oppretter du en staging-side ved å bruke Rewind Staging:
1. Installer Rewind Copy på live-siden din fra Shopify App Store.
2. Velg live-butikken din som kildebutikk.
3. Installer Rewind Copy på utviklingsbutikken din.
4. Velg utviklingsbutikken din som destinasjonsbutikk.
5. Kopier nøkkelen fra kildebutikken til destinasjonsbutikken for å knytte butikkene sammen.
6. Velg informasjonen som skal kopieres til staging-siden, slik at den speiler live-siden din.
7. Merk av for Kontinuerlig søk etter kopieringsendringer for å opprettholde synkronisering mellom begge butikkene.
8. Klikk Start oppgave for å begynne kopieringen.
Noen ganger kan manuell duplisering av nettstedet ditt føre til manglende deler, så å bruke en staging-app kan sikre en nøyaktig kopi, spesielt hvis du har et komplisert tema.
Ofte stilte spørsmål om staging-sider
Hva er forskjellen mellom en produksjonsside og en staging-side?
Staging gir en forhåndsvisning av sideoppdateringer. Dette hjelper utviklere med å fange opp feil, teste en sides funksjonalitet og samle tilbakemelding fra interessenter før endelig distribusjon.
Kan du opprette en staging-side for Shopify?
Shopify har ikke en innebygd staging-side; du kan imidlertid manuelt opprette en ved å duplisere temaet ditt, opprette en utviklingsbutikk eller bruke en app som Rewind Copy.
Hvordan gjør jeg nettstedet mitt live på Shopify?
Følg disse trinnene for å gjøre nettstedet ditt live på Shopify:
1. Endre A-posten til rotdomenet ditt og pek den til Shopifys IP-adresse.
2. Endre CNAME-posten til ditt Shopify-hostede domene.
3. Koble til domenet ditt i Shopify.
4. Sett ditt primære domene i Shopify.
