# Incorpora Shoprocket in qualsiasi sito

> Vendi dal sito web che hai già. Crea un incorporamento in Incorporamenti, clicca su Ottieni il codice e incollalo nella tua pagina su WordPress, Squarespace, Wix, Webflow o HTML semplice. Le modifiche che salvi dopo raggiungono ogni pagina senza incollare di nuovo.

Centro assistenza / Embed - Aggiornato il 28 ottobre 2026

Un incorporamento mette una parte del tuo negozio su qualsiasi sito web: un prodotto con pulsante di acquisto, un catalogo prodotti completo, le tue categorie o una casella di ricerca. Lo costruisci in **Incorporamenti**, clicchi su **Ottieni il codice** e incolli il codice nella tua pagina. Il carrello e il checkout si aprono direttamente sulla tua pagina, così i clienti non lasciano mai il tuo sito.

Incolli il codice una sola volta. Quando cambi un incorporamento più tardi, anche passandolo a un layout diverso, ogni pagina in cui si trova si aggiorna al salvataggio.

## Prima di cominciare

- Aggiungi almeno un prodotto attivo. Un incorporamento per un prodotto ha bisogno di un prodotto da vendere.
- Devi poter modificare il tuo sito web e aggiungere un blocco di codice o HTML a una pagina. Le note per ogni costruttore di siti sono qui sotto.

## Passo 1 (facoltativo, consigliato): Aggiungi Shoprocket a ogni pagina del tuo sito

In cima a **Incorporamenti** c'è una scheda chiamata **Aggiungi Shoprocket a ogni pagina del tuo sito**. Contiene una riga di codice per l'intestazione del tuo sito. Con quella al suo posto, il tuo carrello flottante e la live chat funzionano su ogni pagina del tuo sito, non solo su quelle con un incorporamento, e qualunque incorporamento aggiungerai dopo funziona e basta.

1. Nella tua dashboard, vai in **Incorporamenti**.
2. Sulla scheda **Aggiungi Shoprocket a ogni pagina del tuo sito**, clicca su **Copia**.
3. Scegli il tuo costruttore di siti dalle schede sotto il codice (**HTML**, **WordPress**, **Squarespace**, **Wix** o **Webflow**) e segui i suoi due passaggi per incollare la riga nell'intestazione del tuo sito.
4. Apri una pagina qualsiasi del tuo sito. Lo stato della scheda cambia da **Non ancora rilevato** a **Connesso**.

Puoi saltare questo passaggio. Il codice di ogni incorporamento include la stessa riga, quindi un incorporamento funziona da solo su qualunque pagina.

## Passo 2: Crea un incorporamento

1. In **Incorporamenti**, clicca su **Nuovo incorporamento**.
2. Sotto **Cosa mostra**, scegline uno: **Un prodotto**, **Catalogo prodotti**, **Categorie** o **Ricerca**.
3. Scegli un layout:
   - **Un prodotto**: **Pulsante**, **Compatto**, **Scheda**, **In evidenza** o **Dettaglio completo**. Poi scegli il prodotto sotto **Quale prodotto?**
   - **Catalogo prodotti**: **Griglia**, **Carosello** o **Elenco**. Sotto **Quali prodotti?** scegli **Tutti i prodotti**, **Una categoria** o **Scelti a mano**.
   - **Categorie**: **Riquadri**.
   - **Ricerca**: **Casella di ricerca** o **Icona di ricerca**.
4. Clicca su **Continua**.

Ogni layout è lo stesso incorporamento con impostazioni diverse, quindi puoi cambiare layout più tardi nell'editor e il codice che hai incollato resta lo stesso.

![La schermata Nuovo incorporamento con Catalogo prodotti scelto e i layout Griglia, Carosello ed Elenco tra cui scegliere](https://v3.shoprocket.io/img/help/embed-on-any-website/new-embed-chooser.webp)

## Passo 3: Personalizzalo

L'editor mostra un'anteprima dal vivo che puoi esplorare come un acquirente: aggiungere al carrello, aprire i prodotti e fare il checkout. Cambia ciò che l'incorporamento mostra nella scheda **Questo embed**. La scheda **Negozio** imposta i tuoi colori e caratteri per tutto il negozio, così tutti i tuoi incorporamenti e il tuo carrello flottante coincidono.

All'inizio l'incorporamento riceve un nome, come "Products · Grid". Puoi rinominarlo in qualsiasi momento.

Quando sei soddisfatto, clicca su **Salva e ottieni il codice**.

## Passo 4: Copia il codice e incollalo nel tuo sito

Dopo il salvataggio, si apre il pannello **Ottieni il codice**. Appare così:

```html
<!-- Shoprocket: Product catalog -->
<script src="https://.../loader.js" data-pk="pk_..."></script>
<div data-shoprocket="embed" data-embed-id="emb_..."></div>
```

Copia sempre il tuo codice con il pulsante, non riscriverlo mai. La prima riga dà il nome all'incorporamento, lo script carica Shoprocket per il tuo negozio, e l'ultima riga è dove compare l'incorporamento.

![Il pannello Ottieni il codice con le schede dei costruttori di siti, il codice dell'incorporamento e il pulsante Copia codice](https://v3.shoprocket.io/img/help/embed-on-any-website/get-code.webp)

1. Clicca su **Copia codice**.
2. Scegli il tuo costruttore di siti dalle schede del pannello e incolla il codice dove deve comparire l'incorporamento:
   - **HTML**: incolla il codice dove deve comparire l'incorporamento. La riga dello script deve stare nella pagina una sola volta, per quanti incorporamenti abbia.
   - **WordPress**: nell'editor a blocchi, aggiungi un blocco **HTML personalizzato** dove deve andare l'incorporamento. Incolla il codice e aggiorna la pagina. Su WordPress.com, gli script richiedono un piano che consenta i plugin.
   - **Squarespace**: modifica la pagina e aggiungi un blocco **Codice** dove deve andare l'incorporamento. Incolla il codice, lascia la visualizzazione su HTML e salva.
   - **Wix**: nell'editor, scegli **Aggiungi**, poi **Codice incorporato**, poi **Incorpora HTML**. Incolla il codice nella casella e ridimensionala. Wix lo mostra in un riquadro, quindi dagli spazio per il carrello.
   - **Webflow**: trascina un elemento **Code Embed** dove deve andare l'incorporamento. Incolla il codice, salva e pubblica il sito.

Se hai già aggiunto Shoprocket all'intestazione del tuo sito nel Passo 1, alla pagina serve solo l'ultima riga del codice, quella che inizia con `<div`.

Per riavere il codice più tardi, apri l'incorporamento da **Incorporamenti** e clicca su **Ottieni il codice**.

**Nessun sito web?** Per un prodotto senza opzioni, il pannello **Ottieni il codice** offre anche **Nessun sito web? Condividi un link di acquisto**. Clicca su **Copia link** e condividilo ovunque: apre il checkout con quel prodotto. Un prodotto con opzioni crea il suo link nella sua pagina prodotto, dove scegli quale opzione.

**Aggiungere la ricerca a un menu.** Per un incorporamento **Ricerca**, il pannello ti dà anche un link, `#!/search`, da aggiungere come voce di menu chiamata Cerca sul tuo sito. Apre la stessa ricerca su qualsiasi pagina con un incorporamento Shoprocket, senza bisogno di codice.

## Il carrello flottante

Il tuo negozio ha un carrello flottante. È il pulsante su cui i clienti cliccano per aprire il carrello e fare il checkout, e compare su ogni pagina in cui gira il tuo codice Shoprocket. In **Incorporamenti** è la prima riga, **Carrello flottante**, contrassegnata **Sempre attivo**.

Per cambiarne l'aspetto, clicca su **Carrello flottante**. Puoi impostare la sua **Posizione** sul bordo della pagina, la sua **Distanza** dal lato e dall'alto o dal basso, cosa **Mostra**, la sua **Forma**, **Dimensione** e **Icona** (o la tua immagine), e se viene mostrato un link di **Accesso**. Clicca su **Salva**. I suoi colori e caratteri derivano dal design del tuo negozio.

## Modificare o rimuovere un incorporamento

- **Modificarlo**: apri l'incorporamento da **Incorporamenti**, fai le tue modifiche e clicca su **Salva**. Ogni pagina che lo mostra si aggiorna. Non serve nuovo codice.
- **Rimuoverlo da una pagina**: elimina il codice da quella pagina sul tuo sito web.
- **Eliminarlo**: in **Incorporamenti**, usa il pulsante di eliminazione sulla sua riga e conferma. Togli anche il suo codice dalle tue pagine.

## Per gli sviluppatori

La guida per sviluppatori copre ogni opzione del codice, come mostrare un incorporamento senza la dashboard e il JavaScript offerto dal widget: [Incorpora il widget](https://v3.shoprocket.io/docs/embedding.md).

## Articoli correlati

- [Cos'è Shoprocket?](https://v3.shoprocket.io/it/aiuto/cos-e-shoprocket.md)
- [Collega il tuo account Stripe](https://v3.shoprocket.io/it/aiuto/collega-stripe.md)
- [Il tuo negozio ospitato](https://v3.shoprocket.io/it/aiuto/il-tuo-negozio-ospitato.md)

[Apri Incorporamenti nella tua dashboard](https://app-v3.shoprocket.io/go/embeds)

---

- HTML version: https://v3.shoprocket.io/it/aiuto/incorpora-shoprocket-su-qualsiasi-sito
- Language: Italiano (it)
- Also in: [العربية](https://v3.shoprocket.io/ar/help/embed-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/hilfe/auf-jeder-website-einbetten.md), [Ελληνικά](https://v3.shoprocket.io/el/help/embed-on-any-website.md), [English](https://v3.shoprocket.io/help/embed-on-any-website.md), [Español](https://v3.shoprocket.io/es/ayuda/integrar-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/aide/integrer-shoprocket-sur-un-site.md), [עברית](https://v3.shoprocket.io/he/help/embed-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/help/embed-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/bantuan/sematkan-di-situs-mana-pun.md), [日本語](https://v3.shoprocket.io/ja/help/embed-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/pagalba/iterpkite-shoprocket-i-bet-kuria-svetaine.md), [Norsk](https://v3.shoprocket.io/nb/hjelp/bygg-inn-shoprocket-pa-et-hvilket-som-helst-nettsted.md), [Nederlands](https://v3.shoprocket.io/nl/hulp/shoprocket-op-elke-website-insluiten.md), [Polski](https://v3.shoprocket.io/pl/pomoc/osadz-shoprocket-na-dowolnej-stronie.md), [Português](https://v3.shoprocket.io/pt/ajuda/embed-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/ajutor/incorporeaza-shoprocket-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/help/embed-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/help/embed-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/yardim/web-sitesine-gomme.md), [中文](https://v3.shoprocket.io/zh/help/embed-on-any-website.md)
