# Come aggiungere l'ecommerce a qualsiasi sito web (senza cambiare piattaforma)

> Tre modi per aggiungere il commercio a un sito che hai già. Quando ha senso ciascuno, cosa cambia sul tuo sito e quando vale davvero la pena cambiare piattaforma.

Ryan Badger - 2 giugno 2023 - 4 min di lettura

## Cosa significa davvero "integrare l'ecommerce"

Hai un sito web. Un sito vetrina, un portfolio, un blog, magari un progetto in Webflow o Squarespace. Funziona. Fa quello che vuoi a livello visivo. Ma ora devi vendere qualcosa da lì.

La mossa sbagliata è buttare tutto e ricostruire su Shopify. La mossa giusta dipende da tre cose:

1. **Cosa vendi.** Un prodotto o un catalogo? Fisico o digitale? Abbonamento o acquisto singolo?
2. **Su cosa gira il tuo sito.** Se puoi incollarci un tag script, le opzioni si aprono.
3. **Quanta parte dell'esperienza di checkout vuoi controllare.**

Questo articolo mostra come appare davvero l'"integrazione" nel 2026 per ciascuno di questi assi. Non serve cambiare piattaforma, se scegli bene.

## I tre veri modelli di integrazione

### Modello 1: reindirizzare a un checkout ospitato

Il più semplice. Il tuo sito ha dei pulsanti di acquisto. Il cliente clicca e lascia il tuo sito per il checkout (Stripe Payment Links, Gumroad, Payhip, Lemonsqueezy). Il pagamento avviene sul loro dominio e poi il cliente torna alla tua pagina di ringraziamento.

**Pro:** zero integrazione JS, funziona letteralmente su qualsiasi sito, poca manutenzione. **Contro:** la rottura dell'esperienza (uscire dal tuo sito) danneggia la conversione. Il brand è incoerente. I flussi sui carrelli abbandonati e le analisi si complicano.

Adatto a: creator con un solo prodotto, volumi bassi, avversione tecnica per qualsiasi incorporamento.

### Modello 2: incorporare un widget nella pagina

Un widget incorporato gira dentro il tuo sito. Il cliente non se ne va mai. Carrello, dettagli del prodotto e checkout vengono tutti mostrati dentro le tue pagine.

È ciò che offrono Shoprocket, Snipcart, Ecwid e piattaforme simili.

Integrazione tipica:

```
<!-- 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>
```

Una riga, un incolla, fatto. Il widget si sincronizza in automatico con la tua dashboard: prodotti, prezzi, immagini, regole fiscali, opzioni di spedizione, metodi di pagamento. I clienti restano sul tuo dominio da "sfoglio" fino a "grazie per il tuo ordine".

**Pro:** esperienza coerente, controllo del brand, meno perdite di conversione. **Contro:** il tuo sito ora ha una dipendenza JS. La maggior parte è leggera (~20-50KB), ma non è zero.

Adatto a: qualsiasi sito che vuole un vero negozio senza cambiare piattaforma.

### Modello 3: integrazione headless (API)

Costruisci tu l'interfaccia e chiami un'API di commercio (API di Stripe, Shopify Storefront API, BigCommerce, Commercetools) per la meccanica dell'ecommerce. Completamente su misura, completamente tuo.

**Pro:** controllo totale, nessun compromesso visivo, scala fino a flussi personalizzati. **Contro:** vero lavoro di sviluppo. Stai costruendo checkout, stato del carrello, calcolo delle tasse, sincronizzazione dell'inventario, webhook. Mesi di tempo, non minuti.

Adatto a: team con uno sviluppatore dedicato al commercio a tempo pieno, o prodotti che non entrerebbero in un widget già pronto.

## L'albero decisionale

Parti da "vuoi che il cliente lasci il tuo sito?":

- **Sì**: Modello 1 (link a un checkout ospitato). Stripe Payment Links o Gumroad, 10 minuti per configurarlo.
- **No**: passa alla domanda successiva.

Vuoi scrivere codice personalizzato?

- **Sì, abbiamo risorse di sviluppo**: Modello 3 (headless).
- **No, vogliamo qualcosa di già pronto**: Modello 2 (widget incorporato). È dove approdano la maggior parte dei siti.

Per il Modello 2, la decisione successiva è la scelta della piattaforma. La trattiamo in un altro articolo: [confronto tra piattaforme di carrello incorporabile](https://v3.shoprocket.io/it/blog/carrelli-incorporabili-confronto-snipcart-ecwid-gumroad-payhip-shoprocket.md).

## Come appare una vera integrazione del Modello 2 sulle piattaforme più diffuse

### WordPress

Inserisci lo snippet di incorporamento in un blocco HTML personalizzato (editor a blocchi) o in un widget di testo (barra laterale classica). Non serve installare nessun plugin.

### Squarespace

Aggiungi un Code Block in qualsiasi pagina. Incolla. Il widget rispetta larghezza e spaziatura del tema Squarespace.

### Webflow

Elemento Embed → incolla. L'esportazione statica di Webflow include comunque l'embed alla pubblicazione.

### Framer

Elemento Embed → incolla. Gli strumenti di sviluppo di Framer rendono facile inserire lo snippet in una sezione specifica.

### Carrd

Componente di codice personalizzato (funzione dei piani a pagamento). Siti a pagina singola con una scheda negozio, semplicissimo.

### Notion

Usa una pagina Notion pubblica come sito, incorporala con un servizio come Super o Potion e incolla lo snippet. Diventa un vero negozio.

### HTML statico / Jekyll / Hugo / 11ty

Incolla lo snippet nel template che genera la pagina del tuo negozio. Nient'altro.

## Cosa cambia sul tuo sito dopo l'integrazione

Meno di quanto pensi.

- Le tue pagine esistenti restano come sono. Nessuna modifica al tema.
- Lo script si carica in modo asincrono, quindi la velocità della pagina resta praticamente invariata (i punteggi Lighthouse reggono).
- Prodotti, prezzi e inventario vivono nella dashboard del commercio, non nel tuo CMS.
- I dati dei clienti (ordini, email, indirizzi) arrivano alla piattaforma di ecommerce. Il tuo CMS non deve gestire nulla di tutto questo.

Cosa NON devi fare:

- Ricostruire il sito
- Installare un plugin del CMS
- Migrare i contenuti
- Assumere uno sviluppatore
- Comprare un nuovo dominio

> **Consiglio:** prova prima il widget su una pagina di staging. Non dovrebbe entrare in conflitto con nulla, ma vale la pena verificarlo con il tuo tema prima di portarlo su una pagina negozio in produzione.

## Quando cambiare davvero piattaforma

A volte la risposta È "passa a una piattaforma di ecommerce completa". I segnali:

- Fatturi oltre $100k al mese e il compito principale del tuo sito è diventato vendere, non il brand.
- Hai bisogno di integrare un POS (negozio fisico + online).
- Il tuo catalogo supera i 1.000 SKU con aggiornamenti costanti.

A quella scala, Shopify Plus o simili iniziano a ripagarsi. Per la maggior parte dei siti indipendenti sotto quella soglia, incorporare costa meno, è più veloce e ti lascia il sito che hai già.

## In breve

- **Link a un checkout ospitato**: il più veloce, ma rompe l'esperienza al momento del pagamento. Adatto ai prodotti singoli.
- **Widget incorporato**: tiene il cliente sul tuo sito, senza cambiare piattaforma. Un buon default.
- **API headless**: lo costruisci da te, mesi di lavoro. Ne vale la pena solo su larga scala.

[Prova l'embed di Shoprocket sul tuo sito esistente](https://app-v3.shoprocket.io/signup). Prova gratuita, senza carta di credito. Prezzi: [da $29](https://v3.shoprocket.io/it/prezzi.md), zero commissioni sulle transazioni su ogni piano.

---

- HTML version: https://v3.shoprocket.io/it/blog/aggiungere-ecommerce-a-qualsiasi-sito-senza-cambiare-piattaforma
- Language: Italiano (it)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-zu-jeder-website-hinzufuegen-ohne-plattformwechsel.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [English](https://v3.shoprocket.io/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Español](https://v3.shoprocket.io/es/blog/anadir-ecommerce-a-cualquier-web-sin-cambiar-de-plataforma.md), [Français](https://v3.shoprocket.io/fr/blog/ajouter-ecommerce-a-un-site-sans-changer-de-plateforme.md), [עברית](https://v3.shoprocket.io/he/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/cara-menambahkan-ecommerce-ke-situs-web-mana-pun-tanpa-ganti-platform.md), [日本語](https://v3.shoprocket.io/ja/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/kaip-prideti-el-prekyba-prie-bet-kurios-svetaines-nekeiciant-platformos.md), [Norsk](https://v3.shoprocket.io/nb/blogg/legg-nettbutikk-til-et-hvilket-som-helst-nettsted-uten-a-bytte-plattform.md), [Nederlands](https://v3.shoprocket.io/nl/blog/webshop-toevoegen-aan-elke-website-zonder-te-verhuizen.md), [Polski](https://v3.shoprocket.io/pl/blog/jak-dodac-e-commerce-do-dowolnej-strony-bez-zmiany-platformy.md), [Português](https://v3.shoprocket.io/pt/blog/como-adicionar-ecommerce-a-qualquer-site-sem-trocar-de-plataforma.md), [Română](https://v3.shoprocket.io/ro/blog/cum-adaugi-ecommerce-pe-orice-site-fara-sa-schimbi-platforma.md), [Русский](https://v3.shoprocket.io/ru/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [ไทย](https://v3.shoprocket.io/th/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Türkçe](https://v3.shoprocket.io/tr/blog/platform-degistirmeden-web-sitesine-eticaret-ekleme.md), [中文](https://v3.shoprocket.io/zh/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md)