C cenaly.com
Inizia gratuitamente

Ordini online sul tuo sito web

Pulsanti «Aggiungi al carrello» e checkout integrato sopra il tuo sito esistente

On this page 10

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:

  1. 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;
  2. Analisi AI del layout — per siti scritti a mano e temi non standard;
  3. 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.

  1. 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-domain di terzi. Se il tag viene inserito tramite Google Tag Manager, la verifica non lo vedrà: controllate il sito a occhio.
  2. 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.
  3. 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.
  4. 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».
  5. 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#


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.

Was this article helpful?