← Natrag na CutOptim ConfiguratorUgradnja · jedan redak kôda

Konfigurator proizvoda za web shop koji ugrađujete jednim retkom kôda

CutOptim Configurator je konfigurator proizvoda za pločasti materijal koji radi unutar stranica vašeg web shopa. Zalijepite jednu oznaku skripte i jedan element; konfigurator se otvara na stranici, kao skočni prozor, kao bočni panel ili kao zasebna stranica te narudžbu vraća u vaš shop.

Isprobajte demo uživo →Pokrenite besplatni sandbox Pogledajte konfigurator Referenca API-ja konfiguratora: Brzi početak →

Četiri načina otvaranja

Odaberite kako će se konfigurator pojaviti; isti kôd služi za sva četiri načina, a zadani odabire postavka web shopa.

— Na stranici (inline): konfigurator je dio stranice proizvoda.
— Skočni prozor (modal): gumb poput „Izrežite ovu ploču po mjeri” otvara ga preko stranice.
— Bočni panel (drawer): uklizne s boka i ostavlja stranicu proizvoda u vidu.
— Zasebna stranica: konfigurator preko cijele stranice koji kupca pri narudžbi vraća u vašu košaricu.

Četiri načina prikaza u vašem shopu

Isti redak koda – vi birate kako se otvara.

Jedna skripta i jedan element

Konfigurator je web komponenta: jedna oznaka skripte učitava ga, a element <cutoptim-configurator> s vašim javnim ključem postavlja ga na stranicu. Gumb s atributom data-cutoptim-open otvara skočni prozor ili bočni panel i može unaprijed odabrati ploču sa stranice proizvoda na kojoj se kupac nalazi.

Kôd koji lijepite u svoj web 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="hr">
</cutoptim-configurator>

Vaša marka, vaši tekstovi

Boje, fontovi, zaobljeni rubovi i svijetla ili tamna tema prate vašu marku. Imenovana sidra ::part omogućuju da vaš stilski predložak prilagodi gumbe, kartice i polja, a svaki tekst namijenjen kupcu može se mijenjati po jeziku. Konfigurator radi u vlastitom izoliranom sloju, pa ga stilovi vaše stranice ne kvare, a on ne kvari vašu stranicu.

Narudžba se vraća u vaš shop

Kad kupac naruči, stranica prima događaj cutoptim:order s narudžbom i njezinom potpisanom ponudom, pa je vaš shop može staviti u košaricu. Vaš poslužitelj može provjeriti potpis na /cfg/v1/quote/verify prije nego što prihvati cijenu. U načinu zasebne stranice kupac se s narudžbom vraća u vašu košaricu.

Sigurno već u osnovi

Vaš ključ radi samo na web adresama koje navedete, pa vaš konfigurator s vašim cijenama ne može ugraditi druga stranica. Cijene se izračunavaju i potpisuju na našoj strani, nikada u pregledniku.

Prije ugradnje otvorite demo web shop: prikazuje točan kôd za svaki od četiri načina otvaranja konfiguratora.

Česta pitanja

Kako dodati konfigurator na svoju web stranicu?

Zalijepite jednu oznaku skripte i jedan element <cutoptim-configurator> s javnim ključem na stranicu na kojoj se treba pojaviti. Odaberite hoće li se prikazati na stranici, kao skočni prozor, kao bočni panel ili kao zasebna stranica. Demo web shop prikazuje kôd za svaki od ta četiri načina.

Radi li s mojom platformom web shopa?

Radi na svakoj stranici na koju možete dodati HTML i skriptu — na shopu izgrađenom na uobičajenoj platformi ili na vlastitom. Narudžba stiže na vašu stranicu kao događaj cutoptim:order, a u načinu zasebne stranice kao povratak u vašu košaricu. Za WooCommerce postoji dodatak u ranom pristupu; vlastiti shop ili ERP provjerava potpisani webhook na svom poslužitelju.

Mogu li ga uskladiti s izgledom svog web shopa?

Da. Postavljate boje, fontove, zaobljenost rubova i svijetlu ili tamnu temu, dijelove prilagođavate iz vlastitog stilskog predloška preko imenovanih sidara ::part te mijenjate bilo koji tekst namijenjen kupcu na svakom od deset jezika.

Hoće li usporiti stranicu mojeg proizvoda?

Konfigurator se pokreće jednom malom skriptom, a kôd svakog koraka učitava tek kad je taj korak potreban. Zato stranica koja ga prikazuje kao skočni prozor ili bočni panel obavlja teško učitavanje samo za kupce koji kliknu gumb.

Može li netko drugi ugraditi moj konfigurator?

Ne. Vaš javni ključ radi samo na web adresama koje za njega navedete, a svaka cijena potpisuje se na našoj strani. Druga stranica koja koristi vaš ključ bit će odbijena, a cijena promijenjena u pregledniku pada na provjeri potpisa.

Više o konfiguratoru

CutOptim Configurator →

Konfigurator proizvoda za rezanje po mjeri u vašem web shopu — plan rezanja uživo, cijena uživo, narudžbe izravno u vaš shop.

Demo uživo →

Unesite dijelove u demo web shopu i pratite kako se plan rezanja i cijena mijenjaju dok tipkate.

Pravila cijene →

Po ploči, po m², po metru reza, kantiranje, obrada, PDV i minimumi — vaše cijene, uživo.

Vlastita platforma →

Provjerite potpisanu ponudu i potpisani webhook na vlastitom poslužitelju, s primjerima u Nodeu i PHP-u.

Predlošci namještaja →

Krenite od ormarića, police ili garderobnog ormara: dijelovi, plan i cijena slijede mjeru.

Za usluge rezanja →

Trgovci pločama, usluge rezanja i prodavaonice ploča: kupci naručuju online, s planom uživo i vašim cijenama.

WooCommerce dodatak →

Gumb rezanja po mjeri na WooCommerce proizvodima; stavkom košarice postaje samo provjerena ponuda.

Referenca API-ja konfiguratora: Brzi početak →

Ugraditi, provjeriti na svom poslužitelju, primiti potpisani webhook: tri koraka.

Treba vam samo motor za rezanje? Pogledajte Engine API

Pravne informacijeUvjeti konfiguratora (EN) ·Ugovor o obradi podataka (EN) ·Obavijest o privatnosti za kupce ·Licencije trećih strana (EN)