Regali che si adattano allo stack che hai creato, senza toccarlo
Anche un cassetto del carrello personalizzato ha bisogno delle opzioni regalo. Assegna un nome di classe a qualsiasi elemento e il Gift Block compare lì, senza toccare il resto.
Il tema resta come l'hai pubblicato
Creato da zero o personalizzato fino a renderlo irriconoscibile? I Gift Blocks sono blocchi app del tema che si caricano con l'incorporamento app, così i regali arrivano senza codice nel tema da gestire.
- Nessuno snippet da gestire. I file del tema possono restare come li hai pubblicati. Fai pure refactoring: non c'è nessuno snippet regalo intrecciato nel codice.
- Aggiornamenti del tema quando vuoi tu. I Gift Blocks si ricollegano dopo gli aggiornamenti del tema, quindi la prossima release non richiede una checklist per i regali. Pubblicala di venerdì, se proprio devi.
- Blocchi app dove le tue sezioni li accettano. Nella pagina prodotto e nella pagina del carrello, i Gift Blocks si aggiungono come qualsiasi altro blocco app. Dove una sezione non ne accetta, Wrapped posiziona il blocco da solo.
Il tuo cassetto del carrello, con un Gift Block dentro
Hai creato tu il cassetto? Ogni Gift Block del negozio online ha tre punti di aggancio stabili proprio per questo. Alla maggior parte dei negozi non servono mai: senza di essi, Wrapped posiziona ogni blocco da solo.
- Un nome di classe scelto da te. Il Gift Block compare dentro l'elemento che lo porta: sotto ogni articolo, sopra il pulsante della cassa, dove vuole il design. Può portarlo sia il markup mobile sia quello desktop.
- Un evento JavaScript con il nome che scegli. Inviato su
documentedocument.documentElementquando un cliente salva o rimuove le opzioni regalo. Non contiene dati del carrello, quindi il tuo listener recupera il carrello e ridisegna il cassetto a modo tuo. - Un UUID per il tuo CSS. Ogni blocco lo riporta nell'attributo
uuid, così il Gift Block del cassetto può essere compatto mentre quello della pagina del carrello mantiene il suo spazio.
I Gift Blocks funzionano con
- Il cassetto del tema. Posizionato per te.
- Le app di cassetto del carrello più diffuse su Shopify. Ricostruito quando il cassetto si carica in ritardo.
- Un cassetto creato da te. Posizionato tramite il nome di classe che scegli.
I componenti di Shopify nel carrello e alla cassa
Se conosci Shopify, sai già come funzionano i regali. Ogni opzione regalo è un vero prodotto Shopify, con prezzo, inventario e immagine propri, e il carrello e la cassa usano i punti di estensione di Shopify.
- Una trasformazione del carrello per i bundle. Con l'opzione unica, il regalo viaggia dentro la riga del suo prodotto tramite una funzione di trasformazione del carrello di Shopify. Con l'opzione dettagliata, ha una riga tutta sua. In entrambi i casi, l'ordine mostra ogni riga da prelevare.
- Una funzione di sconto per gli sconti regalo. Gli sconti sui prodotti regalo si applicano automaticamente, compaiono in Sconti di Shopify insieme agli altri e si combinano con gli sconti su prodotti, ordini e spedizione. Nessuno deve inserire un codice.
- Alla cassa, su Shopify Plus. Il Gift Block della cassa è un'estensione UI della cassa, posizionata nell'editor della cassa di Shopify e con lo stile del tuo branding della cassa. Cambia lo stile della cassa e il blocco si adegua.
I dati regalo dove la tua pipeline già guarda
La sincronizzazione con l'ERP e l'importazione del 3PL leggono già gli ordini Shopify. I regali arrivano negli stessi punti, quindi non c'è un nuovo feed da collegare e nessuno ricopia un messaggio regalo nel sistema del magazzino.
- Proprietà degli articoli e attributi dell'ordine. Opzione regalo, A, Da e messaggio, sulla riga regalata con Regali per i prodotti e sull'ordine con Regali per gli ordini.
- Le chiavi che la tua mappatura si aspetta. I nomi degli attributi possono corrispondere alla tua importazione, e un trattino basso iniziale ne nasconde uno ai clienti mentre resta sull'ordine.
- Un riepilogo che il tuo parser trova. Un riepilogo regali va nella nota dell'ordine, tra due righe — Wrapped Gifting Attributes —, da un template Liquid. Il resto della nota viene mantenuto.
- Un'etichetta che va d'accordo con le altre. L'etichetta è 🎁 Wrapped o una tua, e si unisce alle etichette già presenti nell'ordine.
Consegna un negozio cliente senza nulla da spiegare
Il prossimo sviluppatore eredita un tema senza alcun nostro codice regalo, e il team del cliente gestisce i regali dal pannello di controllo Shopify, con lo stile che hai impostato.
- Pronto su un tema di staging. Configura i regali su un tema di staging e saranno pronti il giorno in cui quel tema va online.
- Lo gestisce il team del cliente. L'aspetto del blocco e i suoi testi si gestiscono nell'Editor regali, quindi trasformare «Fai un regalo» in «Confezionalo per le feste» è una loro scelta, non un tuo ticket.
- Una nota di consegna grande quanto un post-it. Se hai posizionato un blocco tramite nome di classe, indica l'elemento a cui punta, perché quel markup è tuo. Tutto il resto vive nel pannello di controllo Shopify.
Le prime domande degli sviluppatori
Il prossimo aggiornamento del tema romperà i regali?
No. I Gift Blocks sono blocchi app del tema che si caricano con l'incorporamento app, i file del tema possono restare come li hai pubblicati e i blocchi si ricollegano dopo gli aggiornamenti del tema. L'unica cosa da portare con te è il markup che hai aggiunto tu: anche la nuova versione deve contenere l'elemento a cui punta un nome di classe.
Un Gift Block può stare in un cassetto del carrello che ho creato io?
Sì. Assegna a un elemento del cassetto un nome di classe a tua scelta e il Gift Block compare al suo interno. Con Regali per i prodotti, metti l'elemento dentro il ciclo degli articoli, così ogni articolo ha il suo. Se il markup mobile e quello desktop sono separati, entrambi possono usare il nome di classe.
L'evento JavaScript contiene dati del carrello?
No. Wrapped invia l'evento con il nome che scegli su document e su document.documentElement quando un cliente salva o rimuove le opzioni regalo, e non fa altro. Il tuo listener recupera il carrello ed esegue il tuo codice, ad esempio per ridisegnare un cassetto personalizzato senza ricaricare la pagina.
Su quali parti di un Gift Block può contare il mio codice?
Tre: il nome di classe che scegli, l'evento a cui dai il nome e l'UUID nell'attributo uuid del blocco. Il markup dentro un Gift Block non è tra queste, quindi costruisci su quelle tre e lascia l'aspetto all'Editor regali.
Cosa riceve un'importazione ERP o 3PL da un ordine regalo?
Normali dati degli ordini Shopify. Opzione regalo, A, Da e messaggio sono proprietà degli articoli con Regali per i prodotti e attributi dell'ordine con Regali per gli ordini, e i loro nomi possono corrispondere alla tua importazione. Un riepilogo regali va nella nota dell'ordine, tra due righe — Wrapped Gifting Attributes —, da un template Liquid, e l'etichetta 🎁 Wrapped, o una tua, si unisce alle etichette dell'ordine. Proprietà e attributi ci sono dal momento in cui l'ordine viene creato. Il riepilogo nella nota e l'etichetta arrivano entro un minuto o due.
Posso definire lo stile del Gift Block della cassa?
Tramite il branding della cassa. Su Shopify Plus, il Gift Block della cassa è un'estensione UI della cassa, posizionata nell'editor della cassa di Shopify e con lo stile del branding della cassa che hai già impostato, sotto ogni articolo o una volta per l'ordine.
Gift Blocks adatti al tuo stack, senza toccarlo
Inizia con una prova gratuita di 7 giorni.
… Before we had even paid a cent for Wrapped, Adam answered questions, got into the nitty-gritty of coding and integration with our web developer. …