Tot ce trebuie să știți despre Shopify 2.0 (și ce trebuie să faceți)

Dacă sunteți proprietar de afaceri sau marketer și vă gândiți să utilizați Shopify pentru a vă crea magazinul de comerț electronic, veți dori să acordați o atenție deosebită acestui articol.

Suntem pe cale să vă spunem despre Shopify 2.0 - inclusiv ce este nou, de ce este bun și ce trebuie să faceți pentru a profita de actualizare.

Deci, indiferent dacă abia începi și faci cercetări sau deja un utilizator Shopify ia în considerare o actualizare, citiți mai departe pentru tot ce trebuie să știți.

Ce este acoperit în această postare:

• O scurtă prezentare a magazinului Shopify
• Ce este Shopify 2.0 și care sunt noile funcții?
• Care este noua arhitectură tematică?
• Ce trebuie să știe dezvoltatorii?
• Cum să vă configurați magazinul pe Shopify 2.0
• Ce ar trebui să faci dacă magazinul tău a fost creat pe Shopify 1.0?
• Trebuie să vă actualizați Shopify Store la 2.0?

1. O scurtă prezentare a magazinului Shopify

Sursa: Prezentarea Magazinului online 2.0: Ce înseamnă pentru dezvoltatori

Dacă sunteți aici, fie aveți deja un magazin Shopify, fie vă gândiți să obțineți unul. Și dacă este vorba din urmă, s-ar putea să vă întrebați dacă un magazin online Shopify este platforma potrivită pentru dvs.

Dacă acesta este cazul, ați putea fi interesat să citiți articolul nostru, „Shopify vs WooCommerce — Care este cel mai bun pentru dvs.”.

Au existat 457 de milioane de cumpărători pe Shopify în 2020 - în creștere față de 218 milioane în 2018 (Sursa: Shopify).

Aici, la Exposure Ninja, ne place să lucrăm cu Shopify. Este potrivit pentru dvs. dacă sunteți o companie de comerț electronic în căutarea unui magazin online ușor de utilizat, cu multă asistență.

Caracteristicile sale grozave vă permit să urmăriți vânzările, să creați rapoarte de venituri și să generați comenzi de achiziție.

Magazinul original Shopify a fost încărcat cu 70 de teme personalizate plug-and-play, făcându-i mai ușor pentru oricine să-și configureze magazinul online în doar 15 minute.

Editarea temelor și crearea de pagini personalizate nu a fost întotdeauna simplă, dar magazinul online Shopify 2.0 speră să schimbe acest lucru. Comercianții Shopify pot aștepta acum cu nerăbdare un magazin online mult mai flexibil, cu un editor de teme și extensii de aplicații tematice incluse.

2. Ce este Shopify 2.0 și care sunt noile funcții?

Magazinul online Shopify 2.0 este o actualizare majoră a platformei magazinului online Shopify.

Lansat în iunie 2021, magazinul online actualizat 2.0 a înregistrat o schimbare semnificativă pentru Shopify într-un spațiu mai personalizabil și unul pe care mulți dezvoltatori l-ar putea bineveni.

Cu un ochi pe experiența utilizatorului, Shopify nu a uitat de numeroșii săi utilizatori care folosesc platforma, datorită ușurinței sale de utilizare. Schimbările, ne asigură ei, sunt „mai ușoare și mai flexibile”.

Deci, care sunt noile caracteristici cheie?

• „Secțiunile” sunt acum disponibile pe toate paginile, nu doar la pagina de pornire
• Au introdus extensii de aplicații tematice
• Blocurile de aplicații sunt acum disponibile prin interfața editorului de teme
• Adăugați elemente la extensiile de aplicații tematice
• Îmbunătățiri ale metacâmpurilor
• Selectorul de fișiere acceptă fișiere imagine
• Un nou API pentru fișiere
• Îmbunătățiri ale editorului de teme
• Setare de intrare de lichid.

Actualizarea include o nouă temă de referință numită „ Zouri ”, care este cu 35% mai rapidă decât tema prestabilită anterioară, Debut. Magazinul online Shopify 2.0 este, de asemenea, deschis trimiterilor de teme de la dezvoltatori și are opțiuni de personalizare și asistență îmbunătățite.

Dacă te uiți prin lista de funcții noi și te întrebi ce înseamnă asta, rămâne cu noi. Vă vom ghida prin tot ce trebuie să știți despre magazinul online 2.0.

Nu angajați o agenție de web design până nu citiți această carte electronică

Descărcați această carte electronică

3. Ce este noua arhitectură tematică?

Arhitectura temei poate suna ca un jargon, dar în termeni simpli, se referă la modul în care este structurat editorul.

Magazinul online Shopify 2.0 are un editor de teme actualizat, ceea ce este o veste bună din două motive:

1. Este mai ușor pentru cei care nu sunt dezvoltatori să personalizeze toate paginile
2. Este mai ușor pentru dezvoltatori să creeze teme personalizate și să creeze integrări.

Șapte funcții noi au fost adăugate magazinului online 2.0. Aici le vom analiza pe fiecare în detaliu.

Șabloanele de pagină au acum secțiuni

Secțiunile sunt componentele vizuale ale unei pagini de pe site-ul dvs., de exemplu, un banner, un bloc de imagini cu text sau un buton.

În versiunea anterioară de Shopify, numai pagina de pornire vă permitea să adăugați secțiuni noi și să trageți și să plasați acolo unde le doriți pe pagina dvs.

A fost posibil să vă personalizați secțiunile pe alte pagini, dar nu fără ajutorul unui dezvoltator.

Acum, comercianții pot personaliza orice pagină de pe site-ul lor, inclusiv paginile de produse, astfel încât magazinul lor online să se simtă complet personalizat pentru afacerea lor.

Cum funcționează?

• Fiecare pagină poate fi redată acum folosind fișiere șablon JSON
• Puteți configura mai multe fișiere șablon care se mapează la diferite produse
• Comercianții pot avea diferite pagini de produse, pagini de colecție și alte pagini în același magazin
• Comercianții pot defini secțiunile și ordinea în care secțiunile ar trebui să apară implicit atunci când tema este instalată
• Secțiunile dinamice pot fi acum adăugate la pagina de pornire.

Extensii de aplicații tematice cu blocuri de aplicații

În magazinul online anterior Shopify, nu exista nicio modalitate ca aplicațiile să se integreze cu editorul de teme. Un comerciant ar fi trebuit să angajeze un dezvoltator pentru a codifica integrarea cu temele existente. Acest lucru ar putea cauza rupturi în codul temei, ceea ce face dificilă realizarea integrărilor între teme.

Cu magazinul online 2.0, o extensie de aplicație tematică permite dezvoltatorilor să adauge funcții și extensii. Datorită acestui fapt, acum puteți adăuga funcționalități suplimentare magazinelor dvs. Shopify.

Modularitatea aplicației încorporată

Blocurile de aplicații permit dezvoltatorilor să creeze componente pe care să le adauge la un editor de teme fără a codifica integrarea.

Ce înseamnă asta pentru tine ca comerciant? Pur și simplu, dacă doriți să vă schimbați tema, dar să luați o aplicație integrală cu dvs., acest lucru este mult mai ușor și înseamnă că un dezvoltator nu va trebui să reconstruiască întreaga integrare. De asemenea, face mult mai ușoară eliminarea unei aplicații, cu toate codurile fantomă eliminate la o dezinstalare.

Modificări ale metacâmpurilor

Un metacâmp este spațiul în care puteți adăuga date informaționale despre un anumit activ pe site-ul dvs. Aceasta poate fi o imagine, listă, diagramă sau descărcabilă.

Acest nou editor de teme vă permite să adăugați metacâmpuri și proprietăți fără a utiliza API-uri sau cod. Acest lucru nu este posibil cu funcționalitatea anterioară din instrumentele de editare native Shopify.

Metacâmpurile au fost reproiectate de la zero pentru a fi mai flexibile și mai intuitive. Acum, puteți crea câmpuri personalizate pentru a se potrivi nevoilor dvs. în câteva minute cu sistemul de tip avansat 2.0 al magazinului online. Au fost introduse metacâmpuri standard, astfel încât fiecare temă să funcționeze imediat în magazine din diferite verticale de piață - nu este nevoie de codare suplimentară sau instalare de plugin.

Selector de fișiere

Selectorul de fișiere metacamp facilitează încărcarea și selectarea conținutului media pe paginile de produse. Toate imaginile dvs. salvate în secțiunea Setări/Fișiere sunt imediat disponibile pentru utilizare cu această nouă funcție.

Metacâmpurile funcționează cu multe surse media, cum ar fi imagini sau fișiere PDF.

De exemplu, în loc să codificați pentru anumite tipuri de fișiere în zona de conținut a creatorului de pagini a fiecărei teme, metacâmpurile vă permit să încărcați elementul selectat de pe telefon și să îl faceți să apară imediat pe paginile produselor - nu este nevoie să reveniți la setări.

File API

Actualizarea magazinului online 2.0 la File API oferă comercianților noi funcționalități și o interfață simplificată pentru încărcarea fișierelor.

Cu această versiune, dezvoltatorii pot crea, alege și încărca conținut media în magazinele lor Shopify printr-o consolă GraphQL ușor de utilizat din panoul de administrare al Shopify.

În plus, API-ul permite acum accesul din mai multe aplicații pentru a utiliza spațiul pentru fișiere care nu au legătură directă cu un anumit produs.

Setări de intrare pentru lichid

Setările de introducere lichidă permit comercianților să adauge cod lichid personalizat în pagini direct din editor, cu o nouă setare similară cu cea HTML. Aceasta înseamnă că veți avea acces la variabile globale și obiecte specifice șablonului, reducând nevoia de a schimba manual codul temei.

Acest cod personalizat Liquid facilitează pentru comercianții Shopify să lucreze cu noul magazin online 2.0 fără a interfera cu codul temei dvs. sau a implica dezvoltatorii de aplicații prea mult.

Ajungeți în partea de sus a Google gratuit

Descărcați o copie gratuită a cărții noastre cele mai bine vândute,

" Cum să ajungi în partea de sus a Google "

Descărcați copia mea gratuită

4. Ce trebuie să știe dezvoltatorii?

Dacă sunteți comerciant și căutați doar să cunoașteți motivele de bază pentru care ar trebui să treceți la Shopify 2.0, atunci editorul de teme actualizat ar trebui să fie un motiv suficient.

Dar Shopify a inclus câteva instrumente noi pentru dezvoltatori ca parte a magazinului online renovat. Vom trece peste acestea pe scurt aici.

Integrare GitHub

Integrarea Shopify GitHub permite dezvoltatorilor să se conecteze cu ușurință la contul lor de utilizator GitHub cu doar câteva clicuri.

Integrarea dintre teme și GitHub va permite dezvoltatorilor să lucreze mai eficient atunci când fac modificări. Dezvoltatorii pot implementa acum fluxul de lucru acolo unde au nevoie de aprobare înainte de a popula site-urile live cu actualizările lor. Acest lucru funcționează acum pe o singură platformă, economisind timp la popularea unei teme live.

Instrumentul Shopify CLI

Anterior, dezvoltatorii au folosit CLI pentru a genera aplicații Node.js, Ruby on Rails și extensii de aplicații. Magazinul online Shopify 2.0 le permite să utilizeze CLI pentru a actualiza temele de dezvoltare.

Temele de dezvoltare sunt ascunse din partea Shopify Admin a magazinului, permițând dezvoltatorilor să lucreze la ele. Aceste teme de dezvoltare nu sunt luate în considerare pentru limita dvs. de teme, dar Shopify le șterge automat dacă văd inactivitate pe temele de dezvoltare după șapte zile.

Noul instrument CLI vă va oferi dvs. sau dezvoltatorului dvs. control asupra dezvoltării temei, editării temelor și aspectului noii dvs. teme. În noul dvs. proiect temă, veți putea vedea orice modificări care au loc în direct, veți putea interacționa cu acestea și le veți personaliza folosind editorul.

Verificarea temei

Printre noile instrumente pentru dezvoltatori se numără Theme Check — un server de limbă care se integrează cu un editor de text pentru a identifica problemele din cod pentru dezvoltarea eficientă a temei noi.

Este livrat cu instrumentul Shopify CLI, așa că un dezvoltator ar trebui să le instaleze împreună. A fost conceput cu grijă, cu mesaje de eroare inclusiv un link către documentația verificării eșuate.

Zori

Sursa: Prezentarea Magazinului online 2.0: Ce înseamnă pentru dezvoltatori

Dawn este noua temă de referință care vine ca standard cu noul magazin online Shopify 2.0. Tema prestabilită anterioară a fost Debut, iar Dawn este în special mai rapidă, mai flexibilă și mai simplificată decât predecesorul său, făcând procesul de dezvoltare mult mai ușor.

Dawn are deja șabloane JSON pentru toate paginile sale, așa că poate fi folosit ca model atunci când deblochează secțiuni dintr-o temă nouă.

Viteza sa se datorează faptului că a fost construită cu Javascript minim, așa că Shopify încurajează dezvoltatorii să profite de funcționalitatea nativă a browserului pentru a reda aspecte HTML și CSS.

5. Cum să vă configurați magazinul pe Shopify 2.0

Configurarea unui magazin pe Shopify 2.0 este aceeași cu versiunea anterioară a Shopify. Este rapid și ușor de făcut, dar înainte de a începe, ar fi trebuit să te gândești la următoarele:

• Care este numele afacerii tale? Vi se va cere imediat numele magazinului dvs. și este imposibil să schimbați acest lucru, așa că asigurați-vă că alegeți cu atenție. Cu toate acestea, veți putea schimba acest lucru într-un domeniu ales mai târziu.
• Culorile mărcii, fonturile și un logo. Veți selecta o temă din magazinul de teme Shopify, dar probabil că veți dori să înlocuiți anumite componente ale temei cu brandingul dvs.
• Imagini și descrieri ale produselor pe care doriți să le vindeți, inclusiv UPC-uri, variante, detalii de livrare și, bineînțeles, prețul.
• Cum ați dori ca utilizatorii să efectueze plăți.
  • Shopify permite majoritatea opțiunilor, inclusiv Paypal, Visa, Mastercard, AMEX, Apple Pay, Amazon Pay și Google Pay.
• Structura site-ului; ce pagini doriți să includeți și copia pe care doriți să o aveți asupra lor. Va trebui să știți acest lucru când veniți să vă configurați navigarea și noile pagini.
• Elemente suplimentare, cum ar fi metadatele și elementele SEO pe care doriți să le includeți în paginile dvs.

Pentru un ghid complet despre configurarea magazinului dvs. Shopify într-un mod care să aibă în vedere SEO, ascultați podcastul nostru, Shopify SEO pentru începători sau urmăriți videoclipul de mai jos.

Ce ar trebui să faci dacă magazinul tău a fost creat pe Shopify 1.0?

Dacă aveți deja un magazin online Shopify și doriți să faceți upgrade la Shopify 2.0, există trei moduri disponibile:

Vizitați magazinul de teme Shopify și descărcați una dintre noile teme Shopify.

Verificați dacă tema dvs. existentă oferă o versiune actualizată folosind magazinul online 2.0.

Migrați șabloanele de teme actuale la noua arhitectură.

1. Descărcați o temă nouă

1. Vizitați magazinul tematic Shopify.
2. Filtrați după „Arhitectura temei”.
3. Selectați „Magazin online 2.0”.
4. Alegeți tema preferată și apăsați „Încercați tema”.
5. Trebuie să plătiți doar dacă publicați tema pe site-ul dvs. Shopify.

2. Actualizați-vă tema curentă

1. Vizitați magazinul tematic Shopify și filtrați după „Magazin online 2.0” ca mai sus. Dacă tema dvs. este disponibilă pentru o actualizare, ar trebui să o vedeți acolo.
2. Alternativ, ar trebui să aveți o notificare în administratorul Shopify (mai jos, unde se precizează tema).
3. Faceți clic pe notificare și „Adăugați la biblioteca de teme”.
4. Orice personalizări făcute temei dvs. folosind Editorul de teme sunt copiate și aplicate temei actualizate. Acestea includ:
5. Setări ale temei modificate
6. Aspecte de pagină modificate, cum ar fi adăugarea, reordonarea, eliminarea sau ascunderea secțiunilor sau blocurilor
7. Șabloane noi
8. Au fost adăugate, eliminate sau modificate setări ale înglobărilor sau extensiilor de aplicații.

3. Migrați șablonul de temă

Acesta este un proces lung și pe care nu l-am recomanda decât dacă sunteți dezvoltator.

1. Utilizați instrumentul Shopify CLI sau editorul de cod. Poate fi necesar să instalați CLI.
2. Asigurați-vă că sunteți conectat ca colaborator sau ca „personal” pentru contul la care doriți să lucrați.
3. Faceți o copie a temei dvs.
4. Convertiți codul actual al temei dintr-o setare de intrare Liquid într-un șablon JSON.
5. Mutați orice cod lichid sau HTML în secțiuni pentru a fi folosit în noul șablon JSON.
6. Puteți citi procesul complet aici pe Shopify.dev.

Trebuie să faceți upgrade magazinului dvs. Shopify la 2.0?

Răspunsul scurt la aceasta este nu .

Shopify oferă încă o mulțime de teme compatibile cu versiunea originală.

Cu toate acestea, dacă sunteți proprietarul unui magazin care căutați personalizare suplimentară, șabloane de pagină noi și pagini personalizate, atunci trecerea la 2.0 ar putea fi o opțiune bună pentru dvs.

Cel mai recent sfat de la Shopify este că, dacă intenționați să utilizați aplicații, ar trebui să încercați să utilizați extensii de aplicație pentru a vă integra cu magazinul dvs. online. Acest lucru este adevărat dacă trimiteți o nouă aplicație, deoarece acestea trebuie să folosească extensii de teme pentru a se integra. Shopify intenționează să facă din aceasta o cerință pentru toate aplicațiile în viitor.

Proprietar de afaceri Shopify? S-ar putea să vă bucure să citiți blogul nostru despre Cum să creați o strategie de marketing Shopify câștigătoare.

Ce să citești în continuare

• Cele mai bune platforme de comerț electronic de utilizat
• Shopify vs WooCommerce – Care este cel mai bun pentru tine?
• Cum să creezi o strategie de marketing Shopify câștigătoare
• Un ghid PPC pentru magazinele de comerț electronic Shopify
• 11 lucruri pe care trebuie să le știți înainte de a alege o agenție de web design
• 6 moduri de a crește vânzările magazinului dvs. de comerț electronic