Shopify Online Store 2.0 - Lahat ng Kailangan Mong Malaman

Noong 2020 higit sa 450 milyong mga tao ang nag-check out Shopify. Nagproseso ang kumpanya ng higit sa $ 120 bilyon sa Gross Merchandise Volume. Ito ay isang malinaw na katotohanan na Shopify ay malaki at lumalaki.

Shopify sa Martes (Hunyo 29, 2021) inihayag ang isang bilang ng mga bagong tampok, na naglalayong gawing mas napapasadyang platform para sa sinumang nagpapatakbo ng isang tindahan Shopify. Online Shopify Nag-aalok ang 2.0 ng isang napakalaking listahan ng mga bagong tampok at tema para sa Shopify mga mangangalakal.

Ang salitang galing Shopify ay ang Online store 2.0 ay ang bunga ng pinakamahalagang muling pagtatayo ng wikang ginagamit nito para sa pagbuo ng template: wikang Liquid.

Para sa mga nagsisimula, ang binago na online na tindahan ay gagawing madali para sa mga developer na magdagdag ng mga na-customize na tampok sa kanilang mga storefronts. Maagang natanggap ng Netflix ang access sa platform na ito at ginamit nila ang pag-access upang lumikha ng Netflix.shop— ang unang tindahan ng ecommerce para sa Netflix.

Narito ang isang maikling pangkalahatang ideya ng kung ano ang ibig sabihin ng Online Store 2.0 para sa iyo.

Pangkalahatang-ideya

Ang mga bagong tampok sa Online Store 2.0 ay nagsisimula sa isang sariwang karanasan sa pag-edit. Ginagawang simple ng bagong editor para sa mga mangangalakal na bumuo ng mga storefronts mula sa simula, magdagdag ng iba't ibang mga extension ng tema at pamahalaan ang mga app sa loob ng mga tema. Ang ideya sa bagong editor ay upang isahin ang lahat ng mga magagamit na tampok at pag-andar.

Ang sangguniang tema na Dawn, ang bagong pamantayang tema ng storefront sa pag-unlad, ay magiging 35% na mas mabilis kaysa sa kasalukuyang default na tema (ayon sa panloob na mga pagtatantya). Shopify nabanggit din ang bagong tema ay bukas para sa mga pagsusumite ng developer mula Hulyo 15, 2021.

Sa karagdagan, Shopify inihayag din na ang kumpanya ay makabuluhang mapataas ang mga pamumuhunan sa imprastraktura at tool ng developer. Bilang isang resulta, ikaw bilang isang mangangalakal ay hindi kailangang dumaan sa sakit ng ulo ng muling pag-platform upang bumuo ng mga walang tindahan na commerce storefronts o ipasadya ang iyong mga storefronts.

Gamit ang bagong nabago na online store 2.0, Shopify sinusubukan na gawing mas nakikita ng platform ang mga developer at tech higanteng ito. Isang paglipat ng senyas na ito ay nag-aalok ng maagang pag-access sa Store 2.0 sa Netflix (nabanggit nang mas maaga).

Ang Online Store 2.0 ay all-embracing. Gamit ang bagong tindahan, lahat ay nakakakuha ng isang pagpipilian upang lumikha, ipasadya, sukatin at gawing pera Shopify.

Ang Bagong Arkitekturang Tema

Sa naunang bersyon ng online na tindahan, ang mga mangangalakal ay limitado sa bilang ng mga bloke na magagamit sa loob ng tindahan. Mas maaga, ang mga tindahan ay may iba't ibang mga template na nai-map sa iba't ibang mga produkto. Gamit ang 2.0 bersyon, bilang isang mangangalakal, mayroon ka na ngayong pagpipilian ng pagdaragdag ng mga seksyon sa bawat bagong pahina. Mas maaga, maaari ka lamang magdagdag ng mga seksyon sa homepage.

Posible para sa iyo na buhayin ang mga template sa bawat pahina gamit ang isang template ng JSON file na tumutukoy sa mga setting para sa pahina. Sa pamamagitan nito, maaari mong ilista ang lahat ng mga seksyon ng isang pahina, mga pahina ng koleksyon, mga pasadyang pahina, mga post sa blog, at marami pang mga naturang bagay.

Sa loob ng mga template ng JSON file, maaari mong tukuyin ang mga seksyon na lilitaw.

Ang mga file ng template ang nagdidikta kung aling mga seksyon ang lilitaw bilang default at ang pagkakasunud-sunod na lumitaw sa isang tema na iyong na-install. Kapag naidagdag ang template maaari kang magdagdag ng mga pabagu-bagong seksyon bilang mga preset ng tema sa pamamagitan ng pagpunta sa editor ng tema.

Mga Extension ng Tema ng App na may Mga Bloke ng App

Ang mga extension ng tema ng app para sa mga developer ay maaaring makatulong sa iyo na magdagdag ng isang bilang ng mga tampok pati na rin ang mga extension. Maaari mong pahabain ang pagpapaandar ng site ng merchant sa tulong nito

Dati, walang paraan para isama ang mga app sa mga tema. Bilang isang resulta, kinailangan ng mga developer na mag-code ng isang lohika ng pagsasama para sa mga mayroon nang mga tema. Ginawa nitong mahirap upang makagawa ng mga tampok na patuloy na gumagana sa maraming tema. Hindi na iyon ang kaso.

Modularidad ng App

Ang isa pang highlight ay ang pagiging modular ng app. Nangangahulugan lamang ito na bilang isang developer posible na ngayon para sa iyo na magdagdag at mag-alis ng mga bahagi ng UI sa pamamagitan ng editor ng tema. Hindi na kailangan mong i-access ang code ng tema.

Nagbibigay ito ng isang simpleng paraan para pamahalaan mo ang mga sumusuporta sa mga asset ng isang app. Kasama si Shopify 2.0 maaari mong pamahalaan ang mga sumusuporta sa mga assets ng iyong app at i-host ang mga ito sa platform ng medyo madali.

Mga pagbabago sa Metafields

Hinahayaan ng na-update na tema editor ang mga negosyante na magdagdag ng mga meta field at pag-aari. Ang magandang balita ay hindi mo kailangan ng alinman sa mga API o anumang uri ng pag-coding upang magawang posible iyon.

Bilang isang mangangalakal, malaya kang magdagdag ng nilalamang nais mo sa pahina ng produkto, na nagpapakilala ng puwang para sa pagdaragdag ng karagdagang impormasyon na makakatulong sa mga potensyal na mamimili, sabihin ang isang tsart ng laki o listahan ng sangkap. Anumang bagay na malamang na hindi lumitaw sa editor ng tindahan ay maaaring ma-update sa pamamagitan ng mga patlang ng meta.

Narito ang iba't ibang mga paraan kung saan binago nila ang mga patlang ng meta.

  • flexibility: Ang mga Metafields ay mas may kakayahang umangkop. Matutulungan ka nitong ligtas na mai-import ang data ng commerce.
  • Karaniwang mga patlang ng meta: Ginawang mas simple ng mga pamantayang patlang na meta para sa mga pasadyang tema upang simulang magtrabaho sa labas ng kahon sa mga tindahan sa mga patayong market.
  • Mga pahiwatig sa pagtatanghal: Maaari kang magdagdag ng mga pahiwatig ng pagtatanghal sa mga patlang ng meta para sa pag-render ng data ng store

Tagapili ng File

Sinusuportahan ngayon ng Metafields ang maraming media tulad ng mga imahe o mga PDF file. Sa halip na hard-coding ng isang partikular na uri ng file sa isang tema, kung ano ang ginagawa ng isang meta field file picker ay hinahayaan kang mag-upload ng napiling media sa mga pahina ng produkto.

Maaaring ma-access ang mga imahe sa pamamagitan ng seksyon ng mga setting / file at para sa agarang paggamit.

Kung nais mo ang isang warranty ng produkto o sukat ng tsart ang tagapili ng file ay ginagawang madali para sa iyo na piliin ang partikular na file na may simpleng UX. Sa pamamagitan nito, ang meta field ay inilalagay sa loob mismo ng tema.

Files API

Sa bersyon ng API 2021-07 maaari mong gamitin ang File API upang lumikha, mag-update at magtanggal ng mga generic na file. Hinahayaan nitong magamit muli ng mga mangangalakal ang iba't ibang mga file para sa iba't ibang mga app. Ang mga ito ay idinagdag sa pahina ng mga file sa loob Shopify admin

Maa-access ng mga developer ang mga setting / file sa pamamagitan ng bagong Files API. Ang GraphQL API na ipinakilala kasama ang bersyon na ito ay ginagawang madali para sa iyo na mag-upload o pumili ng mayroon nang mga file ng media sa pamamagitan ng mga setting / file. Maaaring makinabang ang mga app mula sa pag-access sa partikular na lugar na ito sa admin habang pinupuno ang mga patlang ng meta sa pamamagitan ng nilalaman.

Nagbubukas ito ng mga pagkakataon para magamit ng mga app ang puwang na ito para sa mga file at larawan na hindi direktang nauugnay sa isang produkto, kasama ang mga imaheng ginamit sa mga tema.

Pagtatakda ng Liquid Input

Ang isa pang pag-update sa editor ng tema ay ang setting ng pag-input ng Liquid kung saan maaari kang magdagdag ng pasadyang code ng Liquid sa mga pahina mula sa mismong editor.

Ang setting ng Liquid ay katulad ng setting ng HTML. Ang pagkakaiba lamang ay nakakuha ka ng pag-access sa mga variable ng Liquid. Maaaring ma-access ng mga negosyante ang parehong pandaigdigan at template na tukoy sa Liquid.

Binabawasan ng setting ang pangangailangan para sa mga mangangalakal na manu-manong baguhin ang code ng anumang tema kapag nagdaragdag ng code para sa mga app na gumagamit ng Liquid.

Gamitin ang dokumentasyon ng developer, o tingnan ang bagong tema mula sa seksyon ng pasadyang likido ng Dawn.

Sa pamamagitan nito madali para sa iyo na gumawa ng mga independiyenteng desisyon tungkol sa tindahan bilang isang developer na nagpapalaya sa iyong oras upang ituon ang pansin sa mga malikhaing pagsasama at solusyon.

Mga Bagong Tool ng Developer

Nagbubukas ang online store 2.0 ng isang buong hanay ng mga pagkakataon para sa mga developer na bumuo ng mga bagong app at tema para sa iyo. Ang mga bagong tool ng developer ay nagsasama at tumutulong sa pagsubok, pagbuo, at pag-deploy ng mga bagong tema.

Ang Shopify Ginagawang madali ng pagsasama ng GitHub para sa iyo na gamitin ang Shopify CLI tool kasama ang pagsuri sa tema. Ang parehong mga tool na ito ay nagbibigay-daan sa iyo upang subukan ang mga tema sa sandbox at streamlines development bilang isang resulta ng na.

Shopify Pagsasama ng Github

Ang bagong pagsasama sa GitHub ay ginagawang mas madali ang bagong pag-unlad ng tema at pagpapanatili para sa iyo upang parehong subaybayan at pamahalaan. Ikonekta ang GitHub user account sa online store. Ang mga pagbabago ay itinulak sa GitHub at nakuha sa isang repo na naka-sync sa kasalukuyang estado ng mga napiling tema.

Ang Shopify Tinitiyak ng pagsasama ng GitHub na makukonekta mo ang iyong account ng gumagamit sa Shopify pangasiwaan at ikonekta ang mga sanga ng Git sa mga tema sa tindahan. Hinahayaan ka ng katutubong suporta para sa kontrol ng bersyon na gumawa, subaybayan at pamahalaan ang mga pagbabago sa code ng tema din:

Hinahayaan ang pagsasama ng GitHub sa mga tema na ligtas na makipagtulungan sa pamamagitan ng pag-edit ng mga tema sa pagpapakilala ng katutubong suporta para sa kontrol ng bersyon. Hinahayaan ng pagsasama ang mga developer na ligtas na makipagtulungan kapag nag-e-edit ng mga tema na may suporta para sa kontrol ng bersyon. Kapag nagtatrabaho sa isang merchant store, maaaring magpatupad ang mga developer ng mga daloy ng trabaho kung saan ang mga pagbabago sa mga tema ay sinusuri at isinama sa GitHub bago lumipat sa isang live na tema.

Shopify CLI

Mayroong mga bagong pagbabago sa Shopify CLI tool din. Ang mga developer ng app ay hanggang ngayon na ginagamit ang tool na CLI upang makabuo ng Node.js at Ruby on Rails apps ngunit sa kasalukuyang mga pagbabago, ang mga developer ay maaaring bumuo ng mga pasadyang tema sa CLI.

Narito ang buong hanay ng mga pagpapaandar na nakukuha mo:

  • Maaari kang bumuo, mag-preview, at subukan ang mga pagbabago sa mga tema sa loob ng mga tema ng pag-unlad.
  • Maaari mong mai-hot-reload ang mga pagbabago sa seksyon ng CSS at Liquid na binuo mo salamat sa dev server.
  • Simulan ang isang bagong proyekto sa tema gamit ang bagong tema na Dawn.
  • Itulak at mai-publish ang mga tema mula sa linya ng utos
  • Patakbuhin ang tseke ng tema sa tema.
  • Populate data ng pagsubok para sa tema para sa mga customer ng mga produkto at mga draft na order.

Ang mga tema ng pag-unlad ay pansamantalang nakatago na mga tema na konektado sa Shopify tindahan para sa kaunlaran. Ang mga tema ng pag-unlad ay hindi nakikita sa lugar ng admin, kaya't hindi ka dapat mag-alala na ang anumang mga bisita sa tindahan ay makikita ang iyong site dito.

Ang mga tema sa pag-unlad ay hindi nagdaragdag patungo sa limitasyon ng tema. Dahil sa kadahilanang iyon ang mga ito ay tinanggal nang mag-isa pagkatapos ng pitong araw na hindi aktibo. Tatanggalin din ang mga ito kapag pinatakbo mo ang Shopify-sunod sa pag-logout. Kung kailangan mo ng isang link ng preview na hindi nawasak kapag nag-log out, ang maaari mong gawin ay itulak ang tema sa tindahan.

Ang mga tema ng pag-unlad ay maaaring magamit upang matingnan ang mga pagbabago sa isang tema na binuo nang lokal sa real-time, nakikipag-ugnay sa tema, at ipasadya ang tema sa editor ng tema. Sa gayon ang bagong tool ng CLI ay nagbibigay sa iyo ng maraming kontrol sa kung paano lilitaw ang panghuling tema.

Maaaring gawing madali ng mga tool ang proseso ng pag-unlad at makapagsimula ka sa Online store 2.0 na mabilis

Suriin ang Tema

Ang Check ng Tema ay isa pang mahalagang bahagi para sa Liquid at JSON na sumusuri sa mga tema para sa mga error. Kapag nakumpleto ang pag-scan ang tool ay nagha-highlight sa mga pinakamahusay na kasanayan para sa parehong Shopify platform at ang likidong wika.

Sumasama ito sa mga editor tulad ng Visual Studio at kinikilala ang mga isyu sa code.

Upang maunawaan mo ang mga isyu na nagpapatuloy ang mga mensahe ng error na may isang link sa nabigong pag-check na lilitaw. Ang Suriing Tema ay na-bundle kasama ng Shopify CLI tool kaya hindi mo kailangang i-install ang pareho nang hiwalay.

Iba Pang Mga Tampok na Worth Noting

Bulk Mutation API

Ang Bulk OperationRunMutation endpoint ay isang solusyon sa Shopify upang mai-export ang data nang maramihan sa isang tindahan.

Sa halip na ang simulasyong GraphML, maaari kang magpatakbo ng isang pagpapatakbo ng maramihang mutation. Ito ay isang simpleng paraan para sa iyo upang mai-import ang lahat ng data, nang hindi nahaharap sa anumang mga bottleneck dahil sa isang malaking bilang ng mga file.

Narito ang mga magagamit na pagpipilian:

  • productCreate
  • koleksyonMalikha
  • pag-update ng produkto
  • productUpdateMedia
  • productPageUpdate
  • productVariantUpdate
  • metafieldUpsert
  • priceListFixedPricesAdd
  • priceListFixedPricesDelete

Checkout Resource API para sa Mga Diskwento

Ibinabalik ng mapagkukunan ng pag-checkout ang application_type na pag-aari para sa mga diskwento na idinagdag sa pag-checkout. Ipinapakita ng patlang kung paano inilapat ang diskwento.

Ang mga wastong halaga ay may kasamang awtomatiko, diskwento_code, manu-manong, at script.

Mga Tema ng Pagtatakda ng Liquid Input

Ang bagong mga setting ng pag-input ng Liquid ay para sa mga mangangalakal upang magdagdag ng pasadyang Liquid code nang direkta mula sa mismong editor. Ito ay medyo katulad sa setting ng HTML.

Maaaring ma-access ng mga negosyante ang pandaigdigan at template na tukoy sa Liquid na mga bagay na may mga zero na pag-edit sa code ng tema. Ang bagong tema ng sanggunian ay tinatawag na Dawn. Ito ay isang open-source na tema ng sanggunian na inihurnong may kakayahang umangkop at mga pagpipilian na madaling gamitin. Gumagamit ito ng maraming mga tampok sa Online Store 2.0 tulad ng mga template ng JSON at mga bloke ng app.

Sa kabuuan:

Shopify may tatlong bahagi sa tindahan:

  • Ang mga tema at ang online editor
  • Pag-save ng Nilalaman
  • Mga Tool ng Developer

Kung hindi ka isang developer at simpleng may-ari ng tindahan, ang bagong online editor at system ng pamamahala ng nilalaman ay malamang na may pinaka-epekto sa iyo bilang isang may-ari ng tindahan.

ShopifyAng na-update na wika ng template ay mayroon na ngayong isang katulad na editor sa loob ng bahay tulad ng Gutenberg ng WordPress na inilabas noong 2018. Iyon ay inilalapit ito sa mga editor ng pahina sa mga platform tulad ng Squarespace at Wix.

Madaling mapapalitan ng editor ang isang bilang ng Shopify mga app kabilang ang sikat na tagabuo ng pahina ng Shogun.

Papayagan ng bagong editor ang maliliit at katamtamang sukat na mga negosyo na lumikha ng mga bagong template ng pahina at i-populate ang data sa loob ng mga ito nang hindi nagsusulat ng isang solong linya ng code gamit ang inbuilt Shopify mga seksyon ng pahina pati na rin ang mga bloke.

Sa wakas, ang sistema ng pamamahala ng nilalaman ay isa pang napakahalagang lugar na mayroong isang pang-facelift at mga karagdagang tampok. Gamit ang bagong pag-update, makukuha mo ang lahat ng bagong pagta-type ng pasadyang nilalaman. Lumikha ng nilalaman nang isang beses at mai-publish ito sa loob ng lahat ng iyong mga channel, kabilang ang online na tindahan.

Ano ang palagay mo sa Shopify Online Store 2.0? Ipaalam sa amin sa mga komento sa ibaba.

Bogdan Rancea

Si Bogdan ay isang founding member ng Inspired Mag, na naipon ang halos 6 na taong karanasan sa panahong ito. Sa kanyang bakanteng oras gusto niyang mag-aral ng klasikal na musika at galugarin ang visual arts. Medyo nahuhumaling rin siya sa mga fixies. Nagmamay-ari na siya ng 5.