Shopify Online Store 2.0 - Allt du behöver veta

År 2020 checkade mer än 450 miljoner människor ut Shopify. Företaget bearbetade mer än 120 miljarder dollar i bruttovärden. Det är ett uppenbart faktum att Shopify är enorm och växer sig större.

Shopify på tisdag (29 juni 2021) tillkännagav ett antal nya funktioner, som syftar till att göra plattformen mer anpassningsbar för alla som driver en butik på Shopify. Uppkopplad Shopify 2.0 erbjuder en enorm lista med nya funktioner och teman för Shopify köpmän.

Ordet från Shopify är att webbutiken 2.0 är frukten av den viktigaste ombyggnaden av språket den använder för mallbyggnad: det flytande språket.

Till att börja med kommer den moderniserade webbutiken att göra det enkelt för utvecklare att lägga till anpassade funktioner i sina skyltfönster. Netflix fick tidigt åtkomst till denna plattform och de använde åtkomst för att skapa Netflix.shop - den första e-handelsbutiken för Netflix.

Här är en kort översikt över vad Online Store 2.0 betyder för dig.

Översikt

Nya funktioner i Online Store 2.0 börjar med en ny redigeringsupplevelse. Den nya redaktören gör det väldigt enkelt för handlare att bygga skyltfönster från grunden, lägga till olika tematillägg och hantera appar inom teman. Tanken med den nya redaktören var att centralisera alla tillgängliga funktioner och funktioner.

Referens-temat Dawn, det nya standardtabellen för utveckling under utveckling, kommer att vara 35% snabbare än det nuvarande standardtemat (enligt interna uppskattningar). Shopify nämnde också att det nya temat kommer att vara öppet för inlämnande av utvecklare från 15 juli 2021.

Dessutom, Shopify avslöjade också att företaget kommer att öka sina infrastrukturinvesteringar och utvecklingsverktyg avsevärt. Som ett resultat behöver du som handlare inte gå igenom huvudvärken för att re-platforma för att bygga headless kommersiella butiker eller anpassa dina butiker.

Med den nya moderniserade webbutiken 2.0, Shopify försöker göra plattformen mer synlig för utvecklare och tekniska giganter. Ett drag som signalerar detta erbjuder tidig tillgång till Store 2.0 till Netflix (nämnts tidigare).

Online Store 2.0 är heltäckande. Med den nya butiken får alla möjlighet att skapa, anpassa, skala och tjäna pengar på Shopify.

Den nya temaarkitekturen

Med den tidigare versionen av onlinebutiken var handlarna begränsade i antalet tillgängliga block i butiken. Tidigare hade butiker tidigare mallar som mappades till olika produkter. Med 2.0-versionen, som säljare, har du nu möjlighet att lägga till avsnitt till varje ny sida. Tidigare kunde du bara lägga till avsnitt på hemsidan.

Det är möjligt för dig att aktivera mallarna till varje sida med en JSON-mallfil som anger inställningarna för sidan. Med detta kan du lista alla sektioner på en sida, samlingssidor, anpassade sidor, blogginlägg och mer sådana saker.

Inom JSON-mallfilerna kan du definiera de avsnitt som ska visas.

Mallfilerna dikterar vilka avsnitt som visas som standard och i vilken ordning de visas i ett tema du installerar. När mallen har lagts till kan du lägga till dynamiska sektioner som temaförinställningar genom att gå till temaredigeraren.

Tema-apptillägg med appblock

Tema-apptillägg för utvecklare kan hjälpa dig att lägga till ett antal funktioner såväl som tillägg. Du kan utöka handlarens webbplatsfunktionalitet med hjälp av detta

Tidigare fanns det inget sätt för appar att integreras med teman. Som ett resultat var utvecklarna tvungna att koda en integrationslogik för befintliga teman. Detta gjorde det väldigt svårt att skapa funktioner som fungerade konsekvent i flera teman. Så är det inte längre.

Appmodularitet

En annan höjdpunkt är appmodularitet. Detta betyder helt enkelt att det som utvecklare nu är möjligt för dig att lägga till och ta bort UI-komponenter via temaditoren. Du behöver inte komma åt temakoden.

Detta ger ett enkelt sätt för dig att hantera en apps stödtillgångar. Med Shopify 2.0 kan du hantera appens stödtillgångar och vara värd för dem på plattformen ganska enkelt.

Ändringar i Metafields

Den uppdaterade temaredigeraren låter handlare lägga till metafält och egenskaper. Den goda nyheten är att du inte behöver API: er eller någon form av kodning för att göra det möjligt.

Som säljare är du fri att lägga till innehållet du gillar på produktsidan och introducera utrymme för att lägga till ytterligare information som kan hjälpa potentiella köpare, säg ett storleksschema eller ingredienslista. Allt som sannolikt inte visas i butikredigeraren kan uppdateras via metafälten.

Här är de olika sätten på vilka de ändrade metafält.

  • Flexibilitet: Metafields är mer flexibla. Detta hjälper dig att importera handelsdata på ett säkert sätt.
  • Standardmetafält: Standardmetafält gör det enklare för anpassade teman att börja arbeta ur lådan i butiker över marknadens vertikaler.
  • Presentationstips: Du kan lägga till presentationstips till metafält för att återge butiksdata

Arkivväljare

Metafields stöder nu många media som bilder eller PDF-filer. I stället för att hårdkoda en viss filtyp till ett tema, gör vad en metafältväljare gör att du kan ladda upp det valda mediet till produktsidorna.

Bilderna kan nås via inställningar / filer och är för omedelbar användning.

Om du gillar en produktgaranti eller storlekstabell gör filväljaren det enkelt för dig att välja just den filen med enkel UX. Med detta placeras metafältet i själva temat.

Files API

Med API-versionen 2021-07 kan du använda File API för att skapa, uppdatera och ta bort generiska filer. Detta låter handlare återanvända olika filer för olika appar. Dessa läggs till på filsidan inuti Shopify administration.

Utvecklare kommer att kunna komma åt inställningarna / filerna via det nya Files API. GraphQL API introducerat med den här versionen gör det enkelt för dig att ladda upp eller välja befintliga mediefiler via inställningar / filer. Appar kan dra nytta av åtkomst till detta område i administratören medan de fyller i metafält genom innehåll.

Detta öppnar möjligheter för appar att använda detta utrymme för filer och bilder som inte är direkt associerade med en produkt, inklusive bilder som används i teman.

Inställning av vätskeingång

En annan uppdatering av temaredigeraren är inställningen för flytande inmatning där du kan lägga till anpassad flytande kod till sidor från själva redigeraren.

Liquid-inställningen liknar HTML-inställningen. Den enda skillnaden är att du får tillgång till flytande variabler. Handlare kan komma åt både de globala och mallspecifika flytande objekten.

Inställningen minskar behovet av handlare att manuellt ändra koden för något tema när de lägger till kod för appar som använder Liquid.

Använd utvecklardokumentationen eller se det nya temat från Dawn's custom-liquid-avsnitt.

Med detta är det enkelt för dig att fatta självständiga beslut om butiken som utvecklare som frigör din tid för att fokusera på kreativa integrationer och lösningar.

Nya utvecklingsverktyg

Onlinebutik 2.0 öppnar en hel rad möjligheter för utvecklare att bygga nya appar och teman åt dig. De nya utvecklarverktygen integreras och hjälper till att testa, utveckla och distribuera nya teman.

Du har nu möjlighet Shopify GitHub-integration gör det enkelt för dig att använda Shopify CLI-verktyg tillsammans med temakontroll. Båda dessa verktyg gör att du kan testa teman i sandlåda och effektivisera utvecklingen som ett resultat av det.

Shopify Github-integration

Den nya integrationen med GitHub gör ny utveckling och underhåll av temat mycket lättare för dig att både spåra och hantera. Anslut GitHub-användarkontot till onlinebutiken. Ändringarna skjuts till GitHub och dras till en repo som är synkroniserad med det aktuella tillståndet för valda teman.

Du har nu möjlighet Shopify GitHub-integration säkerställer att du kan ansluta ditt användarkonto till Shopify administrera och anslut Git-filialer till teman i butiken. Med integrerat stöd för versionskontroll kan du göra, spåra och hantera ändringar av temakoden också:

GitHub-integrationen med teman låter utvecklare samarbeta säkert genom att redigera teman med introduktionen av inbyggt stöd för versionskontroll. Integrationen låter utvecklare samarbeta säkert när de redigerar teman med stöd för versionskontroll. När man arbetar på en handelsbutik kan utvecklare implementera arbetsflöden där ändringar av teman granskas och slås samman på GitHub innan de fylls i till ett live-tema.

Shopify CLI

Det finns nya förändringar i Shopify CLI-verktyg också. Apputvecklare använde hittills CLI-verktyget för att generera Node.js och Ruby on Rails-appar, men med de aktuella ändringarna kan utvecklare bygga anpassade teman med CLI.

Här är hela utbudet av funktioner du får:

  • Du kan utveckla, förhandsgranska och testa ändringar av teman inom utvecklingsteman.
  • Du kan ladda om CSS- och Liquid-sektionsändringar som du utvecklar tack vare dev-servern.
  • Initiera ett nytt temaprojekt med det nya temat Dawn.
  • Tryck och publicera teman från kommandoraden
  • Kör temakontroll på temat.
  • Fyll i testdata för temat för produktkunder och beställningsutkast.

Utvecklingsteman är tillfälligt dolda teman kopplade till Shopify butik för utveckling. Utvecklingsteman syns inte i adminområdet, så du behöver inte oroa dig för att några besökare i butiken kommer att se din webbplats på den.

Utvecklingsteman läggs inte upp mot temagränsen. Av den anledningen raderas dessa på egen hand efter sju dagar av inaktivitet. De raderas också när du kör Shopify-avloggsekvens. Om du behöver en förhandsgranskningslänk som inte förstörs när du loggar ut, kan du göra att skjuta temat till butiken.

Utvecklingsteman kan användas för att se ändringarna i ett tema som utvecklas lokalt i realtid, interagera med temat och anpassa temat med temaredigeraren. Således ger det nya CLI-verktyget dig mycket kontroll över hur det slutliga temat visas.

Verktygen kan göra utvecklingsprocessen enkel och snabbt komma igång med webbutiken 2.0

Temakontroll

Theme Check är en annan integrerad komponent för Liquid och JSON som söker igenom teman för fel. När skanningen är klar markerar verktyget de bästa metoderna för både Shopify plattform och flytande språk.

Detta integreras med redaktörer som Visual Studio och identifierar problem med koden.

För att du ska förstå problemen som kvarstår visas felmeddelanden med en länk till den misslyckade kontrollen. Temakontroll buntas tillsammans med Shopify CLI-verktyg så att du inte behöver installera samma separat.

Andra funktioner som är värda att notera

Bulk Mutation API

Bulk OperationRunMutation-slutpunkten är en lösning på Shopify för att exportera data i bulk till en butik.

Istället för GraphML-simuleringen kan du köra en massmutationsåtgärd. Detta är ett enkelt sätt för dig att importera all data utan att möta flaskhalsar på grund av ett stort antal filer.

Här är de tillgängliga alternativen:

  • productCreate
  • collectionCreate
  • productUpdate
  • productUpdateMedia
  • productPageUpdate
  • productVariantUpdate
  • metafieldUpsert
  • priceListFixedPrices Lägg till
  • priceListFixedPricesDelete

Checkout Resource API för rabatter

Kassaresursen returnerar egenskapen application_type för rabatter som läggs till i kassan. Fältet visar hur rabatten tillämpades.

Giltiga värden inkluderar automatisk, rabattkod, manuell och skript.

Teman för inställning av flytande ingångar

De nya inställningarna för Liquid input är för handlare att lägga till anpassad Liquid-kod direkt från själva redigeraren. Det liknar HTML-inställningen.

Handlare kan komma åt de globala och mallspecifika Liquid-objekten utan noll redigeringar av temakoden. Det nya referens temat heter Dawn. Det är ett öppen källkodsreferens tema bakat med flexibilitet och användarvänlighet. Den använder flera Online Store 2.0-funktioner som JSON-mallar och appblock.

För att sammanfatta:

Shopify har tre delar till butiken:

  • Teman och online-redigeraren
  • Sparar innehåll
  • Utvecklingsverktyg

Om du inte är en utvecklare och helt enkelt en butiksägare är det troligt att den nya online-redigeraren och innehållshanteringssystemet har störst inverkan på dig som butiksägare.

Shopifyhar uppdaterat mallspråk har nu en liknande intern redaktör som WordPress Gutenberg som släpptes tillbaka 2018. Det för närmare sidredigerarna på plattformar som Squarespace och Wix.

Redaktören kan enkelt ersätta ett antal Shopify appar inklusive den populära Shogun-sidbyggaren.

Den nya redaktören låter små och medelstora företag skapa nya sidmallar och fylla i data utan att skriva en enda kodrad med hjälp av den inbyggda Shopify sidavsnitt samt block.

Slutligen är innehållshanteringssystemet ett annat superviktigt område som har en ansiktslyftning och ytterligare funktioner. Med den nya uppdateringen kommer du att få den helt nya anpassade innehållstypningen. Skapa innehåll en gång och publicera det i alla dina kanaler, inklusive onlinebutiken.

Vad tycker du om Shopify Onlinebutik 2.0? Låt oss veta i kommentarerna nedan.

Bogdan Rancea

Bogdan är en av grundarna i Inspired Mag och har samlat nästan 6 års erfarenhet under denna period. På fritiden gillar han att studera klassisk musik och utforska bildkonst. Han är ganska besatt av fixies också. Han äger redan 5.