# Headless commerce: i tre livelli, le opzioni reali e quale probabilmente ti serve davvero

> La maggior parte delle aziende che chiede "headless commerce" vuole in realtà un commercio incorporato tramite widget. Per pochi servono commercetools o Saleor. Ecco un quadro decisionale onesto.

Ryan Badger - 3 ottobre 2025 - 6 min di lettura

## Cosa significa davvero "headless commerce"

Headless commerce significa separare il frontend (ciò che vede il cliente) dal backend commerciale (carrello, checkout, inventario, ordini). Invece di scegliere una piattaforma che include entrambi (come i negozi a temi di Shopify), costruisci o acquisti il frontend a parte e lo colleghi a un'API di commercio.

La parola "headless" viene usata in modo approssimativo. Tre livelli distinti:

- **Headless completo:** costruisci il frontend da zero (React, Next.js, Astro, Nuxt) e chiami un'API di commercio per ogni dato. Elenchi prodotti, stato del carrello, checkout. L'esperienza utente è tutta tua.
- **Headless con widget incorporato:** il tuo frontend esiste già (un sito di marketing, un progetto Webflow, un blog). Inserisci un widget di commercio che si mostra al suo interno. Non è "headless completo" ma è comunque separato: il tuo sito non è un modello di una piattaforma di commercio.
- **Tradizionale (non headless):** scegli Shopify, BigCommerce o WooCommerce, usi il loro sistema di temi, il tuo sito È la piattaforma di commercio.

La maggior parte dell'entusiasmo per l'"headless" riguarda il livello 1. La maggior parte dei negozi non ne ha davvero bisogno.

## Quando l'headless completo vale la pena

L'headless completo si ripaga in quattro situazioni precise. Fuori da queste, è tempo di ingegneria che non recupererai.

1. **Ti serve un'esperienza utente su misura che i temi delle piattaforme non raggiungono.** Configuratori interattivi, visualizzatori 3D dei prodotti, layout di storytelling ricchi di contenuti. Ricostruire il frontend era già nei piani; l'headless significa solo che puoi controllare anche il flusso dei dati commerciali.
2. **Distribuzione multicanale da un unico catalogo.** Sito web + app mobile + chiosco in negozio + interfaccia vocale/chat. Un'API di commercio condivisa che alimenta tutto è davvero difficile da ottenere in modo tradizionale.
3. **Una scala in cui le piattaforme tradizionali diventano un collo di bottiglia.** Shopify Plus ormai gestisce gran parte di questo, ma se sei ai volumi di Nike/IKEA, un'API di commercio dietro il tuo frontend ti dà controlli sulle prestazioni che un negozio a temi non offre.
4. **Un team di ingegneria con vera capacità frontend.** Se hai ingegneri frontend dedicati, l'headless diventa davvero più economico nel tempo perché smetti di pagare la tassa dello sviluppatore di temi.

Se non rientri in nessuna delle quattro, l'headless completo è quasi sempre un affare peggiore che scegliere una piattaforma ospitata.

## Le opzioni per l'headless completo

Per i team che hanno davvero bisogno dell'headless completo, la rosa realistica nel 2026:

- **commercetools**: di livello enterprise, progettato in Germania, costoso. L'implementazione di riferimento del commercio componibile.
- **Saleor**: open source, self-hosted o gestito, solida API GraphQL. Amato dagli sviluppatori.
- **Medusa**: open source, nativo JavaScript, ecosistema in crescita. Per forma è più vicino a "Shopify come API".
- **BigCommerce Headless**: usi BigCommerce come backend e porti il tuo frontend. L'opzione più pulita per "migrare senza ricostruire il backend".
- **Shopify Storefront API**: usi il commercio di Shopify dietro un frontend su misura. Hosting e complessità di sviluppo sono a tuo carico; inventario / ordini / pagamenti restano in Shopify.
- **Shoprocket tramite l'SDK `@shoprocket/core`**: prodotti, carrello e sessioni completamente programmabili ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)). Salta il widget, mostra la tua interfaccia, parla direttamente con la nostra API. Vedi più sotto la sezione "Dove si colloca Shoprocket" per le avvertenze.

Classifica approssimativa per ergonomia di sviluppo: Medusa > Saleor > Shopify Storefront API > BigCommerce > commercetools. Classifica approssimativa per affidabilità enterprise: commercetools > Shopify > BigCommerce > Saleor > Medusa. Scegli in base a ciò che stai ottimizzando.

## L'opzione con widget incorporato (la categoria che la maggior parte delle persone vuole davvero)

La maggior parte delle aziende che dice di volere l'"headless" vuole davvero questo: un sito di marketing o di contenuti che hanno già, più un commercio che si innesta senza obbligare a ricostruire.

Shoprocket, Snipcart ed Ecwid stanno tutti qui. Tieni il tuo sito (Webflow, WordPress, HTML statico, Astro, Framer), incolli un tag script e il commercio si mostra al suo interno. È separato ma non reimplementato.

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

L'API è disponibile anche se vuoi spingerti oltre (schede prodotto personalizzate costruite con il tuo markup, che chiamano la nostra API per i dati). Il controllo programmatico completo sta nell'SDK JS ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) per eventi, gestione del carrello e interfacce su misura.

**Quando questo livello batte l'headless completo:**

- Hai già un sito che ti piace (non vuoi ricostruire il frontend)
- Non hai ingegneri frontend dedicati
- I tuoi requisiti di esperienza utente rientrano in ciò che il widget mostra
- Vuoi il commercio online in settimane, non in trimestri

**Quando passare all'headless completo:**

- Il widget non raggiunge l'esperienza utente che ti serve
- Devi mostrare i prodotti in contesti che il widget non copre (app mobile nativa, chioschi, TV)
- Hai il team di ingegneria per sostenerlo

## Come capire di quale livello hai bisogno

Fatti due domande:

1. **I miei requisiti di esperienza utente starebbero dentro una sezione rettangolare del mio sito esistente?** Se sì, il widget incorporato va bene. Se no, sei in territorio headless completo.
2. **Ho un ingegnere frontend dedicato per i prossimi 18 mesi?** Se no, salta l'headless completo qualunque cosa tu pensi di aver bisogno.

La seconda domanda è quella decisiva. L'headless completo senza un ingegnere frontend è un cumulo di debito tecnico in attesa di accadere. I fornitori della piattaforma di commercio ti aiuteranno, ma non possono sostituire qualcuno che sia responsabile del tuo frontend su misura.

## E il "composable commerce"?

Stessa idea, rimarchiata per il ciclo d'acquisto enterprise. "Componibile" = scegli il meglio di categoria per ogni funzione (CMS, ricerca, PIM, carrello, checkout, imposte) e le colleghi tra loro con le API. Funziona quando hai il team per collegarle. Diventa un peso di manutenzione quando non ce l'hai.

Per i negozi sotto i 10M $ l'anno di fatturato circa, il componibile è quasi sempre un errore. La superficie di integrazione è enorme e ogni sostituzione di fornitore rompe qualcosa.

## Dove si colloca Shoprocket

Copriamo i livelli 1 e 2, e siamo onesti su quale dovresti scegliere.

**Livello 2 (widget incorporato), la scelta predefinita per il 95% dei nostri clienti.** Incolli un tag script e il widget si mostra dentro il tuo sito esistente. Catalogo, carrello, checkout, ricerca, varianti, pagamenti, tutto gestito. Abbonamento fisso da 29 $/mese, 0% di commissioni sulle transazioni. È la via veloce e quella giusta per la maggior parte dei negozi.

**Livello 1 (headless completo), supportato tecnicamente, raramente consigliato.** L'SDK `@shoprocket/core` ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) espone prodotti, stato del carrello e sessioni in modo programmatico. Puoi disegnare ogni pixel da solo e parlare direttamente con la nostra API. Lo stesso abbonamento fisso lo include.

**Perché non spingiamo il livello 1 anche se funziona:** coprire ogni caso limite in un frontend su misura (stati di caricamento, carrelli vuoti, interfaccia di selezione delle varianti, flussi di checkout, gestione degli errori, accessibilità, viewport mobili, internazionalizzazione in 21 lingue) è molto lavoro di ingegneria. Il widget ha tutto questo già incluso, testato su migliaia di negozi. Stai reimplementando un problema già risolto, a meno che tu non abbia un motivo specifico di esperienza utente per non farlo.

Se hai quel motivo specifico e la capacità di ingegneria dedicata, l'SDK core c'è. Altrimenti: incolla il widget e vai avanti.

> **Consiglio:** se un fornitore si definisce "headless" senza saper rispondere a "quale framework frontend consigliate?", probabilmente è a widget incorporato. Va bene; basta sapere cosa si sta comprando.

## In breve

- **Headless completo:** commercetools, Saleor, Medusa, Shopify Storefront API, BigCommerce Headless. Vale la pena solo con esigenze di esperienza utente specifiche, multicanale, scala o un team di sviluppo dedicato.
- **Widget incorporato:** Shoprocket, Snipcart, Ecwid. La risposta giusta per la maggior parte dei negozi che "vogliono l'headless". Shoprocket supporta anche l'headless completo tramite l'SDK core per il raro caso in cui serva.
- **Tradizionale:** Shopify + tema, BigCommerce + tema. Resta la via più rapida se non hai ancora un sito.

La maggior parte delle aziende che chiede l'headless in realtà vuole il livello a widget incorporato. [Inizia una prova gratuita di Shoprocket](https://app-v3.shoprocket.io/signup) se ti riconosci. 14 giorni, senza carta. [Prezzi](https://v3.shoprocket.io/it/prezzi.md) da 29 $.

---

- HTML version: https://v3.shoprocket.io/it/blog/headless-commerce-tre-livelli-opzioni-reali-quale-scegliere
- Language: Italiano (it)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Deutsch](https://v3.shoprocket.io/de/blog/headless-commerce-drei-stufen-optionen-entscheidung.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [English](https://v3.shoprocket.io/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Español](https://v3.shoprocket.io/es/blog/headless-commerce-tres-niveles-opciones-reales.md), [Français](https://v3.shoprocket.io/fr/blog/commerce-headless-trois-niveaux-quelle-option-choisir.md), [עברית](https://v3.shoprocket.io/he/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/headless-commerce-tiga-tingkatan-pilihan-nyata-dan-mana-yang-anda-butuhkan.md), [日本語](https://v3.shoprocket.io/ja/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/headless-prekyba-trys-lygiai-ir-kuris-jums-tinka.md), [Norsk](https://v3.shoprocket.io/nb/blogg/headless-commerce-tre-nivaer-reelle-alternativer-og-hva-du-trenger.md), [Nederlands](https://v3.shoprocket.io/nl/blog/headless-commerce-drie-niveaus-welke-past-bij-jou.md), [Polski](https://v3.shoprocket.io/pl/blog/headless-commerce-trzy-poziomy-realne-opcje-co-wybrac.md), [Português](https://v3.shoprocket.io/pt/blog/headless-commerce-tres-niveis-opcoes-reais-e-qual-voce-provavelmente-quer.md), [Română](https://v3.shoprocket.io/ro/blog/headless-commerce-cele-trei-niveluri-si-care-ti-trebuie.md), [Русский](https://v3.shoprocket.io/ru/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [ไทย](https://v3.shoprocket.io/th/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Türkçe](https://v3.shoprocket.io/tr/blog/headless-ticaret-uc-kademe-gercek-secenekler-ve-hangisini-istiyorsunuz.md), [中文](https://v3.shoprocket.io/zh/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md)