[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"sanity-CbJnGfw-gNt2zT-BV8VKm7_8znixOH1Dn7RaC6ApxDE":3,"sanity-uhQM5DAAA0Q9UXmpjTDh8y4NwGRIW-bRWiGUt-67HM4":26,"sanity-VjEHmVXa-NUHcqk99C8kRIBMjQTYU1eWf8fLiHKBhhE":433},{"data":4,"sourceMap":-1},{"_createdAt":5,"_id":6,"_rev":7,"_system":8,"_type":6,"_updatedAt":11,"headerFrasetta":12,"showFrasetta":25},"2024-09-24T09:16:53Z","header","p760j7h835F4y7spQlBYJd",{"base":9},{"id":6,"rev":10},"weFjAg3F0H46n8pjNHFp0o","2026-05-18T10:57:18Z",[13],{"_key":14,"_type":15,"children":16,"markDefs":23,"style":24},"8eadd18b3ed0","block",[17],{"_key":18,"_type":19,"marks":20,"text":22},"e6dcee98cdea","span",[21],"strong","",[],"normal",true,{"data":27,"sourceMap":-1},{"_createdAt":28,"_id":29,"_rev":30,"_system":31,"_type":34,"_updatedAt":35,"author":36,"category":68,"content":78,"correlati":417,"date":418,"excerpt":419,"imported":420,"mainImage":421,"seo":426,"showInHome":420,"slug":430,"tags":432,"title":422},"2024-05-15T04:32:11Z","ecommerce-sanity-shopify-plus-progetti-ecommerce-headless","8XDEpqimswB7jOZutyDQBy",{"base":32},{"id":29,"rev":33},"ozq8uGlzlkluwdw2baN0cZ","post","2026-06-22T12:22:29Z",{"_createdAt":37,"_id":38,"_rev":39,"_system":40,"_type":43,"_updatedAt":44,"bio":45,"name":54,"picture":55,"showTop":25,"slug":60,"socials":63},"2024-06-12T08:42:39Z","acebc245-3745-4a3f-a2dc-02640a7a9792","31ZYHThkucP97gw3bGuFfu",{"base":41},{"id":38,"rev":42},"21OzDndKKn8cbR4orm5IrM","author","2026-06-17T10:02:36Z",[46],{"_key":47,"_type":15,"children":48,"markDefs":53,"style":24},"61ba39142c5c",[49],{"_key":50,"_type":19,"marks":51,"text":52},"1c3051de12650",[],"COO e CMO @ICT Sviluppo",[],"Giovanni Fracasso",{"_type":56,"asset":57},"image",{"_ref":58,"_type":59},"image-8d013907a8588f1b8daa361dbbb31091e261ddc4-2721x2721-png","reference",{"_type":61,"current":62},"slug","giovanni-fracasso",{"_type":64,"facebook":65,"linkedin":66,"x_twitter":67},"socialsBlock","https:\u002F\u002Fwww.facebook.com\u002Fgiovannifracasso","https:\u002F\u002Fit.linkedin.com\u002Fin\u002Ffracassogiovanni","https:\u002F\u002Fwww.twitter.com\u002Fiostesso",{"_createdAt":69,"_id":70,"_rev":71,"_type":72,"_updatedAt":73,"description":74,"name":75,"slug":76},"2024-06-11T12:47:36Z","f11cf4d3-b8c6-4bb9-9fb2-88b5a8cd910e","ozq8uGlzlkluwdw2ba8kDc","category","2024-08-22T06:40:51Z","Post di e-commerce","Ecommerce",{"_type":61,"current":77},"ecommerce",[79,87,95,103,112,129,137,145,153,162,170,178,186,194,214,222,230,238,246,254,262,270,278,286,294,302,310,318,326,334,342,350,358,366,374,382,390,398],{"_key":80,"_type":15,"children":81,"markDefs":86,"style":24},"b01",[82],{"_key":83,"_type":19,"marks":84,"text":85},"b01s0",[],"L'ecommerce headless è una di quelle scelte che suonano bene a un convegno e si rivelano un problema serio quando vengono prese per moda. Separare il front end dal motore commerciale dà libertà, performance e controllo, ma alza la complessità del progetto di parecchi gradini. Non è una soluzione universale, è una soluzione per chi ha un problema che la giustifica.",[],{"_key":88,"_type":15,"children":89,"markDefs":94,"style":24},"b02",[90],{"_key":91,"_type":19,"marks":92,"text":93},"b02s0",[],"La combinazione che proponiamo più spesso, quando quel problema c'è, è Shopify Plus come motore commerciale e Sanity come livello di contenuto. È un accoppiamento collaudato, con una storia precisa alle spalle: nel 2022 Shopify ha investito direttamente in Sanity, la prima e unica volta che lo ha fatto con una piattaforma di contenuto. Non è un dettaglio da poco, dice che le due aziende guardano nella stessa direzione.",[],{"_key":96,"_type":15,"children":97,"markDefs":102,"style":24},"b03",[98],{"_key":99,"_type":19,"marks":100,"text":101},"b03s0",[],"In questo articolo spieghiamo come funziona l'integrazione nel concreto, quali vantaggi porta, e soprattutto dove si colloca un progetto del genere nella scala di complessità con cui lo valutiamo. Perché la domanda non è se si può fare, si può quasi sempre, ma se conviene farlo.",[],{"_key":104,"_type":15,"children":105,"markDefs":110,"style":111},"b04",[106],{"_key":107,"_type":19,"marks":108,"text":109},"b04s0",[],"Cos'è un ecommerce headless con Shopify e Sanity",[],"h2",{"_key":113,"_type":15,"children":114,"markDefs":128,"style":24},"b05",[115,119,124],{"_key":116,"_type":19,"marks":117,"text":118},"b05s0",[],"In un ecommerce tradizionale il front end, cioè ciò che il cliente vede, e il back end, cioè catalogo, carrello e pagamenti, fanno parte dello stesso impianto. In un'architettura ",{"_key":120,"_type":19,"marks":121,"text":123},"b05s1",[122],"em","headless",{"_key":125,"_type":19,"marks":126,"text":127},"b05s2",[]," i due livelli sono separati e dialogano via API. Il vantaggio è che ognuno fa il suo mestiere al meglio, senza i compromessi del tutto in uno.",[],{"_key":130,"_type":15,"children":131,"markDefs":136,"style":24},"b06",[132],{"_key":133,"_type":19,"marks":134,"text":135},"b06s0",[],"Nel modello Shopify più Sanity la divisione del lavoro è netta. Shopify Plus resta il motore transazionale: catalogo, prezzi, varianti, magazzino, carrello, checkout e pagamenti. È la parte che non si vuole reinventare, perché Shopify la fa in modo affidabile, sicuro e a norma. Sanity diventa il livello di contenuto: schede prodotto arricchite, moduli visivi, landing page, storytelling di brand, editoriale. Il front end, infine, è costruito su misura con un framework moderno, e attinge a entrambi via API.",[],{"_key":138,"_type":15,"children":139,"markDefs":144,"style":24},"b07",[140],{"_key":141,"_type":19,"marks":142,"text":143},"b07s0",[],"Il principio guida è che Shopify è la fonte di verità per il dato di prodotto, prezzo e disponibilità, mentre Sanity arricchisce quel dato e lo mette in scena. Le due fonti si sincronizzano, e il front end le compone in un'esperienza unica e veloce.",[],{"_key":146,"_type":15,"children":147,"markDefs":152,"style":111},"b08",[148],{"_key":149,"_type":19,"marks":150,"text":151},"b08s0",[],"Come si integrano Shopify e Sanity nel concreto",[],{"_key":154,"_type":15,"children":155,"markDefs":160,"style":161},"b09",[156],{"_key":157,"_type":19,"marks":158,"text":159},"b09s0",[],"Shopify come motore transazionale",[],"h3",{"_key":163,"_type":15,"children":164,"markDefs":169,"style":24},"b10",[165],{"_key":166,"_type":19,"marks":167,"text":168},"b10s0",[],"Shopify espone i suoi dati tramite la Storefront API, pensata proprio per i progetti headless. Da lì il front end attinge catalogo, prezzi e disponibilità, e gestisce carrello e checkout. Il checkout, in particolare, resta quello di Shopify: è la parte più delicata e regolamentata di un ecommerce, e tenerla sulla piattaforma significa ereditarne sicurezza, conformità PCI, antifrode e un tasso di conversione già ottimizzato, senza doverli ricostruire.",[],{"_key":171,"_type":15,"children":172,"markDefs":177,"style":161},"b11",[173],{"_key":174,"_type":19,"marks":175,"text":176},"b11s0",[],"Sanity come livello di contenuto",[],{"_key":179,"_type":15,"children":180,"markDefs":185,"style":24},"b12",[181],{"_key":182,"_type":19,"marks":183,"text":184},"b12s0",[],"Su Sanity si modella tutto ciò che Shopify gestisce in modo essenziale: descrizioni di prodotto ricche e modulari, sezioni di approfondimento, tabelle di confronto, contenuti che raccontano materiali e storia di un capo, landing page di campagna, editoriale di brand. Si costruiscono schemi su misura che estendono il dato di prodotto con attributi, relazioni e moduli che la scheda nativa di Shopify non prevede. È qui che un brand smette di avere schede prodotto tutte uguali e inizia a raccontare davvero ciò che vende.",[],{"_key":187,"_type":15,"children":188,"markDefs":193,"style":161},"b13",[189],{"_key":190,"_type":19,"marks":191,"text":192},"b13s0",[],"La sincronizzazione fra i due sistemi",[],{"_key":195,"_type":15,"children":196,"markDefs":210,"style":24},"b14",[197,201,206],{"_key":198,"_type":19,"marks":199,"text":200},"b14s0",[],"Il ponte fra i due mondi è Sanity Connect, l'app ufficiale che ",{"_key":202,"_type":19,"marks":203,"text":205},"b14s1",[204],"md_connect","sincronizza prodotti, varianti e collezioni",{"_key":207,"_type":19,"marks":208,"text":209},"b14s2",[]," di Shopify dentro il Content Lake di Sanity, dove diventano documenti collegabili al contenuto editoriale. La sincronizzazione può essere automatica a ogni salvataggio o gestita su misura con una funzione serverless, per esempio per ridurre il volume di documenti o rimodellare il dato in ingresso. Il flusso può andare anche nel verso opposto, riportando in Shopify come metafield e metaobject i contenuti strutturati creati in Sanity.",[211],{"_key":204,"_type":212,"href":213},"link","https:\u002F\u002Fwww.sanity.io\u002Fdocs\u002Fapis-and-sdks\u002Fsanity-connect-for-shopify",{"_key":215,"_type":15,"children":216,"markDefs":221,"style":161},"b15",[217],{"_key":218,"_type":19,"marks":219,"text":220},"b15s0",[],"Il front end",[],{"_key":223,"_type":15,"children":224,"markDefs":229,"style":24},"b16",[225],{"_key":226,"_type":19,"marks":227,"text":228},"b16s0",[],"Sul front end le strade sono due. Si può usare Hydrogen, il framework headless di Shopify, con il suo hosting Oxygen, oppure un framework generalista come Next.js o un altro stack React. In entrambi i casi il front end interroga Shopify per il dato commerciale e Sanity per il contenuto, e compone le pagine combinando le due fonti. Il risultato è un negozio senza i vincoli dei temi, modellato esattamente sull'identità del brand.",[],{"_key":231,"_type":15,"children":232,"markDefs":237,"style":111},"b17",[233],{"_key":234,"_type":19,"marks":235,"text":236},"b17s0",[],"I vantaggi di un ecommerce headless con Sanity e Shopify Plus",[],{"_key":239,"_type":15,"children":240,"markDefs":245,"style":24},"b18",[241],{"_key":242,"_type":19,"marks":243,"text":244},"b18s0",[],"I benefici si concentrano su quattro fronti. La libertà di design, perché senza il vincolo del tema il front end è una tela bianca su cui costruire un'esperienza unica. Le performance, perché un front end headless ben fatto è rapido, e la velocità incide su conversione e posizionamento, Core Web Vitals compresi. La distribuzione omnicanale, perché il contenuto strutturato di Sanity alimenta sito, app e altri touchpoint da un'unica fonte. E la personalizzazione, perché combinando i dati cliente di Shopify con i contenuti modulari di Sanity si costruiscono percorsi di acquisto che si adattano al segmento e al comportamento.",[],{"_key":247,"_type":15,"children":248,"markDefs":253,"style":24},"b19",[249],{"_key":250,"_type":19,"marks":251,"text":252},"b19s0",[],"C'è poi un vantaggio meno visibile ma decisivo: la separazione dei ritmi. Il team di contenuto lavora su Sanity senza toccare la macchina commerciale, gli sviluppatori evolvono il front end senza dipendere dai cicli di un tema, e Shopify continua a fare il suo lavoro sul transazionale. Tre velocità diverse che non si pestano i piedi.",[],{"_key":255,"_type":15,"children":256,"markDefs":261,"style":111},"b20",[257],{"_key":258,"_type":19,"marks":259,"text":260},"b20s0",[],"Dove si colloca nella matrice della complessità ICT",[],{"_key":263,"_type":15,"children":264,"markDefs":269,"style":24},"b21",[265],{"_key":266,"_type":19,"marks":267,"text":268},"b21s0",[],"Qui arriva la parte che conta, e che troppi saltano. Un ecommerce headless con Shopify e Sanity non è un progetto come un altro: è uno dei livelli alti della scala con cui misuriamo la complessità di un intervento. Nel Metodo ICT ogni progetto viene collocato su una matrice a sette livelli di complessità crescente, dal negozio Shopify standard fino all'architettura composable con più sistemi orchestrati. Headless e composable stanno in cima a quella scala.",[],{"_key":271,"_type":15,"children":272,"markDefs":277,"style":24},"b22",[273],{"_key":274,"_type":19,"marks":275,"text":276},"b22s0",[],"Salire di livello non è gratis. Ogni gradino aggiunge sistemi da integrare, dati da sincronizzare, governance da presidiare e competenze da mettere in campo. Per questo il nostro approccio resta SaaS only, costruito su strumenti gestiti e non su software da mantenere in proprio, e le integrazioni passano da un hub dati centralizzato, il Total Data Hub su Azure, che tiene ordinato il dialogo fra le piattaforme invece di lasciarlo a connessioni punto a punto fragili. È il modo per prendere la complessità del headless e renderla governabile.",[],{"_key":279,"_type":15,"children":280,"markDefs":285,"style":24},"b23",[281],{"_key":282,"_type":19,"marks":283,"text":284},"b23s0",[],"La conseguenza pratica è una sola: il headless si fa quando il progetto lo giustifica, non perché fa moderno. Un brand con esigenze forti di contenuto, identità distintiva, volumi e presenza multicanale ne trae un vantaggio reale. Un negozio che vende bene con un buon tema Shopify, no: pagherebbe complessità senza incassarne il ritorno.",[],{"_key":287,"_type":15,"children":288,"markDefs":293,"style":111},"b24",[289],{"_key":290,"_type":19,"marks":291,"text":292},"b24s0",[],"I rischi di un headless mal impostato",[],{"_key":295,"_type":15,"children":296,"markDefs":301,"style":24},"b25",[297],{"_key":298,"_type":19,"marks":299,"text":300},"b25s0",[],"Il rovescio della medaglia va detto con chiarezza. Un headless costruito senza metodo raddoppia i punti di gestione, moltiplica i costi e introduce fragilità nuove. La doppia fonte, Shopify per il dato e Sanity per il contenuto, va governata con regole precise su chi possiede cosa, altrimenti si creano disallineamenti e contenuti orfani. Il front end su misura è potente ma va mantenuto, non si aggiorna da solo come un tema. E senza una visione d'insieme l'over-engineering è dietro l'angolo: si costruisce una cattedrale dove bastava una chiesa.",[],{"_key":303,"_type":15,"children":304,"markDefs":309,"style":24},"b26",[305],{"_key":306,"_type":19,"marks":307,"text":308},"b26s0",[],"È esattamente per questo che la scelta non è tecnica ma strategica, e va presa con un metodo che pesi costi, benefici e maturità dell'organizzazione prima di scrivere una riga di codice.",[],{"_key":311,"_type":15,"children":312,"markDefs":317,"style":111},"b27",[313],{"_key":314,"_type":19,"marks":315,"text":316},"b27s0",[],"Chi lo fa, e perché Shopify ha investito in Sanity",[],{"_key":319,"_type":15,"children":320,"markDefs":325,"style":24},"b28",[321],{"_key":322,"_type":19,"marks":323,"text":324},"b28s0",[],"Il modello non è una teoria. Brand come PUMA e SKIMS lavorano combinando un motore commerciale con Sanity come livello di contenuto, proprio per tenere insieme scala globale, identità forte e velocità di pubblicazione. E il fatto che Shopify abbia scelto di investire direttamente in Sanity, unica piattaforma di contenuto nel suo portafoglio, e di renderla la prima integrazione di contenuto del suo ecosistema headless, dice che la coppia non è un esperimento ma una direzione di mercato.",[],{"_key":327,"_type":15,"children":328,"markDefs":333,"style":111},"b29",[329],{"_key":330,"_type":19,"marks":331,"text":332},"b29s0",[],"Domande frequenti",[],{"_key":335,"_type":15,"children":336,"markDefs":341,"style":161},"b30",[337],{"_key":338,"_type":19,"marks":339,"text":340},"b30s0",[],"Serve per forza Shopify Plus per un headless con Sanity?",[],{"_key":343,"_type":15,"children":344,"markDefs":349,"style":24},"b31",[345],{"_key":346,"_type":19,"marks":347,"text":348},"b31s0",[],"Tecnicamente si può integrare Sanity anche con piani Shopify inferiori, ma è su Shopify Plus che il headless dà il meglio: limiti di API più alti, funzioni enterprise, gestione di più mercati e store, e il livello di assistenza adatto a progetti critici. Per un'azienda middle market o enterprise, Plus è la base naturale.",[],{"_key":351,"_type":15,"children":352,"markDefs":357,"style":161},"b32",[353],{"_key":354,"_type":19,"marks":355,"text":356},"b32s0",[],"Sanity sostituisce il tema di Shopify?",[],{"_key":359,"_type":15,"children":360,"markDefs":365,"style":24},"b33",[361],{"_key":362,"_type":19,"marks":363,"text":364},"b33s0",[],"In un progetto headless sì, nel senso che il front end non è più un tema Shopify ma un'applicazione costruita su misura che attinge a Shopify e Sanity via API. Shopify resta il motore commerciale, ma la presentazione si sgancia dal sistema dei temi.",[],{"_key":367,"_type":15,"children":368,"markDefs":373,"style":161},"b34",[369],{"_key":370,"_type":19,"marks":371,"text":372},"b34s0",[],"Quanto è complesso un progetto del genere?",[],{"_key":375,"_type":15,"children":376,"markDefs":381,"style":24},"b35",[377],{"_key":378,"_type":19,"marks":379,"text":380},"b35s0",[],"È fra i più complessi nel mondo Shopify, e va affrontato come tale. Richiede competenze di front end, di modellazione dei contenuti, di integrazione e di governance del dato. Non è il primo progetto su cui muovere i passi, è il traguardo di un percorso, e va dimensionato con un metodo che ne valuti davvero la necessità.",[],{"_key":383,"_type":15,"children":384,"markDefs":389,"style":161},"b36",[385],{"_key":386,"_type":19,"marks":387,"text":388},"b36s0",[],"Il checkout resta quello di Shopify?",[],{"_key":391,"_type":15,"children":392,"markDefs":397,"style":24},"b37",[393],{"_key":394,"_type":19,"marks":395,"text":396},"b37s0",[],"Sì, e in genere è una buona notizia. Il checkout di Shopify è ottimizzato, sicuro e a norma, ed è la parte che meno conviene reinventare. In un headless con Shopify il cliente naviga su un front end su misura ma conclude l'acquisto su un checkout affidabile e collaudato.",[],{"_key":399,"_type":15,"children":400,"markDefs":414,"style":24},"b38",[401,405,410],{"_key":402,"_type":19,"marks":403,"text":404},"b38s0",[],"Un ecommerce headless con Shopify Plus e Sanity è una delle architetture più potenti che si possano costruire nel commercio digitale, e una delle più facili da sbagliare se affrontata senza criterio. La differenza non la fa la tecnologia, che è matura, ma il metodo con cui si decide se serve, la si dimensiona e la si governa. Per capire meglio la piattaforma di contenuto al centro di tutto questo, abbiamo scritto una guida dedicata, ",{"_key":406,"_type":19,"marks":407,"text":409},"b38s1",[408],"md_pillar","Che cos'è Sanity CMS",{"_key":411,"_type":19,"marks":412,"text":413},"b38s2",[],".",[415],{"_key":408,"_type":212,"href":416},"\u002Fpost\u002Fche-cose-sanity-cms",null,"2026-06-22T09:10:00.000Z","Come si costruisce un ecommerce headless con Shopify Plus e Sanity: architettura, integrazione, vantaggi e dove si colloca nella matrice di complessità del Metodo ICT.",false,{"_type":56,"alt":422,"asset":423,"originalFilename":425},"Sanity e Shopify Plus per l'ecommerce headless",{"_ref":424,"_type":59},"image-e6164dd16f98942a83438a7d5eacbe4c5210835d-1672x941-png","Sanity e Shopify Plus per l'ecommerce headless.png",{"_type":427,"metadescription":428,"metatitle":429},"seoBlock","Ecommerce headless con Shopify Plus e Sanity: come funziona l'integrazione, quali vantaggi porta e quando ha senso secondo la matrice di complessità del Metodo ICT.","Sanity e Shopify Plus: ecommerce headless con metodo",{"_type":61,"current":431},"sanity-shopify-plus-progetti-ecommerce-headless",[],{"data":434,"sourceMap":-1},{"menuItems":435},[436,441,443],{"_id":437,"_type":438,"name":417,"slug":439},"26f5f963-f363-481e-b28b-a6a8eb3333a2","page",{"_type":61,"current":440},"page-01",{"_id":70,"_type":72,"name":75,"slug":442},{"_type":61,"current":77},{"_id":444,"_type":72,"name":445,"slug":446},"afa06101-fcb3-4ccc-9911-5a71710f8303","Digital",{"_type":61,"current":447},"digital"]