Salta al contenuto principale
← Torna a CutOptim ConfiguratorIncorporamento · una riga di codice

Un configuratore prodotti per il tuo sito web, da incorporare con una riga di codice

CutOptim Configurator è un configuratore prodotti per materiale in lastre che gira dentro le pagine del tuo shop. Incolli un tag script e un elemento; il configuratore si apre nella pagina, come pop-up, come pannello laterale o come pagina a sé, e restituisce l’ordine al tuo shop.

Quattro modi per aprirlo

Scegli come si presenta il configuratore; lo stesso codice serve per tutti e quattro e l’impostazione dello shop decide quale è quello predefinito.

  • — Nella pagina (inline): il configuratore fa parte della pagina del prodotto.
  • — Pop-up (modal): un pulsante come «Taglia questo pannello su misura» lo apre sopra la pagina.
  • — Pannello laterale (drawer): scorre dal lato e lascia in vista la pagina del prodotto.
  • — Pagina a sé: un configuratore a tutta pagina che, a ordine fatto, riporta il cliente al tuo carrello.

Quattro modi per mostrarlo nel tuo negozio

La stessa riga di codice: scegli come si apre.

Uno script e un elemento

Il configuratore è un web component: un tag script lo carica e un elemento <cutoptim-configurator> con la tua chiave pubblicabile lo posiziona. Un pulsante con data-cutoptim-open apre un pop-up o un pannello laterale e può preselezionare il pannello della pagina prodotto in cui si trova il cliente.

Il codice da incollare nel tuo shop
<script type="module" src="https://cfg.cutoptim.com/embed/assets/cutoptim-configurator.js"></script>

<button data-cutoptim-open="#cut">Cut this board to size</button>
<cutoptim-configurator id="cut" mode="modal" key="pk_your_publishable_key" lang="it">
</cutoptim-configurator>

Il tuo marchio, i tuoi testi

Colori, caratteri, angoli e tema chiaro o scuro seguono il tuo marchio. Gli ancoraggi ::part con nome permettono al tuo foglio di stile di ritoccare pulsanti, schede e campi, e ogni testo rivolto al cliente si può cambiare lingua per lingua. Il configuratore gira in un livello isolato: gli stili della tua pagina non lo rompono e lui non rompe la tua pagina.

L’ordine torna al tuo shop

Quando il cliente ordina, la pagina riceve un evento cutoptim:order con l’ordine e il suo preventivo firmato, così il tuo shop può metterlo nel carrello. Il tuo server può controllare la firma su /cfg/v1/quote/verify prima di accettare il prezzo. Nella modalità a pagina a sé il cliente viene rimandato al tuo carrello con l’ordine.

Sicuro per impostazione predefinita

La tua chiave funziona solo sugli indirizzi web che elenchi, quindi un altro sito non può incorporare il tuo configuratore con i tuoi prezzi. I prezzi vengono calcolati e firmati da noi, mai nel browser.

Prima di incorporarlo, apri lo shop demo: mostra il codice esatto per ciascuno dei quattro modi di aprire il configuratore.

Domande frequenti

Come aggiungo il configuratore al mio sito web?
Incolla un tag script e un elemento <cutoptim-configurator> con la tua chiave pubblicabile nella pagina in cui deve comparire. Scegli se mostrarlo nella pagina, come pop-up, come pannello laterale o come pagina a sé. Lo shop demo mostra il codice per ciascuno dei quattro modi.
Funziona con la piattaforma del mio shop?
Funziona su qualsiasi pagina in cui puoi aggiungere HTML e uno script — uno shop costruito su una piattaforma diffusa oppure uno tutto tuo. L’ordine arriva alla tua pagina come evento cutoptim:order e, nella modalità a pagina a sé, come ritorno al tuo carrello. Per WooCommerce c’è un plug-in in accesso anticipato; uno shop su misura o un ERP verifica il webhook firmato sul proprio server.
Posso farlo somigliare al mio shop?
Sì. Imposti colori, caratteri, raggio degli angoli e tema chiaro o scuro, ritocchi parti dell’aspetto dal tuo foglio di stile tramite gli ancoraggi ::part con nome e cambi qualsiasi testo rivolto al cliente in ciascuna delle dieci lingue.
Rallenterà la pagina del mio prodotto?
Il configuratore parte da un piccolo script e carica il codice di ogni passaggio solo quando serve. Una pagina che lo mostra come pop-up o pannello laterale fa il caricamento più pesante soltanto per i clienti che premono il pulsante.
Qualcun altro può incorporare il mio configuratore?
No. La tua chiave pubblicabile funziona solo sugli indirizzi web che elenchi per essa e ogni prezzo è firmato da noi. Un altro sito che usa la tua chiave viene rifiutato e un prezzo modificato nel browser non supera il controllo della firma.

Altro sul configuratore

Ti serve solo il motore di taglio? Vedi la Engine API

Note legaliCondizioni del configuratore (EN) ·Accordo sul trattamento dei dati (EN) ·Informativa privacy per gli acquirenti ·Licenze di terze parti (EN)