Ordine online sul proprio sito
Il widget «Ordine online» aggiunge la ricezione degli ordini al sito che già possiedi. Non serve spostare né ricostruire nulla: il widget legge le pagine del tuo sito, vi inserisce i pulsanti «Aggiungi al carrello» e gestisce carrello e checkout sopra il tuo layout.
Dove: Marketing → «Il mio sito» → scheda «Ordine online» → ingranaggio. Il codice di installazione è comune a tutti i widget, vedi Il mio sito.
Quattro modalità di funzionamento#
| Modalità | Cosa vede il visitatore | Quando sceglierla |
|---|---|---|
| Vetrina propria | Pulsante «Ordina»; al clic si apre la tua vetrina con menu e carrello sopra la pagina | Sito vetrina, pagina di destinazione, blog — sulle pagine non ci sono prodotti |
| Sopra il sito | I nostri pulsanti «Aggiungi al carrello» direttamente nel tuo layout — sulla scheda prodotto e nel catalogo, carrello nell'angolo dello schermo | Sul sito c'è già un catalogo prodotti, ma non la ricezione degli ordini (o non è comoda) |
| Sostituisci i pulsanti | Lo stesso più i pulsanti «acquista» nativi e il carrello del sito nascosti | Vuoi che tutti gli ordini passino solo da noi |
| Intercettazione completa | Il sito sembra intatto: i pulsanti restano nativi, ma premendoli il prodotto finisce nel nostro carrello, il passaggio al carrello del sito apre il nostro, e contatori e importi mostrano i nostri numeri | La vetrina è già ben costruita — non vuoi cambiarne l'aspetto, ma ordini e prezzi devono essere i nostri |
Scansione del sito#
Tutte le modalità, tranne «vetrina propria», funzionano tramite la mappa del sito: dove, nelle tue pagine, si trovano il nome del prodotto, il prezzo, l'immagine, il pulsante di acquisto nativo e il carrello nativo.
La mappa è costruita dallo scanner: indica l'indirizzo e premi «Scansiona il sito» — di solito 1–3 minuti. All'interno:
- Preset delle piattaforme — un set pronto di selettori è disponibile per otto piattaforme: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. Lo scanner riconosce dall'impronta anche Ecwid, Squarespace e Wix, ma per questi non c'è un preset — la mappa viene costruita con l'analisi AI;
- Analisi AI del layout — per siti scritti a mano e temi non standard;
- Verifica di ogni selettore trovato sulle pagine reali; i dati vengono confrontati con il microdato del prodotto. Un selettore non verificato non entra nella mappa — meglio meno pulsanti che un pulsante nel posto sbagliato.
Alla fine si vede: la piattaforma determinata, il numero di pagine scansionate, un esempio di prodotto riconosciuto e, separatamente, la pagina prodotto e le schede del catalogo. La mappa si applica con un pulsante e viene salvata insieme alle impostazioni del widget. Il sito è cambiato — basta riscansionare.
Posizionamento dei pulsanti e aspetto#
Si configura su layout con anteprima dal vivo — una tipica pagina prodotto e il catalogo:
- Pulsante sulla pagina prodotto: sotto il prezzo, accanto al pulsante nativo del sito, fluttuante in fondo allo schermo oppure disattivato (lo scenario principale dell'«intercettazione completa» — non c'è un pulsante proprio, l'ospite preme quello nativo);
- Pulsante nella scheda del catalogo: sopra la scheda, sotto la scheda oppure disattivato;
- Pulsante del carrello: uno qualsiasi dei quattro angoli dello schermo;
- Colore dei pulsanti e testo («Aggiungi al carrello», «Ordina», personalizzato) — la dicitura può essere impostata separatamente per ogni lingua del tuo sito.
Prezzi propri#
Un interruttore separato: il widget ricalcola il prezzo del tuo sito nel proprio e lo mostra all'ospite — sulla pagina prodotto, nel catalogo e nel carrello.
- Regola di base per tutti i prodotti: percentuale, maggiorazione in valuta, limiti «non inferiore / non superiore» e arrotondamento (all'intero, coda …9, centesimi .99, decine tonde …0, multiplo di 10/50/100).
- Override puntuali per indirizzo della pagina, nome o codice articolo: prezzo proprio, regola propria, nome diverso nel carrello oppure «ritirato dalla vendita» — in tal caso il pulsante non viene inserito.
- Opzioni di visualizzazione: vecchio prezzo barrato accanto al nuovo, dicitura come «prezzo in promozione», dicitura valuta propria, punti aggiuntivi con i prezzi (pannello sticky, blocco «prodotti simili»). La riscrittura dei prezzi direttamente nel markup del sito può anche essere disattivata: l'ospite vedrà il prezzo del sito, ma nel carrello andrà il tuo.
- Nell'account c'è un'anteprima «prima → dopo» su un prezzo di esempio dal tuo sito.
⚠️ La riscrittura è visiva: il backend del tuo sito non sa nulla del nuovo prezzo. Perciò i prezzi propri hanno senso insieme all'intercettazione dell'ordine — altrimenti l'ospite che preme il pulsante nativo rimasto invia un ordine al vecchio prezzo fuori dal tuo canale. In modalità «Intercettazione completa» i prezzi propri sono attivi per impostazione predefinita, e l'area di amministrazione avvisa se li hai attivati senza intercettazione.
Cosa succede dopo l'ordine#
L'ospite mette i prodotti nel carrello, lo apre e invia l'ordine — nome, telefono, consegna o ritiro con indirizzo, commento. L'ordine arriva nella sezione «Ordini» dell'account, alla pari degli ordini della vetrina, della cassa e degli aggregatori: gli stessi stati, notifiche, stampa e invio in cucina. Non esiste una «inbox del widget» separata. Ogni riga dell'ordine arriva con un link a quella pagina del tuo sito da cui è stata messa nel carrello — l'operatore vede cosa è stato ordinato.
Tutto il resto sull'ordine online si configura nello stesso punto, nella modale del widget: è strutturata come una fisarmonica con le sezioni «Widget sul tuo sito», «Ricezione ordini», «Consegna e ritiro», «Pagamento», «Checkout» e «Fiscalizzazione delle ricevute» — gli stessi moduli delle sezioni corrispondenti dell'account, raccolti in un unico posto.
Pulsante «Avvisami quando torna disponibile»#
Il secondo tag, separato, dello stesso Widget — per la pagina di un prodotto esaurito sul vostro sito. L'ospite preme il pulsante, lascia l'email, la conferma tramite il link ricevuto per email e riceve una email quando il prodotto torna disponibile; nell'email di conferma, accanto a «conferma», c'è anche «rifiuta». Le notifiche sono inviate dallo stesso meccanismo dell'iscrizione «avvisami quando torna disponibile» sulla nostra Vetrina — non se ne attiva un secondo.
Come attivarlo: nella finestra delle impostazioni dell'Ordine online aprite la scheda «🔔 Avvisami quando torna disponibile», scegliete il prodotto e, se presente, la variante dal vostro catalogo pubblicato — il generatore comporrà il codice. Sulla pagina del prodotto inserite un pulsante con l'attributo data-cenaly-stock="<товар>" (un esempio pronto è nella stessa scheda) e inserite una sola volta il tag stock/v1.js. L'avviatore pesa meno di un kilobyte e sa fare esattamente una cosa — attendere il clic; il modulo di iscrizione, i dizionari e l'invio arrivano in un file separato solo dopo l'azione dell'ospite.
Cosa è importante sapere:
- Il prodotto viene collegato manualmente. Non confrontiamo cataloghi di terzi e non leggiamo le giacenze da pagine di terzi: «torna disponibile» significa disponibilità nel vostro catalogo presso di noi, la stessa che vede la nostra Vetrina. Un prodotto che non è nel catalogo pubblicato della Sede non viene accettato dal pulsante.
- L'iscrizione si conferma via email (double opt-in): fino al clic sul link dell'email, le email di disponibilità non vengono inviate.
- L'iscrizione non riserva il prodotto. La notifica viene inviata al ritorno disponibile nel nostro catalogo. Nella versione attuale un'email viene considerata una sola volta per prodotto: una nuova iscrizione a un'altra variante dello stesso prodotto non sostituisce la variante già scelta.
- Con una CSP rigorosa, solo con nonce, il modulo di iscrizione per ora non si aprirà senza un'autorizzazione aggiuntiva degli script CDN o una policy
'strict-dynamic'adeguata: dettagli in «Il mio sito». - Non è un tag unico. Il pulsante «Avvisami quando torna disponibile» non viene attivato dal caricatore unico de «Il mio sito» — ha un proprio tag e una propria formattazione sulla pagina, perché sta solo dove lo avete inserito.
Limitazioni#
- Lo Scanner legge l'HTML lato server. Se il catalogo è interamente disegnato in JavaScript, le pagine prodotto potrebbero non essere trovate — in tal caso funziona la modalità «Vetrina propria».
- I prodotti nel carrello vengono presi dalle pagine del vostro sito, non dal catalogo nell'Account: il Widget legge nome e prezzo direttamente dalla pagina (e, se necessario, li ricalcola secondo la vostra regola dei prezzi). Non è necessario trasferire il catalogo da noi per questo — ma le giacenze nell'Account non vengono scaricate da tali Ordini.
- Nel carrello del Widget si può scegliere il pagamento alla consegna o il pagamento online, se per la Sede è configurato un provider supportato. Dopo la creazione dell'Ordine l'ospite passa alla pagina del provider; il Widget stesso non accetta i dati della carta. Se non è stato possibile preparare il pagamento, è possibile ripeterlo per un Ordine già creato.
- In modalità «Sostituisci pulsanti» i pulsanti nativi vengono nascosti visivamente; se sul sito esiste un altro percorso verso il checkout (ad esempio un link diretto a un carrello di terzi), va rimosso autonomamente — oppure si passa alla modalità «Intercettazione completa», che si occupa di tali passaggi.
Risoluzione dei problemi#
I pulsanti «Aggiungi al carrello» sul sito non ci sono.
- Tag non trovato — premete «Verifica installazione» nella sezione «Il mio sito». «Codice assente» — il tag non è inserito o non è presente su tutte le pagine del template; «codice di un'altra Sede» — nel tag c'è un
data-domaindi terzi. Se il tag viene inserito tramite Google Tag Manager, la verifica non lo vedrà: controllate il sito a occhio. - Le modifiche non sono arrivate — i file dei Widget vengono distribuiti tramite CDN con cache di 5 minuti: attendete e aggiornate la pagina svuotando la cache.
- La mappa del sito non è costruita o non è applicata — nelle modalità diverse da «Vetrina propria» i pulsanti vengono posizionati in base alla mappa: scansionate il sito e applicate il risultato.
- Lo Scanner non ha trovato le pagine prodotto — legge l'HTML lato server; se il catalogo è interamente disegnato in JavaScript, passate alla modalità «Vetrina propria».
- Il pulsante sulla pagina prodotto è disattivato nelle impostazioni di posizionamento — è previsto dallo scenario di «intercettazione completa», in cui l'ospite preme il pulsante nativo del sito.
Il pulsante del carrello è sparito. Controllate l'angolo dello schermo scelto nelle impostazioni di posizionamento; se è attivo il pulsante multiplo e nel suo ventaglio è presente la voce «Ordina», il pulsante del Widget viene disattivato intenzionalmente.
I pulsanti sono finiti nel posto sbagliato o sono spariti dopo un aggiornamento del sito. Il layout è cambiato — premete «Riscansiona»: le impostazioni di posizionamento vengono mantenute.
I prezzi sulla pagina non sono cambiati. La riscrittura dei prezzi direttamente nel markup del sito può essere disattivata con un'impostazione — in tal caso l'ospite vede il prezzo del sito, mentre nel carrello va il vostro. Verificate anche che la regola dei prezzi sia attiva e che per questo prodotto non ci sia una sovrascrittura puntuale.
L'ospite ha effettuato un Ordine sul sito, ma l'Ordine non è nell'Account. Probabilmente l'Ordine è passato senza di noi — tramite un pulsante nativo rimasto attivo o un link diretto al carrello del sito. Si risolve con la modalità «Sostituisci pulsanti» o «Intercettazione completa».
Nell'Ordine c'è il prezzo sbagliato. La riscrittura dei prezzi è visiva: il backend del vostro sito non ne è a conoscenza. Ha senso attivare i prezzi propri solo insieme all'intercettazione dell'Ordine — altrimenti una parte degli Ordini verrà effettuata al vecchio prezzo senza di noi.
Sezioni correlate#
- Il mio sito — codice di installazione e altri Widget
- Ordini — cosa succede all'Ordine in seguito
- Negozio online — se serve una Vetrina completa
Domande frequenti#
È necessario trasferire il catalogo da voi? No. Il Widget lavora con i prodotti direttamente sulle pagine del sito: nomi e prezzi li legge da lì. Il catalogo nell'Account serve se si desidera la gestione del magazzino, l'analisi per Articolo e la nostra Vetrina: è possibile trasferirlo con l'importazione tramite l'indirizzo del sito o con un file — vedi Importazione catalogo con AI e Negozio online.
E se il sito è cambiato? Selezionare «Riscansiona» — la mappa si aggiornerà e le impostazioni di posizionamento saranno mantenute.
Il Widget rovinerà il layout? I pulsanti vengono inseriti nei punti trovati del markup, l'aspetto è configurabile; il carrello e il checkout si aprono sopra la pagina e non toccano il layout.