# Porta l'ecommerce sul sito che hai già. > Un solo tag script asincrono trasforma qualsiasi sito in un negozio. Funziona su WordPress, Webflow, Ghost, Carrd, Framer, HTML statico, React / Next.js / Vue. Niente rifacimenti, niente plugin, niente cambio di tema. Un tag script asincrono, un paio di contenitori HTML e il tuo sito esistente diventa un negozio. Funziona su WordPress, Webflow, Ghost, Carrd, Framer, HTML semplice o qualsiasi CMS che permetta di incollare tag script. Niente rifacimenti. Niente plugin. Niente cambio di tema. [Inizia la prova gratuita](https://app-v3.shoprocket.io/signup?lang=it)[Guarda lo snippet](#the-snippet) 14 giorni di prova gratuita Nessuna carta di credito 0% di commissioni di piattaforma Funziona su qualsiasi piano 1 Riga da incorporare Qualsiasi Sito web Completo Carrello e checkout 0% Commissioni di piattaforma ● Il problema ## Hai un sito. Vuoi vendere lì. Non rifarlo da capo. La maggior parte delle piattaforme di ecommerce vuole che tu sostituisca il tuo sito con il loro. WordPress chiede WooCommerce. Wix vuole Wix Stores. Squarespace vuole Squarespace Commerce. Shopify vuole tutto sul suo stack. Volevi un negozio, non un progetto di migrazione. 01 ### Il tuo sito funziona già. Il tuo marchio, i contenuti, il blog, le animazioni, la SEO. Il lavoro che hai già fatto. Niente di tutto questo dovrebbe cambiare per aggiungere un checkout. 02 ### Il tuo CMS non è il problema. WordPress va bene. Webflow è bellissimo. Ghost è perfetto per i contenuti. Carrd è veloce. Nessuno di loro dovrebbe costringerti ad andartene solo perché non gestiscono l'ecommerce in modo nativo. 03 ### Il tuo negozio deve stare dentro il tuo sito. Non su un sottodominio separato, non con un reindirizzamento a un carrello ospitato. La pagina prodotto è tua, il checkout avviene al suo interno e il cliente non se ne va mai. ● Come funziona ## Tre righe di HTML. Quattro tipi di widget. Incolla lo script di caricamento una sola volta. Inserisci i contenitori HTML dove vuoi che compaia l'ecommerce. Il widget monta in automatico ognuno di quelli che trova al rendering. L'installazione ### Un tag script. Asincrono. Non bloccante. Il tag script va nell'head del sito, oppure subito prima del tag body di chiusura, oppure nel template dell'header del tuo CMS. Si carica in modo asincrono, quindi non blocca mai il rendering della pagina. Al caricamento, cerca nella pagina qualsiasi elemento HTML con un attributo data-shoprocket e vi monta il widget corrispondente. Se nella pagina non ci sono elementi widget, avvia comunque il carrello flottante, così i pulsanti del negozio altrove sul tuo sito continuano a funzionare. - ✓ Caricamento asincrono, nessun impatto su LCP o CLS - ✓ Monta in automatico ogni elemento data-shoprocket della pagina - ✓ Il carrello flottante si avvia su tutto il sito, anche nelle pagine senza widget ● Tipi di widget ## Quattro forme, tutte sulla stessa pagina. Scegli quello che ti serve dove ti serve. Una homepage può avere un widget di prodotto in evidenza, una pagina negozio dedicata può avere un catalogo completo e un articolo può avere un embed di un singolo prodotto in linea. Tutto sullo stesso sito, tutto dallo stesso negozio. 01 ### Catalogo. Griglia prodotti completa con filtri, categorie e ricerca. Mettila nella tua pagina /shop e i clienti sfogliano tutto il negozio. 02 ### Prodotto. Una singola scheda prodotto con prezzo, varianti e aggiungi al carrello. Inseriscila in linea dentro un articolo o in una landing page accanto al tuo messaggio. 03 ### Carrello. Il carrello vero e proprio, come widget di pagina. Oppure lascia che lo gestisca il carrello flottante su tutto il sito: lo script lo avvia in automatico. 04 ### Checkout. Carrello, indirizzi, spedizione e riepilogo dell'ordine, tutto dentro la tua pagina. L'ultimo passaggio di pagamento reindirizza al processore per la conformità PCI e riporta il cliente sul tuo sito. ● Funziona dove stai ## Se permette un tag script, Shoprocket si incorpora. Testato e documentato in modo specifico per i builder qui sotto. In pratica funziona ovunque tu possa incollare HTML. 01 ### WordPress. Self-hosted o WordPress.com. Qualsiasi tema, qualsiasi page builder (Elementor, Gutenberg, Divi, ecc.). Non serve WooCommerce. Nessun plugin da mantenere. 02 ### Webflow. Usa l'elemento Embed dove vuoi il negozio. Mantieni il tuo piano Webflow CMS, nessun upgrade a Ecommerce necessario. 03 ### Ghost. Scheda HTML in qualsiasi articolo o pagina. Ghost è ideale per i creator che pubblicano contenuti insieme ai prodotti. 04 ### Carrd, Framer, Notion. Builder a pagina singola e orientati al design. Funziona con gli embed Carrd Pro Standard, i componenti di codice di Framer e Notion tramite i wrapper Super.so / HeyNotion. 05 ### HTML statico e JAMstack. Cloudflare Pages, Netlify, Vercel, HTML statico semplice, qualsiasi build Jekyll / Hugo / Astro / 11ty. Incolla lo snippet e vai. 06 ### React, Next.js, Vue, Svelte. Installa il pacchetto npm \`@shoprocket/widget\` per un'integrazione stretta con il framework. Importa il componente, montalo dove vuoi il negozio. ● Prestazioni ## I tuoi Core Web Vitals restano verdi. Il senso dell'ecommerce incorporabile ovunque è che il tuo sito continui a comportarsi come il tuo sito. In numeri ### Script asincrono, configurazione in cache, montaggio rapido. Lo script di caricamento viene consegnato in modo asincrono, quindi l'LCP resta intatto. La configurazione del negozio viene recuperata dalla nostra API e messa in cache sull'edge (TTL di 1 ora), quindi le visualizzazioni ripetute non rifanno la query. Il widget viene reso nel contenitore riservato, quindi nessuno spostamento del layout. I siti che erano verdi su Lighthouse prima dell'embed restano verdi anche dopo. - ✓ Tag script asincrono: nessun impatto su LCP o CLS - ✓ Configurazione del negozio in cache sull'edge, servita dalla CDN alle visualizzazioni ripetute - ✓ I contenitori di montaggio riservati evitano lo spostamento cumulativo del layout ● Domande frequenti ## Domande sull'embed, con risposta. Quello che si chiede prima di incollare lo snippet. Dove girano davvero carrello e checkout? + Carrello, indirizzi e scelta della spedizione girano tutti dentro l'embed sulla tua pagina, nessuno lascia il tuo sito durante la fase di navigazione e selezione. L'ultimo passaggio di pagamento reindirizza al tuo processore di pagamento collegato (Stripe, PayPal) per la conformità PCI e riporta il cliente sul tuo sito per la conferma dell'ordine. È così che funziona ogni flusso di pagamento moderno; far finta del contrario sarebbe disonesto. Posso avere più widget nella stessa pagina? + Sì. Lo script di caricamento cerca nella pagina ogni elemento con un attributo data-shoprocket e monta ciascuno. Una singola pagina può avere un carosello di prodotti in evidenza, una griglia del catalogo sotto e un checkout in linea altrove. Tutto dallo stesso negozio. Rallenta il mio sito? + Nessun impatto significativo. Lo script di caricamento è asincrono, quindi non blocca il rendering della pagina. La configurazione del negozio è in cache sull'edge, quindi i visitatori che tornano non rifanno la query. I widget si montano in contenitori riservati, quindi non c'è alcuno spostamento cumulativo del layout. Se il tuo sito superava i Core Web Vitals prima, continua a superarli anche dopo. E se uso React / Next.js / Vue? + Installa direttamente il pacchetto npm \`@shoprocket/widget\`. Importa il componente, montalo dove ti serve il negozio, passa le props per la configurazione. Ti dà un controllo di dettaglio che l'embed con tag script non offre. E Wix e Squarespace? + Squarespace funziona bene. Usa l'elemento Code Block dal piano Core in su, incolla lo snippet e hai finito. Wix isola ogni embed di terze parti in un iframe che rompe il checkout, quindi non lo consigliamo; la risposta onesta per gli utenti Wix è il negozio ospitato di Shoprocket oppure passare a un builder che permetta embed veri. Guarda la nostra pagina dedicata a Wix per le tre strade possibili. Posso usare il mio dominio? + Sì. Il widget gira sul dominio su cui si trova la pagina ospitante. Prodotti, carrello e checkout vivono tutti su tuo-sito.com. Nessun sottodominio Shoprocket separato, nessun reindirizzamento. I clienti non si accorgono che dietro il livello di ecommerce c'è una terza parte. Come personalizzo l'aspetto del widget? + Il widget eredita il CSS del tuo sito per il contesto del layout (larghezze dei contenitori, tipografia di base). Per l'interfaccia dell'ecommerce vera e propria, scegli tra oltre 40 temi più la combinazione di colori chiara / scura tramite attributi data sull'elemento di montaggio. Per una personalizzazione più profonda, imposta variabili CSS nel foglio di stile del tuo sito e il widget le recepisce. E se ho più configurazioni di embed per pagine diverse? + Crea più configurazioni di embed nella tua dashboard Shoprocket, ciascuna con il proprio ID, tema e set di funzioni. Indirizza ogni contenitore HTML all'ID di embed appropriato. Una homepage può mostrare un embed compatto di prodotti in evidenza mentre una pagina negozio dedicata usa un embed di catalogo completo, tutto sullo stesso negozio. Shoprocket ha davvero 0% di commissioni di piattaforma? + Sì. Il tuo processore di pagamento (Stripe, PayPal, ecc.) applica comunque la sua commissione standard, che è il costo di spostare il denaro, ma Shoprocket non aggiunge nulla. Lo 0% di commissioni di piattaforma vale per ogni piano, compresa ogni installazione embed-ovunque. ## Il tuo sito. Ora con l'ecommerce. 14 giorni di prova gratuita. Nessuna carta di credito. Incolla lo snippet, lancia un negozio, tieniti il sito. [Inizia la prova gratuita](https://app-v3.shoprocket.io/signup?lang=it)[Parla con noi](https://v3.shoprocket.io/it/contatti.md) --- - HTML version: https://v3.shoprocket.io/it/funzionalita/vendere-su-qualsiasi-sito-web - Language: Italiano (it) - Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/funktionen/auf-jeder-website-verkaufen.md), [Ελληνικά](https://v3.shoprocket.io/el/features/sell-on-any-website.md), [English](https://v3.shoprocket.io/features/sell-on-any-website.md), [Español](https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-sur-nimporte-quel-site.md), [עברית](https://v3.shoprocket.io/he/features/sell-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/features/sell-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-di-situs-web-mana-pun.md), [日本語](https://v3.shoprocket.io/ja/features/sell-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje.md), [Norsk](https://v3.shoprocket.io/nb/funksjoner/selg-pa-hvilken-som-helst-nettside.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-op-elke-website.md), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/features/sell-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/features/sell-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/ozellikler/her-web-sitesinde-satis.md), [中文](https://v3.shoprocket.io/zh/features/sell-on-any-website.md)