Tutto quello che devi sapere su Shopify 2.0 (e cosa fare)

Se sei un imprenditore o un marketer che considera l'utilizzo di Shopify per creare il tuo negozio eCommerce, ti consigliamo di prestare molta attenzione a questo articolo.

Stiamo per parlarti di Shopify 2.0, comprese le novità, perché è buono e cosa devi fare per sfruttare l'aggiornamento.

Quindi, che tu stia appena iniziando e facendo le tue ricerche o che sia già un utente Shopify che sta valutando un aggiornamento, continua a leggere per tutto ciò che devi sapere.

Cosa è trattato in questo post:

• Una breve panoramica dello Shopify Store
• Che cos'è Shopify 2.0 e quali sono le nuove funzionalità?
• Qual è la nuova architettura del tema?
• Cosa devono sapere gli sviluppatori?
• Come configurare il tuo negozio su Shopify 2.0
• Cosa dovresti fare se il tuo negozio è stato creato su Shopify 1.0?
• Devi aggiornare il tuo Shopify Store alla versione 2.0?

1. Una breve panoramica del negozio Shopify

Fonte: Presentazione del negozio online 2.0: cosa significa per gli sviluppatori

Se sei qui, hai già un negozio Shopify o stai pensando di acquistarne uno. E se è quest'ultimo, ti starai chiedendo se un negozio online Shopify è la piattaforma giusta per te.

In questo caso, potresti essere interessato a leggere il nostro articolo, "Shopify vs WooCommerce: qual è il migliore per te".

C'erano 457 milioni di acquirenti su Shopify nel 2020, rispetto ai 218 milioni del 2018 (Fonte: Shopify).

Qui a Exposure Ninja, amiamo lavorare con Shopify. È la soluzione giusta per te se sei un'azienda di e-commerce alla ricerca di un negozio online facile da usare con molto supporto.

Le sue straordinarie funzionalità ti consentono di monitorare le vendite, creare rapporti sulle entrate e generare ordini di acquisto.

Il negozio Shopify originale è stato caricato con 70 temi personalizzati plug-and-play, rendendo facile per chiunque configurare il proprio negozio online in soli 15 minuti.

La modifica dei temi e la creazione di pagine personalizzate non è sempre stata semplice, ma il negozio online Shopify 2.0 spera di cambiarlo. I commercianti Shopify ora possono aspettarsi un negozio online molto più flessibile con un editor di temi ed estensioni per app a tema incluse.

2. Che cos'è Shopify 2.0 e quali sono le nuove funzionalità?

Shopify online store 2.0 è un importante aggiornamento della piattaforma del negozio online di Shopify.

Rilasciato a giugno 2021, il negozio online aggiornato 2.0 ha visto un cambiamento significativo per Shopify in uno spazio più personalizzabile e uno spazio che molti sviluppatori potrebbero accogliere.

Con un occhio all'esperienza utente, Shopify non ha dimenticato i suoi numerosi utenti che utilizzano la piattaforma, grazie alla sua facilità d'uso. I cambiamenti, ci assicurano, sono “più facili e più flessibili”.

Quindi quali sono le nuove funzionalità chiave?

• Le "Sezioni" sono ora disponibili in tutte le pagine, non solo nella home page
• Hanno introdotto estensioni per app a tema
• I blocchi delle app sono ora disponibili tramite l'interfaccia dell'editor dei temi
• Aggiungi risorse alle estensioni per app del tuo tema
• Miglioramenti ai metafield
• Selettore file supporta i file di immagine
• Una nuova API di file
• Miglioramenti dell'editor di temi
• Impostazione dell'ingresso del liquido.

L'aggiornamento include un nuovo tema di riferimento chiamato " Alba " che è il 35% più veloce del precedente tema predefinito, Debutto. Il negozio online Shopify 2.0 è aperto anche all'invio di temi da parte degli sviluppatori e offre opzioni di personalizzazione e supporto migliorati.

Se stai esaminando l'elenco delle nuove funzionalità e ti chiedi cosa diavolo significhi tutto ciò, resta con noi. Ti guideremo attraverso tutto ciò che devi sapere sul negozio online 2.0.

Non assumere un'agenzia di web design prima di aver letto questo eBook

Scarica questo eBook

3. Qual è la nuova architettura del tema?

L'architettura del tema potrebbe sembrare un gergo, ma in termini semplici si riferisce a come è strutturato l'editor.

Shopify negozio online 2.0 ha un editor di temi aggiornato, che è una buona notizia per due motivi:

1. È più facile per i non sviluppatori personalizzare tutte le pagine
2. È più facile per gli sviluppatori creare temi personalizzati e creare integrazioni.

Sette nuove funzionalità sono state aggiunte al negozio online 2.0. Qui esamineremo ciascuno un po' più in dettaglio.

I modelli di pagina ora hanno sezioni

Le sezioni sono i componenti visivi di una pagina del tuo sito web, ad esempio un banner, un blocco immagine con testo o un pulsante.

Nella versione precedente di Shopify, solo la home page ti permetteva di aggiungere nuove sezioni e trascinarle dove volevi sulla tua pagina.

È stato possibile personalizzare le tue sezioni su altre pagine, ma non senza l'aiuto di uno sviluppatore.

Ora i commercianti possono personalizzare qualsiasi pagina del loro sito, comprese le pagine dei prodotti, in modo che il loro negozio online sia completamente personalizzato per la loro attività.

Come funzionano?

• Ora è possibile eseguire il rendering di ogni pagina utilizzando i file modello JSON
• È possibile impostare più file modello che si associano a prodotti diversi
• I commercianti possono avere diverse pagine di prodotto, pagine di raccolta e altre pagine nello stesso negozio
• I commercianti possono definire le sezioni e l'ordine in cui le sezioni dovrebbero apparire per impostazione predefinita quando il tema è installato
• È ora possibile aggiungere sezioni dinamiche alla home page.

Estensioni per app a tema con blocchi di app

Nel precedente negozio online Shopify, le app non potevano integrarsi con l'editor dei temi. Un commerciante avrebbe dovuto assumere uno sviluppatore per l'integrazione del codice con i temi esistenti. Ciò potrebbe causare rotture all'interno del codice del tema, rendendo difficile il trasporto delle integrazioni tra i temi.

Con il negozio online 2.0, un'estensione per app a tema consente agli sviluppatori di aggiungere funzionalità ed estensioni. Grazie a ciò, ora puoi aggiungere funzionalità aggiuntive ai tuoi negozi Shopify.

Modularità dell'app integrata

I blocchi delle app consentono agli sviluppatori di creare componenti da aggiungere a un editor di temi senza codificare l'integrazione.

Cosa significa questo per te come commerciante? In poche parole, se vuoi cambiare il tuo tema ma portare con te un'app integrale, questo è molto più semplice e significa che uno sviluppatore non avrà bisogno di ricostruire l'intera integrazione. Inoltre, semplifica notevolmente la rimozione di un'app, con tutto il codice fantasma rimosso durante la disinstallazione.

Modifiche ai metafield

Un metafield è lo spazio in cui puoi aggiungere dati informativi su una particolare risorsa all'interno del tuo sito web. Potrebbe trattarsi di un'immagine, di un elenco, di un grafico o di un file scaricabile.

Questo nuovo editor di temi ti consente di aggiungere metafield e proprietà senza utilizzare API o codice. Ciò non è possibile con le funzionalità precedenti negli strumenti di modifica nativi di Shopify.

I metafield sono stati rielaborati da zero per essere più flessibili e intuitivi. Ora puoi creare campi personalizzati per soddisfare le tue esigenze in pochi minuti con il sistema di tipo avanzato del negozio online 2.0. Sono stati introdotti metafield standard in modo che ogni tema funzioni immediatamente nei negozi di diversi mercati verticali, senza bisogno di codifica aggiuntiva o installazione di plug-in.

Selettore di file

Il selettore di file del metafield semplifica il caricamento e la selezione dei media sulle pagine dei prodotti. Tutte le tue immagini salvate nella sezione Impostazioni/File sono immediatamente disponibili per l'uso con questa nuova funzionalità.

I metafield funzionano con molte fonti multimediali, come immagini o file PDF.

Ad esempio, invece di codificare per particolari tipi di file nell'area dei contenuti del generatore di pagine di ciascun tema, i metafield ti consentono di caricare l'elemento selezionato dal telefono e di farlo apparire immediatamente sulle pagine dei prodotti, senza dover tornare alle impostazioni.

File API

L'aggiornamento 2.0 del negozio online all'API File offre ai commercianti nuove funzionalità e un'interfaccia semplificata per il caricamento dei file.

Con questa versione, gli sviluppatori possono creare, scegliere e caricare contenuti multimediali nei loro negozi Shopify tramite una console GraphQL di facile utilizzo all'interno del pannello di amministrazione di Shopify.

Inoltre, l'API ora consente l'accesso da più app per utilizzare lo spazio per i file non direttamente correlati a un particolare prodotto.

Impostazioni di immissione del liquido

Le impostazioni di input di Liquid consentono ai commercianti di aggiungere codice Liquid personalizzato alle pagine direttamente dall'editor con una nuova impostazione simile a quella HTML. Ciò significa che avrai accesso a variabili globali e oggetti specifici del modello, riducendo la necessità di modificare manualmente il codice del tema.

Questo codice Liquid personalizzato rende più facile per i commercianti Shopify lavorare con il nuovo negozio online 2.0 senza interferire con il codice del tuo tema o coinvolgere troppo gli sviluppatori di app.

Raggiungi la vetta di Google gratuito

Scarica una copia gratuita del nostro libro più venduto,

" Come arrivare in cima a Google "

Scarica la mia copia gratuita

4. Cosa devono sapere gli sviluppatori?

Se sei un commerciante e stai solo cercando di conoscere i motivi di base per cui dovresti passare a Shopify 2.0, l'editor di temi aggiornato dovrebbe essere un motivo sufficiente.

Ma Shopify ha incluso alcuni nuovi strumenti per sviluppatori come parte del rinnovato negozio online. Li esamineremo brevemente qui.

Integrazione con GitHub

L'integrazione Shopify GitHub consente agli sviluppatori di connettersi facilmente al proprio account utente GitHub con pochi clic.

L'integrazione tra temi e GitHub consentirà agli sviluppatori di lavorare in modo più efficiente quando apportano modifiche. Gli sviluppatori possono ora implementare il flusso di lavoro dove hanno bisogno dell'approvazione prima di popolare i siti live con i loro aggiornamenti. Questo ora funziona su una piattaforma, risparmiando tempo durante la compilazione di un tema live.

Strumento CLI di Shopify

In precedenza, gli sviluppatori potrebbero aver utilizzato la CLI per generare app Node.js, Ruby on Rails ed estensioni per app. Shopify negozio online 2.0 consente loro di utilizzare la CLI per aggiornare i temi di sviluppo.

I temi di sviluppo sono nascosti dalla parte Shopify Admin del negozio, consentendo agli sviluppatori di lavorarci. Questi temi di sviluppo non contano per il limite del tuo tema, ma Shopify ‌li elimina automaticamente se rilevano inattività sui temi di sviluppo dopo sette giorni.

Il nuovo strumento CLI darà a te o al tuo sviluppatore il controllo sullo sviluppo del tema, sulla modifica dei temi e sull'aspetto del nuovo tema. All'interno del tuo nuovo progetto a tema, sarai in grado di visualizzare tutte le modifiche in corso dal vivo, interagire con esse e personalizzarle utilizzando l'editor.

Controllo del tema

Tra i nuovi strumenti per sviluppatori c'è Theme Check, un server di lingua che si integra con un editor di testo per identificare i problemi all'interno del codice per uno sviluppo efficiente di nuovi temi.

È in bundle con lo strumento Shopify CLI, quindi uno sviluppatore dovrebbe installarli insieme. È stato progettato con cura, con messaggi di errore che includono un collegamento alla documentazione del controllo non riuscito.

Alba

Fonte: Presentazione del negozio online 2.0: cosa significa per gli sviluppatori

Dawn è il nuovo tema di riferimento che viene fornito di serie con il nuovo negozio online Shopify 2.0. Il precedente tema predefinito era Debutto e Dawn è notevolmente più veloce, più flessibile e più snello rispetto al suo predecessore, rendendo il processo di sviluppo molto più fluido.

Dawn ha già modelli JSON per tutte le sue pagine, quindi può essere utilizzato come modello per sbloccare sezioni all'interno di un nuovo tema.

La sua velocità è dovuta alla creazione con Javascript minimo, quindi Shopify incoraggia gli sviluppatori a sfruttare la funzionalità del browser nativo per eseguire il rendering di layout HTML e CSS.

5. Come configurare il tuo negozio su Shopify 2.0

La configurazione di un negozio su Shopify 2.0 è la stessa della versione precedente di Shopify. È facile e veloce da fare, ma prima di iniziare, dovresti aver pensato a quanto segue:

• Qual è il nome della tua attività? Ti verrà chiesto subito il nome del tuo negozio ed è impossibile cambiarlo, quindi assicurati di scegliere con attenzione. Tuttavia, potrai modificarlo in un dominio prescelto in un secondo momento.
• Colori del marchio, caratteri e un logo. Sceglierai un tema dal negozio di temi Shopify, ma probabilmente vorrai sostituire alcuni componenti del tema con il tuo marchio.
• Immagini e descrizioni dei prodotti che desideri vendere, inclusi UPC, varianti, dettagli di spedizione e, naturalmente, il prezzo.
• Come desideri che gli utenti effettuino i pagamenti.
  • Shopify consente la maggior parte delle opzioni, tra cui Paypal, Visa, Mastercard, AMEX, Apple Pay, Amazon Pay e Google Pay.
• La struttura del sito; quali pagine vorresti includere e la copia che vorresti avere su di esse. Dovrai saperlo quando verrai a configurare la tua navigazione e le tue nuove pagine.
• Elementi aggiuntivi come i metadati e gli elementi SEO che vorresti includere nelle tue pagine.

Per una guida completa su come configurare il tuo negozio Shopify in un modo che abbia in mente la SEO, ascolta il nostro podcast, Shopify SEO per principianti o guarda il video qui sotto.

Cosa dovresti fare se il tuo negozio è stato creato su Shopify 1.0?

Se hai già un negozio online Shopify e desideri eseguire l'upgrade a Shopify 2.0, sono disponibili tre modi:

Visita il negozio di temi Shopify e scarica uno dei nuovi temi Shopify.

Verifica se il tuo tema esistente offre una versione aggiornata utilizzando il negozio online 2.0.

Migra i tuoi modelli di temi attuali alla nuova architettura.

1. Scarica un nuovo tema

1. Visita il negozio di temi Shopify.
2. Filtra per "Architettura del tema".
3. Seleziona "Negozio online 2.0".
4. Scegli il tuo tema preferito e premi "Prova tema".
5. Devi pagare solo se pubblichi il tema sul tuo sito Shopify.

2. Aggiorna il tuo tema attuale

1. Visita il negozio di temi Shopify e filtra per "Negozio online 2.0" come sopra. Se il tuo tema è disponibile per un aggiornamento, dovresti vederlo lì.
2. In alternativa, dovresti avere una notifica nel tuo pannello di controllo Shopify (sotto dove indica il tuo tema).
3. Fai clic sulla notifica e su "Aggiungi alla libreria dei temi".
4. Eventuali personalizzazioni apportate al tuo tema utilizzando l'Editor temi vengono copiate e applicate al tema aggiornato. Questi includono:
5. Impostazioni del tema modificate
6. Layout di pagina modificati, come l'aggiunta, il riordino, la rimozione o l'occultamento di sezioni o blocchi
7. Nuovi modelli
8. Impostazioni aggiunte, rimosse o modificate di incorporamenti di app o estensioni di app.

3. Migra il modello del tuo tema

Questo è un processo lungo e non lo consigliamo a meno che tu non sia uno sviluppatore.

1. Usa lo strumento Shopify CLI o l'editor di codice. Potrebbe essere necessario installare la CLI.
2. Assicurati di aver effettuato l'accesso come collaboratore o come "personale" per l'account su cui vuoi lavorare.
3. Fai una copia del tuo tema.
4. Converti il ​​codice del tuo tema corrente da un'impostazione di input Liquid in un modello JSON.
5. Sposta qualsiasi codice Liquid o HTML nelle sezioni da utilizzare nel tuo nuovo modello JSON.
6. Puoi leggere il processo completo qui su Shopify.dev.

Devi aggiornare il tuo negozio Shopify a 2.0?

La risposta breve a questo è no .

Shopify fornisce ancora molti temi compatibili con la versione originale.

Tuttavia, se sei il proprietario di un negozio alla ricerca di ulteriori personalizzazioni, nuovi modelli di pagina e pagine personalizzate, il passaggio alla versione 2.0 potrebbe essere una buona opzione per te.

L'ultimo consiglio di Shopify è che se prevedi di utilizzare le app, dovresti provare a utilizzare le estensioni dell'app da integrare con il tuo negozio online. Questo è vero se stai inviando una nuova app perché devono utilizzare le estensioni del tema per l'integrazione. Shopify prevede di renderlo un requisito per tutte le app in futuro.

Imprenditore di Shopify? Potresti divertirti a leggere il nostro blog su Come creare una strategia di marketing Shopify vincente.

Cosa leggere dopo

• Le migliori piattaforme di eCommerce da utilizzare
• Shopify vs WooCommerce: qual è il migliore per te?
• Come creare una strategia di marketing Shopify vincente
• Una guida PPC per i negozi eCommerce di Shopify
• 11 cose che devi sapere prima di scegliere un'agenzia di web design
• 6 modi per aumentare le vendite del tuo negozio eCommerce