Shopify Nettbutikk 2.0 - Alt du trenger å vite

Hvis du abonnerer på en tjeneste fra en lenke på denne siden, kan Reeves and Sons Limited tjene en provisjon. Se vår etisk uttalelse.

I 2020 sjekket over 450 millioner mennesker ut Shopify. Selskapet behandlet mer enn 120 milliarder dollar i brutto varevolum. Det er et åpenbart faktum at Shopify er enorm og vokser seg større.

Shopify på tirsdag (29. juni 2021) kunngjorde en rekke nye funksjoner, rettet mot å gjøre plattformen mer tilpassbar for alle som driver en butikk på Shopify. på nett Shopify 2.0 tilbyr en massiv liste over nye funksjoner og temaer for Shopify leverandørene.

Ordet fra Shopify er at nettbutikken 2.0 er frukten av den viktigste gjenoppbyggingen av språket den bruker for malbygging: det flytende språket.

For det første vil den oppussede nettbutikken gjøre det enkelt for utviklere å legge til tilpassede funksjoner i butikkene. Netflix fikk tilgang til denne plattformen tidlig, og de brukte tilgangen til å opprette Netflix.shop - den første netthandelsbutikken for Netflix.

Her er en kort oversikt over hva Online Store 2.0 betyr for deg.

Oversikt

Nye funksjoner i Online Store 2.0 starter med en fersk redigeringsopplevelse. Den nye redaktøren gjør det veldig enkelt for selgere å bygge butikkfronter fra bunnen av, legge til forskjellige temautvidelser og administrere apper innen temaer. Ideen med den nye redaktøren var å sentralisere alle tilgjengelige funksjoner og funksjoner.

Referansetemaet Dawn, det nye standardbutikkfronttemaet under utvikling, vil være 35% raskere enn det nåværende standardtemaet (i henhold til interne estimater). Shopify nevnte også at det nye temaet vil være åpent for utviklerinnleveringer fra 15. juli 2021.

I tillegg Shopify avslørte også at selskapet kommer til å øke sine infrastrukturinvesteringer og utviklerverktøy betydelig. Som et resultat trenger du ikke som selger å gå gjennom hodepinen ved å re-plattforme for å bygge hodeløse handelsbutikker eller tilpasse butikkfrontene dine.

Med den nye fornyede nettbutikken 2.0, Shopify prøver å gjøre plattformen mer synlig for utviklere og tech-giganter. Et trekk som signaliserte dette, ga tidlig tilgang til Store 2.0 til Netflix (nevnt tidligere).

Online Store 2.0 er altomfattende. Med den nye butikken får alle muligheten til å lage, tilpasse, skalere og tjene penger på Shopify.

Den nye temaarkitekturen

Med den tidligere versjonen av nettbutikken var selgere begrenset i antall blokker tilgjengelig i butikken. Tidligere hadde butikker tidligere maler som ble kartlagt til forskjellige produkter. Med 2.0-versjonen, som selger, har du nå muligheten til å legge til seksjoner på hver nye side. Tidligere kunne du bare legge til seksjoner på hjemmesiden.

Det er mulig for deg å aktivere malene til hver side med en JSON malfil som spesifiserer innstillingene for siden. Med dette kan du liste opp alle seksjonene på en side, samlesider, egendefinerte sider, blogginnlegg og mer slike ting.

Innenfor JSON-malfilene kan du definere seksjonene som skal vises.

Malfilene dikterer hvilke seksjoner som vises som standard og rekkefølgen de vises i på et tema du installerer. Når malen er lagt til, kan du legge til dynamiske seksjoner som forhåndsinnstillinger for temaet ved å gå til temaredigereren.

Tema-apputvidelser med appblokker

Temaapputvidelsene for utviklere kan hjelpe deg med å legge til en rekke funksjoner så vel som utvidelser. Du kan utvide selgerens nettstedfunksjonalitet ved hjelp av dette

Før var det ingen måte for apper å integrere med temaer. Som et resultat måtte utviklere kode en integreringslogikk for eksisterende temaer. Dette gjorde det veldig vanskelig å lage funksjoner som fungerte konsekvent på tvers av flere temaer. Det er ikke lenger tilfelle.

Appmodularitet

Et annet høydepunkt er appmodularitet. Dette betyr ganske enkelt at det som utvikler nå er mulig for deg å legge til og fjerne UI-komponenter gjennom temaredigereren. Du trenger ikke få tilgang til temakoden.

Dette gir en enkel måte for deg å administrere appens støtteaktiver. Med Shopify 2.0 kan du administrere appens støtteaktiver og være vert for dem på plattformen ganske enkelt.

Endringer i Metafields

Den oppdaterte temaredigereren lar selgere legge til metafelt og egenskaper. Den gode nyheten er at du ikke trenger verken API-er eller noen form for koding for å gjøre det mulig.

Som selger står du fritt til å legge til innholdet du liker på produktsiden, og introduserer plass for å legge til mer iformation som kan hjelpe potensielle kjøpere, for eksempel et størrelseskart eller ingrediensliste. Alt som sannsynligvis ikke vises i butikkeditoren, kan oppdateres gjennom metafeltene.

Her er de forskjellige måtene de endret metafelt på.

  • fleksibilitet: Metafields er mer fleksible. Dette hjelper deg med å importere handelsdata trygt.
  • Standard metafelt: Standardmetafelt gjør det enklere for egendefinerte temaer å begynne å jobbe ut av boksen i butikker på tvers av markedsvertikaler.
  • Presentasjonstips: Du kan legge til presentasjonstips til metafelt for gjengivelse av butikkdata

Filvelger

Metafields støtter nå mange medier som bilder eller PDF-filer. I stedet for å hardkode en bestemt filtype til et tema, lar en metafeltfilvelger deg laste opp det valgte mediet til produktsidene.

Bildene er tilgjengelige via seksjonen med innstillinger / filer og er for øyeblikkelig bruk.

Hvis du liker produktgaranti eller størrelsesdiagram, gjør filvelgeren det enkelt for deg å velge den aktuelle filen med enkel UX. Med dette plasseres metafeltet inne i selve temaet.

Filer API

Med API-versjonen 2021-07 kan du bruke File API til å opprette, oppdatere og slette generiske filer. Dette lar selgere bruke forskjellige filer til forskjellige apper. Disse blir lagt til på filsiden inne Shopify admin

Utviklere vil kunne få tilgang til innstillingene / filene gjennom det nye Files API. GraphQL API introdusert med denne versjonen gjør det enkelt for deg å laste opp eller velge eksisterende mediefiler gjennom innstillinger / filer. Apper kan dra nytte av tilgang til dette bestemte området i administratoren mens de fyller metafelt gjennom innhold.

Dette åpner for muligheter for apper til å bruke denne plassen til filer og bilder som ikke er direkte assosiert med et produkt, inkludert bilder brukt i temaer.

Innstilling for væskeinngang

En annen oppdatering til temaredigereren er innstillingen for flytende inngang der du kan legge til tilpasset væskekode fra sider fra selve redaktøren.

Væskeinnstillingen ligner HTML-innstillingen. Den eneste forskjellen er at du får tilgang til flytende variabler. Selgere har tilgang til både de globale og malspesifikke flytende objektene.

Innstillingen reduserer behovet for selgere å endre koden til ethvert tema manuelt når de legger til kode for apper som bruker Liquid.

Bruk utviklerdokumentasjonen, eller se det nye temaet fra Dawn's custom-liquid-seksjon.

Med dette er det enkelt for deg å ta uavhengige beslutninger om butikken som utvikler, og frigjøre tiden din til å fokusere på kreative integrasjoner og løsninger.

Nye utviklerverktøy

Nettbutikk 2.0 åpner en hel rekke muligheter for utviklere å bygge nye apper og temaer for deg. De nye utviklerverktøyene integreres og hjelper til med å teste, utvikle og distribuere nye temaer.

De Shopify GitHub-integrasjon gjør det enkelt for deg å bruke Shopify CLI-verktøy sammen med temasjekk. Begge disse verktøyene lar deg teste temaer i sandbox og effektiviserer utviklingen som følge av det.

Shopify Github-integrasjon

Den nye integrasjonen med GitHub gjør utviklingen og vedlikeholdet av nye temaer mye lettere for deg å både spore og administrere. Koble GitHub-brukerkontoen til nettbutikken. Endringene blir presset til GitHub og trukket til en repo som er synkronisert med den nåværende tilstanden til valgte temaer.

De Shopify GitHub-integrasjon sikrer at du får koble brukerkontoen din til Shopify administrere og koble Git-grener til temaer i butikken. Innfødt støtte for versjonskontroll lar deg også gjøre, spore og administrere endringer i temakoden:

GitHub-integrasjonen med temaer lar utviklere samarbeide trygt ved å redigere temaer med introduksjonen av innfødt støtte for versjonskontroll. Integrasjonen lar utviklere samarbeide trygt når de redigerer temaer med støtte for versjonskontroll. Når du jobber med en handelsbutikk, kan utviklere implementere arbeidsflyter der endringer i temaer blir gjennomgått og slått sammen på GitHub før de fylles ut til et live tema.

Shopify CLI

Det er nye endringer i Shopify CLI-verktøy også. Apputviklere brukte til nå CLI-verktøyet for å generere Node.js og Ruby on Rails-apper, men med de nåværende endringene kan utviklere bygge tilpassede temaer med CLI.

Her er hele funksjonen du får:

  • Du kan utvikle, forhåndsvise og teste endringer i temaer i utviklingstemaer.
  • Du kan laste om CSS og Liquid seksjon endringer du utvikler takket være dev serveren.
  • Initialiser et nytt temaprosjekt ved hjelp av det nye temaet Dawn.
  • Trykk og publiser temaer fra kommandolinjen
  • Kjør temasjekk på temaet.
  • Fyll ut testdata for temaet for produktkunder og ordreutkast.

Utviklingstemaer er midlertidig skjulte temaer knyttet til Shopify butikk for utvikling. Utviklingstemaene er ikke synlige i adminområdet, så du trenger ikke bekymre deg for at noen besøkende i butikken skal se nettstedet ditt på det.

Utviklingstemaer legger seg ikke opp mot temagrensen. Av den grunn blir disse slettet på egenhånd etter syv dager med inaktivitet. De slettes også når du kjører Shopify-avloggingssekvens. Hvis du trenger en forhåndsvisningskobling som ikke blir ødelagt når du logger ut, kan du gjøre å skyve temaet til butikken.

Utviklingstemaer kan brukes til å se endringene i et tema som utvikles lokalt i sanntid, samhandle med temaet og tilpasse temaet med temaredigereren. Dermed gir det nye CLI-verktøyet deg god kontroll over hvordan det endelige temaet vises.

Verktøyene kan gjøre utviklingsprosessen enkel og komme raskt i gang med nettbutikken 2.0

Temakontroll

Theme Check er en annen integrert komponent for Liquid og JSON som skanner temaene for feil. Når skanningen er fullført, fremhever verktøyet de beste fremgangsmåtene for begge Shopify plattform og flytende språk.

Dette integreres med redaktører som Visual Studio og identifiserer problemer med koden.

For at du skal forstå problemene som vedvarer, vises feilmeldinger med en lenke til den mislykkede sjekken. Theme Check er samlet sammen med Shopify CLI-verktøyet slik at du ikke trenger å installere det samme separat.

Andre funksjoner verdt å merke seg

Bulk Mutation API

Bulk OperationRunMutation-endepunktet er en løsning på Shopify å eksportere data i bulk til en butikk.

I stedet for GraphML-simuleringen kan du kjøre en massemutasjonsoperasjon. Dette er en enkel måte for deg å importere alle dataene uten å møte flaskehalser på grunn av et stort antall filer.

Her er de tilgjengelige alternativene:

  • produkt Opprett
  • samling Opprett
  • produktoppdatering
  • productUpdateMedia
  • produktsideoppdatering
  • produktVariantoppdatering
  • metafieldUpsert
  • prislisteFastepriserLegg til
  • priceListFixedPrices Slett

Kasse-ressurs-API for rabatter

Kasse-ressursen returnerer application_type-egenskapen for rabatter lagt til kassen. Feltet viser hvordan rabatten ble brukt.

Gyldige verdier inkluderer automatisk, rabattkode, manuell og skript.

Temaer for innstilling av væskeinngang

De nye innstillingene for væskeinngang er for selgere å legge til tilpasset væskekode direkte fra selve redigeringsprogrammet. Det ligner ganske mye på HTML-innstillingen.

Selgere har tilgang til globale og malspesifikke flytende objekter uten redigering av temakoden. Det nye referansetemaet heter Dawn. Det er et åpen kildekode-referansetema bakt med fleksibilitet og brukervennlige alternativer. Den bruker flere Online Store 2.0-funksjoner som JSON-maler og appblokker.

Å oppsummere:

Shopify har tre deler til butikken:

  • Temaene og nettredaktøren
  • Lagrer innhold
  • Utviklerverktøy

Hvis du ikke er en utvikler og rett og slett en butikkeier, vil det nye redigeringsprogrammet og innholdsstyringssystemet sannsynligvis ha størst innvirkning på deg som butikkeier.

Shopifysitt oppdaterte malspråk har nå en lignende intern redaktør som WordPress's Gutenberg som ble utgitt tilbake i 2018. Det bringer den nærmere sideditorene på plattformer som Squarespace og Wix.

Redaktøren kan enkelt erstatte et antall Shopify apps inkludert den populære Shogun-sidebyggeren.

Den nye redaktøren vil la små og mellomstore bedrifter opprette nye sidemaler og fylle ut dataene i dem uten å skrive en eneste kodelinje ved hjelp av den innebygde Shopify sider og blokker.

Endelig er innholdsstyringssystemet et annet super viktig område som har en ansiktsløftning og flere funksjoner. Med den nye oppdateringen kommer du til å få den helt nye tilpassede innholdstypingen. Lag innhold en gang og publiser det i alle kanalene dine, inkludert nettbutikken.

Hva synes du om Shopify Nettbutikk 2.0? Gi oss beskjed i kommentarene nedenfor.

Bogdan Rancea

Bogdan er et grunnleggende medlem av Inspired Mag, etter å ha opparbeidet seg nesten 6 års erfaring i løpet av denne perioden. På fritiden liker han å studere klassisk musikk og utforske billedkunst. Han er ganske besatt av fixies også. Han eier 5 allerede.

Kommentar 4 Responses

  1. Marker sier:

    Som en Shopify selger jeg ser frem til noen av disse forbedringene. Er lei av å måtte betale for en app for å lage og redigere sider og . Fin artikkel som staver det ut i Dick og Jane terminologi.

  2. Jane Gates sier:

    Takk for at du delte. Lett en innsiktsfull lesning!

  3. dollargruppe sier:

    Flott artikkel. Kunne ikke skrevet mye bedre.Fortsett slik!

    1. Bogdan Rancea sier:

      👍

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Vurdering *

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.