Shopify Online Store 2.0 - Alt hvad du behøver at vide

I 2020 tjekkede mere end 450 millioner mennesker ud Shopify. Virksomheden behandlede mere end 120 milliarder dollars i bruttovarer. Det er en indlysende kendsgerning, at Shopify er enorm og vokser sig større.

Shopify tirsdag (29. juni 2021) annoncerede en række nye funktioner, der sigter mod at gøre platformen mere tilpasselig for alle, der driver en butik på Shopify. Online Shopify 2.0 tilbyder en massiv liste over nye funktioner og temaer til Shopify handlende.

Ordet fra Shopify er, at onlinebutikken 2.0 er frugten af ​​den vigtigste genopbygning af det sprog, den bruger til skabelonopbygning: det flydende sprog.

For det første vil den moderniserede onlinebutik gøre det let for udviklere at tilføje tilpassede funktioner til deres butiksfacader. Netflix modtog tidligt adgang til denne platform, og de brugte adgangen til at oprette Netflix.shop - den første e-handelsbutik til Netflix.

Her er en kort oversigt over, hvad Online Store 2.0 betyder for dig.

Oversigt

Nye funktioner i Online Store 2.0 starter med en frisk redigeringsoplevelse. Den nye editor gør det virkelig simpelt for købmænd at bygge butiksfacader fra bunden, tilføje forskellige temaudvidelser og administrere apps inden for temaer. Ideen med den nye editor var at centralisere alle tilgængelige funktioner og funktioner.

Referencetemaet Dawn, det nye standardforretningstema under udvikling, vil være 35% hurtigere end det nuværende standardtema (ifølge interne estimater). Shopify nævnte også, at det nye tema vil være åbent for udviklerindleveringer fra 15. juli 2021.

Desuden Shopify afslørede også, at virksomheden vil øge sine infrastrukturinvesteringer og udviklerværktøjer markant. Som et resultat behøver du som købmand ikke at gå igennem hovedpinen ved at re-platforme for at opbygge hovedløse handelsbutikker eller tilpasse dine butiksfacader.

Med den nye fornyede onlinebutik 2.0, Shopify forsøger at gøre platformen mere synlig for udviklere og tech-giganter. Et træk, der signaliserer dette, tilbød tidlig adgang til Store 2.0 til Netflix (nævnt tidligere).

Online Store 2.0 er altomfattende. Med den nye butik får alle en mulighed for at oprette, tilpasse, skalere og tjene penge på Shopify.

Den nye temaarkitektur

Med den tidligere version af onlinebutikken var handlende begrænset i antallet af tilgængelige blokke inde i butikken. Tidligere havde butikkerne forskellige skabeloner, der blev kortlagt til forskellige produkter. Med 2.0-versionen har du som sælger nu mulighed for at tilføje sektioner til hver nye side. Tidligere kunne du kun tilføje sektioner til startsiden.

Det er muligt for dig at aktivere skabelonerne til hver side med en JSON-skabelonfil, der specificerer indstillingerne for siden. Med dette kan du liste alle sektionerne på en side, samlingssider, brugerdefinerede sider, blogindlæg og mere af sådanne ting.

Inden for JSON-skabelonfilerne kan du definere de sektioner, der skal vises.

Skabelonfilerne dikterer, hvilke sektioner der vises som standard, og rækkefølgen de vises i på et tema, du installerer. Når skabelonen er tilføjet, kan du tilføje dynamiske sektioner som temaindstillinger ved at gå til temaditoren.

Tema-appudvidelser med appblokke

Tema-appudvidelser til udviklere kan hjælpe dig med at tilføje et antal funktioner såvel som udvidelser. Du kan udvide sælgerens webstedsfunktionalitet ved hjælp af dette

Før var der ingen måde for apps at integrere med temaer. Som et resultat måtte udviklere kode en integrationslogik til eksisterende temaer. Dette gjorde det virkelig svært at lave funktioner, der fungerede konsekvent på tværs af flere temaer. Det er ikke længere tilfældet.

Appmodularitet

Et andet højdepunkt er app-modularitet. Dette betyder simpelthen, at som udvikler er det nu muligt for dig at tilføje og fjerne UI-komponenter via temaeditoren. Der er ikke noget behov for dig at få adgang til temaets kode.

Dette giver dig en enkel måde at administrere en apps understøttende aktiver på. Med Shopify 2.0 kan du administrere din apps understøttende aktiver og være vært for dem på platformen ganske let.

Ændringer i Metafields

Den opdaterede temaeditor lader købmænd tilføje metafelter og egenskaber. Den gode nyhed er, at du ikke har brug for hverken API'er eller nogen form for kodning for at gøre det muligt.

Som købmand kan du frit tilføje det indhold, du kan lide, til produktsiden, hvilket giver plads til at tilføje yderligere oplysninger, der kan hjælpe potentielle købere, f.eks. et størrelsesskema eller en ingrediensliste. Alt, der sandsynligvis ikke vises i butikseditoren, kan opdateres gennem metafelterne.

Her er de forskellige måder, hvorpå de ændrede metafelter.

• Fleksibilitet: Metafields er mere fleksible. Dette hjælper dig med at importere handelsdata sikkert.
• Standard metafelter: Standardmetafelter gør det nemmere for brugerdefinerede temaer at begynde at arbejde ud af kassen i butikker på tværs af markedsvertikaler.
• Præsentationstips: Du kan tilføje præsentationstip til metafelter til gengivelse af butiksdata

Filvælger

Metafields understøtter nu mange medier som billeder eller PDF-filer. I stedet for at hårdkode en bestemt filtype til et tema, hvad en metafeltfilvælger gør, er at lade dig uploade det valgte medie til produktsiderne.

Billederne er tilgængelige via sektionen med indstillinger / filer og er til øjeblikkelig brug.

Hvis du kan lide en produktgaranti eller et størrelsesdiagram, gør filvælgeren det nemt for dig at vælge den pågældende fil med enkel UX. Med dette placeres metafeltet inde i selve temaet.

Filer API

Med API version 2021-07 kan du bruge File API til at oprette, opdatere og slette generiske filer. Dette giver købmænd mulighed for at genbruge forskellige filer til forskellige apps. Disse føjes til siden med filer inde Shopify admin

Udviklere vil være i stand til at få adgang til indstillingerne / filerne via den nye Files API. GraphQL API introduceret med denne version gør det nemt for dig at uploade eller vælge eksisterende mediefiler gennem indstillinger / filer. Apps kan drage fordel af adgang til dette bestemte område i administratoren, mens de udfylder metafelter gennem indhold.

Dette åbner muligheder for apps til at bruge dette rum til filer og billeder, der ikke er direkte forbundet med et produkt, inklusive billeder, der bruges i temaer.

Indstilling af væskeindgang

En anden opdatering til temaeditoren er indstillingen Liquid input, hvorfra du kan tilføje brugerdefineret Liquid-kode til sider fra selve editoren.

Flydende indstilling svarer til HTML-indstillingen. Den eneste forskel er, at du får adgang til flydende variabler. Sælgere kan få adgang til både de globale og skabelonspecifikke flydende objekter.

Indstillingen reducerer behovet for handlende manuelt at ændre koden for ethvert tema, når de tilføjer kode til apps, der bruger Liquid.

Brug udviklerdokumentationen, eller se det nye tema fra Dawn's custom-liquid sektion.

Med dette er det let for dig at tage uafhængige beslutninger om butikken som udvikler, der frigør din tid til at fokusere på kreative integrationer og løsninger.

Nye udviklerværktøjer

Online butik 2.0 åbner en hel række muligheder for udviklere til at oprette nye apps og temaer til dig. De nye udviklerværktøjer integreres og hjælper med at teste, udvikle og implementere nye temaer.

Shopify GitHub-integration gør det nemt for dig at bruge Shopify CLI-værktøj sammen med tematjek. Begge disse værktøjer giver dig mulighed for at teste temaer i sandbox og effektiviserer udviklingen som følge heraf.

Shopify Github-integration

Den nye integration med GitHub gør udvikling af nye temaer og vedligeholdelse meget lettere for dig at både spore og administrere. Forbind GitHub-brugerkontoen til onlinebutikken. Ændringerne skubbes til GitHub og trækkes til en repo, der er synkroniseret med den aktuelle tilstand for valgte temaer.

Shopify GitHub-integration sikrer, at du får forbindelse til din brugerkonto med Shopify admin og forbinde Git-grene til temaer i butikken. Native support til versionskontrol lader dig også foretage, spore og administrere ændringer til temakoden:

GitHub-integrationen med temaer lader udviklere samarbejde sikkert ved at redigere temaer med introduktionen af ​​native support til versionskontrol. Integrationen lader udviklere samarbejde sikkert, når de redigerer temaer med understøttelse af versionskontrol. Når man arbejder på en handelsbutik, kan udviklere implementere arbejdsgange, hvor ændringer til temaer gennemgås og flettes på GitHub, inden de udfyldes til et live tema.

Shopify CLI

Der er nye ændringer i Shopify CLI-værktøj også. Appudviklere brugte indtil nu CLI-værktøjet til at generere Node.js og Ruby on Rails-apps, men med de aktuelle ændringer kan udviklere oprette tilpassede temaer med CLI.

Her er det fulde udvalg af funktioner, du får:

• Du kan udvikle, forhåndsvise og teste ændringer til temaer inden for udviklingstemaer.
• Du kan genindlæse ændringer i CSS og Liquid-sektioner, du udvikler, takket være dev-serveren.
• Initialiser et nyt temaprojekt ved hjælp af det nye tema Dawn.
• Skub og udgiv temaer fra kommandolinjen
• Kør temakontrol på temaet.
• Udfyld testdata til temaet for produktkunder og udkast til ordrer.

Udviklingstemaer er midlertidigt skjulte temaer, der er forbundet med Shopify butik til udvikling. Udviklingstemaerne er ikke synlige i adminområdet, så du behøver ikke bekymre dig om, at besøgende i butikken vil se dit websted på det.

Udviklingstemaer tilføjes ikke mod temagrænsen. Af den grund slettes disse på egen hånd efter syv dage med inaktivitet. De slettes også, når du kører Shopify-logout sekvens. Hvis du har brug for et eksempellink, der ikke bliver ødelagt, når du logger ud, kan du skubbe temaet til butikken.

Udviklingstemaer kan bruges til at se ændringerne til et tema, der udvikles lokalt i realtid, interagere med temaet og tilpasse temaet med temaeditoren. Således giver det nye CLI-værktøj dig masser af kontrol over, hvordan det endelige tema vises.

Værktøjerne kan gøre udviklingsprocessen let og komme i gang hurtigt med onlinebutikken 2.0

Temakontrol

Theme Check er en anden integreret komponent til Liquid og JSON, der scanner temaerne for fejl. Når scanningen er afsluttet, fremhæver værktøjet de bedste fremgangsmåder for begge Shopify platform og det flydende sprog.

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

For at du kan forstå de problemer, der fortsætter, vises der fejlmeddelelser med et link til den mislykkede kontrol. Theme Check er samlet sammen med Shopify CLI-værktøj, så du ikke behøver at installere det samme separat.

Andre funktioner, der er værd at bemærke

Bulk Mutation API

Bulk OperationRunMutation-slutpunktet er en løsning på Shopify at eksportere data i bulk til en butik.

I stedet for GraphML-simuleringen kan du køre en bulkmutationshandling. Dette er en enkel måde for dig at importere alle data uden at blive udsat for flaskehalse på grund af et stort antal filer.

Her er de tilgængelige muligheder:

• produkt Opret
• samling Opret
• produktopdatering
• productUpdateMedia
• produktsideopdatering
• produktVariantOpdatering
• metafieldUpsert
• priceListFixedPrices Tilføj
• priceListFixedPrices Slet

Checkout Ressource API til rabatter

Kassen ressource returnerer application_type ejendom for rabatter tilføjet til kassen. Feltet viser, hvordan rabatten blev anvendt.

Gyldige værdier inkluderer automatisk, rabatkode, manuel og script.

Temaer for indstilling af flydende input

De nye indstillinger for væskeindgang er for handlende at tilføje brugerdefineret flydende kode direkte fra selve editoren. Det ligner temmelig HTML-indstillingen.

Sælgere kan få adgang til de globale og skabelonspecifikke flydende objekter med nul redigeringer af temakoden. Det nye referencetema kaldes Dawn. Det er et open source referencetema bagt med fleksibilitet og brugervenlige muligheder. Det bruger flere Online Store 2.0-funktioner som JSON-skabeloner og appblokke.

At opsummere:

Shopify har tre dele til butikken:

• Temaerne og online-editoren
• Gemme indhold
• Developer Tools

Hvis du ikke er en udvikler og simpelthen en butiksejer, vil det nye online editor og indholdsstyringssystem sandsynligvis have størst indflydelse på dig som butiksejer.

Shopify's opdaterede skabelonsprog har nu en lignende in-house editor som WordPress's Gutenberg, der blev frigivet tilbage i 2018. Det bringer det tættere på sideditorerne på platforme som Squarespace og Wix.

Editoren kan let erstatte et antal Shopify apps inklusive den populære Shogun sidebygger.

Den nye editor vil lade små og mellemstore virksomheder oprette nye sideskabeloner og udfylde dataene i dem uden at skrive en enkelt linje kode ved hjælp af den indbyggede Shopify sidesektioner samt blokke.

Endelig er indholdsstyringssystemet et andet super vigtigt område, der har en ansigtsløftning og yderligere funktioner. Med den nye opdatering får du den helt nye tilpassede indholdstypning. Opret indhold en gang, og udgiv det i alle dine kanaler, inklusive onlinebutikken.

Hvad synes du om Shopify Online butik 2.0? Fortæl os det i kommentarerne nedenfor.