Shopify Negozio online 2.0 – Tutto quello che c'è da sapere

Nel 2020 più di 450 milioni di persone hanno fatto il check-in Shopify. La società ha elaborato più di 120 miliardi di dollari di volume lordo della merce. È un fatto ovvio che Shopify è enorme e diventa sempre più grande.

Shopify il martedì (29 giugno 2021) ha annunciato una serie di nuove funzionalità, volto a rendere la piattaforma più personalizzabile per chiunque gestisca un negozio su Shopify. in linea Shopify 2.0 offre un enorme elenco di nuove funzionalità e temi per Shopify i commercianti.

La parola da Shopify è che il negozio online 2.0 è il frutto della più importante ricostruzione del linguaggio che utilizza per la creazione dei modelli: il linguaggio Liquid.

Per cominciare, il rinnovato negozio online renderà più facile per gli sviluppatori aggiungere funzionalità personalizzate alle loro vetrine. Netflix ha ricevuto l'accesso a questa piattaforma all'inizio e ha utilizzato l'accesso per creare Netflix.shop, il primo negozio di e-commerce per Netflix.

Ecco una breve panoramica di cosa significa per te il Negozio Online 2.0.

Descrizione

Le nuove funzionalità dell'Online Store 2.0 iniziano con una nuova esperienza di editing. Il nuovo editor rende davvero semplice per i commercianti creare vetrine da zero, aggiungere varie estensioni di temi e gestire app all'interno dei temi. L'idea con il nuovo editor era di centralizzare tutte le caratteristiche e le funzionalità disponibili.

Il tema di riferimento Dawn, il nuovo tema standard della vetrina in sviluppo, sarà il 35% più veloce del tema predefinito corrente (secondo stime interne). Shopify ha anche detto che il nuovo tema sarà aperto per le presentazioni degli sviluppatori dal 15 luglio 2021.

Inoltre, Shopify ha anche rivelato che la società aumenterà in modo significativo i suoi investimenti in infrastrutture e gli strumenti per gli sviluppatori. Di conseguenza, tu come commerciante non devi affrontare il mal di testa della ri-piattaforma per costruire vetrine commerciali senza testa o personalizzare le tue vetrine.

Con il nuovo negozio online rinnovato 2.0, Shopify sta cercando di rendere la piattaforma più visibile agli sviluppatori e ai giganti della tecnologia. Una mossa che segnalava questo stava offrendo l'accesso anticipato allo Store 2.0 a Netflix (menzionato in precedenza).

Online Store 2.0 è onnicomprensivo. Con il nuovo negozio, tutti hanno la possibilità di creare, personalizzare, ridimensionare e monetizzare Shopify.

La nuova architettura a tema

Con la versione precedente del negozio online, i commercianti erano limitati nel numero di blocchi disponibili all'interno del negozio. In precedenza, i negozi avevano modelli diversi mappati a prodotti diversi. Con la versione 2.0, come commerciante, ora hai la possibilità di aggiungere sezioni a ogni nuova pagina. In precedenza, potevi solo aggiungere sezioni alla home page.

È possibile attivare i modelli per ogni pagina con un file modello JSON che specifica le impostazioni per la pagina. Con questo, puoi elencare tutte le sezioni di una pagina, pagine di raccolta, pagine personalizzate, post di blog e altre cose del genere.

All'interno dei file modello JSON, puoi definire le sezioni che verranno visualizzate.

I file modello determinano quali sezioni vengono visualizzate per impostazione predefinita e l'ordine in cui vengono visualizzate su un tema installato. Una volta aggiunto il modello, puoi aggiungere sezioni dinamiche come preimpostazioni del tema accedendo all'editor del tema.

Estensioni per app a tema con blocchi app

Le estensioni per app a tema per sviluppatori possono aiutarti ad aggiungere una serie di funzionalità ed estensioni. Puoi estendere la funzionalità del sito del commerciante con l'aiuto di questo

Prima non c'era modo per le app di integrarsi con i temi. Di conseguenza, gli sviluppatori hanno dovuto codificare una logica di integrazione per i temi esistenti. Ciò ha reso davvero difficile creare funzionalità che funzionassero in modo coerente su più temi. Non è più così.

Modularità dell'app

Un altro punto forte è la modularità delle app. Ciò significa semplicemente che come sviluppatore è ora possibile aggiungere e rimuovere componenti dell'interfaccia utente tramite l'editor del tema. Non è necessario che tu acceda al codice del tema.

Questo ti offre un modo semplice per gestire le risorse di supporto di un'app. Con Shopify 2.0 puoi gestire le risorse di supporto della tua app e ospitarle sulla piattaforma abbastanza facilmente.

Modifiche ai metafield

L'editor del tema aggiornato consente ai commercianti di aggiungere meta campi e proprietà. La buona notizia è che non hai bisogno né di API né di alcuna forma di codifica per renderlo possibile.

Come commerciante, sei libero di aggiungere il contenuto che ti piace alla pagina del prodotto, introducendo spazio per aggiungere ulteriori informazioni che possono aiutare i potenziali acquirenti, ad esempio una tabella delle taglie o un elenco degli ingredienti. Tutto ciò che non è probabile che appaia nell'editor del negozio può essere aggiornato tramite i meta campi.

Ecco i diversi modi in cui hanno modificato i metacampi.

  • Flessibilità: I metafield sono più flessibili. Questo ti aiuta a importare in sicurezza i dati commerciali.
  • Metacampi standard: i metacampi standard semplificano l'avvio immediato dei temi personalizzati nei negozi di tutti i mercati verticali.
  • Suggerimenti per la presentazione: puoi aggiungere suggerimenti di presentazione ai meta campi per il rendering dei dati del negozio

Selettore file File

Metafields ora supporta molti media come immagini o file PDF. Piuttosto che codificare un particolare tipo di file in un tema, ciò che fa un selettore di file di metacampi è consentire di caricare il supporto selezionato nelle pagine del prodotto.

Le immagini sono accessibili tramite la sezione impostazioni/file e sono per uso immediato.

Se ti piace una garanzia del prodotto o una tabella delle taglie, il selettore di file ti consente di scegliere facilmente quel particolare file con una semplice UX. Con questo, il meta campo viene posizionato all'interno del tema stesso.

File API

Con la versione API 2021-07 puoi utilizzare File API per creare, aggiornare ed eliminare file generici. Ciò consente ai commercianti di riutilizzare file diversi per app diverse. Questi vengono aggiunti alla pagina dei file all'interno Shopify admin.

Gli sviluppatori potranno accedere alle impostazioni/ai file tramite la nuova API File. L'API GraphQL introdotta con questa versione semplifica il caricamento o la scelta di file multimediali esistenti tramite impostazioni/file. Le app possono trarre vantaggio dall'accesso a questa particolare area nell'amministratore mentre popolano i meta campi attraverso il contenuto.

Ciò apre opportunità per le app di utilizzare questo spazio per file e immagini che non sono direttamente associati a un prodotto, comprese le immagini utilizzate nei temi.

Impostazione ingresso liquido

Un altro aggiornamento all'editor del tema è l'impostazione di input Liquid da cui è possibile aggiungere codice Liquid personalizzato alle pagine dall'editor stesso.

L'impostazione Liquid è simile all'impostazione HTML. L'unica differenza è che puoi accedere alle variabili Liquid. I commercianti possono accedere sia agli oggetti Liquid globali che a quelli specifici del modello.

L'impostazione riduce la necessità per i commercianti di modificare manualmente il codice di qualsiasi tema quando si aggiunge il codice per le app che utilizzano Liquid.

Usa la documentazione per gli sviluppatori o guarda il nuovo tema dalla sezione custom-liquid di Dawn.

Con questo è facile per te prendere decisioni indipendenti sul negozio come sviluppatore, liberando il tuo tempo per concentrarti su integrazioni e soluzioni creative.

Nuovi strumenti per sviluppatori

Il negozio online 2.0 offre agli sviluppatori un'intera gamma di opportunità per creare nuove app e temi per te. I nuovi strumenti per sviluppatori si integrano e aiutano a testare, sviluppare e distribuire nuovi temi.

Lo strumento Shopify L'integrazione con GitHub semplifica l'utilizzo di Shopify Strumento CLI insieme al controllo del tema. Entrambi questi strumenti consentono di testare i temi nella sandbox e di conseguenza semplificano lo sviluppo.

Shopify Integrazione Github

La nuova integrazione con GitHub rende lo sviluppo e la manutenzione di nuovi temi molto più facili da monitorare e gestire. Collega l'account utente GitHub al negozio online. Le modifiche vengono inviate a GitHub e trascinate in un repository sincronizzato con lo stato corrente dei temi selezionati.

Lo strumento Shopify L'integrazione con GitHub ti assicura di connettere il tuo account utente con il Shopify admin e collega i rami Git ai temi nel negozio. Il supporto nativo per il controllo della versione ti consente di apportare, tenere traccia e gestire anche le modifiche al codice del tema:

L'integrazione di GitHub con i temi consente agli sviluppatori di collaborare in sicurezza modificando i temi con l'introduzione del supporto nativo per il controllo della versione. L'integrazione consente agli sviluppatori di collaborare in sicurezza durante la modifica dei temi con il supporto per il controllo della versione. Quando si lavora su un negozio commerciale, gli sviluppatori possono implementare flussi di lavoro in cui le modifiche ai temi vengono riviste e unite su GitHub prima di essere compilate in un tema attivo.

Shopify CLI

Ci sono nuove modifiche al Shopify Anche lo strumento CLI. Gli sviluppatori di app utilizzavano fino ad ora lo strumento CLI per generare app Node.js e Ruby on Rails, ma con le modifiche attuali, gli sviluppatori possono creare temi personalizzati con la CLI.

Ecco la gamma completa di funzioni che ottieni:

  • Puoi sviluppare, visualizzare in anteprima e testare le modifiche ai temi all'interno dei temi di sviluppo.
  • Puoi ricaricare a caldo le modifiche alla sezione CSS e Liquid che sviluppi grazie al server di sviluppo.
  • Inizializza un nuovo progetto a tema usando il nuovo tema Dawn.
  • Invia e pubblica temi dalla riga di comando
  • Esegui il controllo del tema sul tema.
  • Compila i dati di test per il tema per i clienti dei prodotti e gli ordini preliminari.

I temi di sviluppo sono temi temporaneamente nascosti collegati al Shopify riserva per lo sviluppo. I temi di sviluppo non sono visibili nell'area di amministrazione, quindi non devi preoccuparti che i visitatori del negozio vedranno il tuo sito su di esso.

I temi di sviluppo non si sommano al limite del tema. Per questo motivo questi vengono cancellati da soli dopo sette giorni di inattività. Vengono eliminati anche quando si esegue il Shopify-sequenza di logout. Se hai bisogno di un link di anteprima che non venga distrutto quando esci, quello che puoi fare è inviare il tema al negozio.

I temi di sviluppo possono essere utilizzati per visualizzare le modifiche a un tema sviluppato localmente in tempo reale, interagire con il tema e personalizzare il tema con l'editor del tema. Pertanto, il nuovo strumento CLI ti dà un sacco di controllo su come appare il tema finale.

Gli strumenti possono semplificare il processo di sviluppo e farti iniziare rapidamente con il negozio online 2.0

Controllo del tema

Theme Check è un altro componente integrale per Liquid e JSON che analizza i temi alla ricerca di errori. Una volta completata la scansione, lo strumento evidenzia le migliori pratiche per entrambi i Shopify piattaforma e il linguaggio Liquid.

Questo si integra con editor come Visual Studio e identifica i problemi con il codice.

Per comprendere i problemi che persistono, vengono visualizzati messaggi di errore con un collegamento al controllo fallito. Theme Check è in bundle con il Shopify Strumento CLI in modo da non dover installare lo stesso separatamente.

Altre caratteristiche degne di nota

API di mutazione in blocco

L'endpoint Bulk OperationRunMutation è una soluzione su Shopify per esportare i dati in blocco in un negozio.

Invece della simulazione GraphML, puoi eseguire un'operazione di mutazione in blocco. Questo è un modo semplice per importare tutti i dati, senza dover affrontare colli di bottiglia a causa di un gran numero di file.

Ecco le opzioni disponibili:

  • prodottoCrea
  • collezioneCrea
  • aggiornamento del prodotto
  • productUpdateMedia
  • ProductPageUpdate
  • ProductVariantUpdate
  • metafieldUpsert
  • listino prezziPrezzi fissiAggiungi
  • ListinoPrezziFissiCancellare

Checkout Resource API per sconti

La risorsa checkout restituisce la proprietà application_type per gli sconti aggiunti al checkout. Il campo mostra come è stato applicato lo sconto.

I valori validi includono automatico, codice_sconto, manuale e script.

Temi di impostazione dell'input liquido

Le nuove impostazioni di input di Liquid consentono ai commercianti di aggiungere codice Liquid personalizzato direttamente dall'editor stesso. È abbastanza simile all'impostazione HTML.

I commercianti possono accedere agli oggetti Liquid globali e specifici del modello senza modifiche al codice del tema. Il nuovo tema di riferimento si chiama Dawn. È un tema di riferimento open source dotato di flessibilità e opzioni di facilità d'uso. Utilizza diverse funzionalità del negozio online 2.0 come i modelli JSON e i blocchi di app.

Per riassumere:

Shopify ha tre parti per il negozio:

  • I temi e l'editor online
  • Salvataggio dei contenuti
  • Strumenti di sviluppo

Se non sei uno sviluppatore e sei semplicemente il proprietario di un negozio, è probabile che il nuovo editor online e il nuovo sistema di gestione dei contenuti abbiano l'impatto maggiore su di te come proprietario di un negozio.

Shopifyil linguaggio dei modelli aggiornato di ora ha un editor interno simile come Gutenberg di WordPress che è stato rilasciato nel 2018. Ciò lo avvicina agli editor di pagine su piattaforme come Squarespace e Wix.

L'editor può facilmente sostituire un certo numero di Shopify app incluso il popolare generatore di pagine Shogun.

Il nuovo editor consentirà alle piccole e medie imprese di creare nuovi modelli di pagina e popolare i dati al loro interno senza scrivere una singola riga di codice utilizzando il Shopify sezioni di pagina e blocchi.

Infine, il sistema di gestione dei contenuti è un'altra area estremamente importante che ha ricevuto un restyling e funzionalità aggiuntive. Con il nuovo aggiornamento, otterrai la nuovissima digitazione di contenuti personalizzati. Crea un contenuto una volta e pubblicalo all'interno di tutti i tuoi canali, incluso il negozio online.

Cosa ne pensi del Shopify Negozio in linea 2.0? Fatecelo sapere nei commenti qui sotto.

Bogdan Rancea

Bogdan è membro fondatore di Inspired Mag, avendo accumulato quasi 6 anni di esperienza in questo periodo. Nel tempo libero ama studiare musica classica ed esplorare le arti visive. È piuttosto ossessionato dai fissaggi. Possiede già 5.