← Înapoi la CutOptim ConfiguratorIntegrare · o singură linie de cod

Un configurator de produse pentru site, pe care îl integrați cu o singură linie de cod

CutOptim Configurator este un configurator de produse pentru material în plăci, care rulează chiar în paginile magazinului dumneavoastră. Inserați un tag script și un element; configuratorul se deschide în pagină, ca pop-up, ca panou lateral sau ca pagină proprie și predă comanda înapoi magazinului dumneavoastră.

Încercați demo-ul live →Porniți un sandbox gratuit Vedeți configuratorul Referință API Configurator: Început rapid →

Patru moduri de a-l deschide

Alegeți cum apare configuratorul; același cod servește toate cele patru moduri, iar setarea magazinului stabilește modul implicit.

— În pagină (inline): configuratorul face parte din pagina produsului.
— Pop-up (modal): un buton precum „Debitați această placă la dimensiune” îl deschide peste pagină.
— Panou lateral (drawer): glisează din lateral și păstrează pagina produsului în câmpul vizual.
— Pagină proprie: un configurator pe toată pagina, care își întoarce clientul în coșul dumneavoastră când acesta comandă.

Patru moduri de afișare în magazin

Aceeași linie de cod – alegeți cum se deschide.

Un script și un element

Configuratorul este o componentă web: un tag script îl încarcă, iar un element <cutoptim-configurator> cu cheia dumneavoastră publicabilă îl așază în pagină. Un buton cu data-cutoptim-open deschide un pop-up sau un panou lateral și poate preselecta placa produsului din pagina pe care se află clientul.

Codul pe care îl inserați în magazinul dumneavoastră

<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="ro">
</cutoptim-configurator>

Brandul dumneavoastră, textele dumneavoastră

Culorile, fonturile, colțurile și tema deschisă sau închisă urmează brandul dumneavoastră. Ancore ::part denumite permit foii dumneavoastră de stil să ajusteze butoanele, cardurile și câmpurile, iar fiecare text vizibil clientului poate fi modificat pentru fiecare limbă. Configuratorul rulează într-un strat izolat propriu, deci stilurile paginii dumneavoastră nu îl strică, iar el nu vă strică pagina.

Comanda se întoarce în magazinul dumneavoastră

Când clientul comandă, pagina primește un eveniment cutoptim:order cu comanda și oferta ei semnată, astfel încât magazinul dumneavoastră o poate pune în coș. Serverul dumneavoastră poate verifica semnătura la /cfg/v1/quote/verify înainte de a accepta prețul. În modul de pagină proprie, clientul este trimis înapoi în coșul dumneavoastră împreună cu comanda.

Sigur în mod implicit

Cheia dumneavoastră funcționează doar pe adresele web pe care le listați, deci un alt site nu poate integra configuratorul dumneavoastră cu prețurile dumneavoastră. Prețurile se calculează și se semnează la noi, niciodată în browser.

Înainte de integrare, deschideți magazinul demo: acesta arată codul exact pentru fiecare dintre cele patru moduri de deschidere a configuratorului.

Întrebări frecvente

Cum adaug configuratorul pe site-ul meu?

Inserați un tag script și un element <cutoptim-configurator> cu cheia dumneavoastră publicabilă în pagina în care trebuie să apară. Alegeți dacă se afișează în pagină, ca pop-up, ca panou lateral sau ca pagină proprie. Magazinul demo arată codul pentru fiecare dintre cele patru moduri.

Funcționează cu platforma magazinului meu?

Funcționează pe orice pagină în care puteți adăuga HTML și un script — un magazin construit pe o platformă răspândită sau unul propriu. Comanda ajunge în pagina dumneavoastră ca eveniment cutoptim:order și, în modul de pagină proprie, ca revenire în coșul dumneavoastră. Pentru WooCommerce există un plugin în acces anticipat; un magazin propriu sau un ERP verifică webhook-ul semnat pe serverul său.

Pot să-l fac să arate ca magazinul meu?

Da. Stabiliți culorile, fonturile, raza colțurilor și tema deschisă sau închisă, ajustați părți din el din propria foaie de stil prin ancore ::part denumite și modificați orice text vizibil clientului în fiecare dintre cele zece limbi.

Îmi va încetini pagina de produs?

Configuratorul pornește de la un singur script mic și încarcă codul fiecărui pas doar când acel pas este necesar, așa că o pagină care îl afișează ca pop-up sau ca panou lateral face încărcarea mare doar pentru clienții care apasă butonul.

Îmi poate integra altcineva configuratorul?

Nu. Cheia dumneavoastră publicabilă funcționează numai pe adresele web pe care le listați pentru ea, iar fiecare preț este semnat la noi. Un alt site care folosește cheia dumneavoastră este respins, iar un preț modificat în browser nu trece de verificarea semnăturii.

Mai multe despre configurator

CutOptim Configurator →

Configuratorul de produse pentru debitare la dimensiune, în webshopul dumneavoastră — plan de debitare live, preț live, comenzi direct în magazin.

Demo live →

Introduceți piese într-un magazin demo și urmăriți cum se actualizează planul de debitare și prețul pe măsură ce scrieți.

Reguli de preț →

Pe placă, pe m², pe metru de tăietură, cantuire, prelucrări, TVA și valori minime — prețurile dumneavoastră, live.

Platformă proprie →

Verificați oferta semnată și webhook-ul semnat pe propriul server, cu exemple în Node și PHP.

Șabloane de mobilier →

Porniți de la un corp, un raft sau un dulap: piesele, planul și prețul urmează dimensiunea.

Pentru ateliere de debitare →

Comercianți de plăci, ateliere de debitare și magazine de plăci: clienții comandă online, cu plan în timp real și prețurile dumneavoastră.

Plugin WooCommerce →

Un buton de debitare la dimensiune pe produsele WooCommerce; doar o ofertă verificată devine linie de coș.

Referință API Configurator: Început rapid →

Integrați, verificați pe serverul dumneavoastră, primiți webhookul semnat: trei pași.

Aveți nevoie doar de motorul de debitare? Vedeți Engine API

JuridicTermenii configuratorului (EN) ·Acord de prelucrare a datelor (EN) ·Notă de confidențialitate pentru cumpărători ·Licențe terțe (EN)