Ugrás a tartalomhoz
← Vissza: CutOptim ConfiguratorBeágyazás · egy sor kód

Webshopba ágyazható termékkonfigurátor egyetlen sor kóddal

A CutOptim Configurator egy lapanyagokhoz készült termékkonfigurátor webshopba, amely a saját bolti oldalaidon fut. Beillesztesz egy script címkét és egy elemet; a konfigurátor megnyílik az oldalon belül, felugró ablakban, oldalpanelben vagy önálló oldalként, és visszaadja a rendelést a boltodnak.

Négy mód a megnyitásra

Te döntöd el, hogyan jelenjen meg a konfigurátor; ugyanaz a kód mind a négyet kiszolgálja, az alapértelmezést a bolt beállítása adja.

  • — Az oldalon belül (inline): a konfigurátor a termékoldal része.
  • — Felugró ablak (modal): egy gomb, például a „Vágd méretre ezt a lapot”, megnyitja az oldal fölött.
  • — Oldalpanel (drawer): oldalról csúszik be, és a termékoldal látható marad mögötte.
  • — Önálló oldal: teljes oldalas konfigurátor, amely rendeléskor visszaviszi a vevőt a kosaradhoz.

Négyféleképpen jelenhet meg a webshopodban

Ugyanaz az egy sor kód – te választod, hogyan nyíljon.

Egy script és egy elem

A konfigurátor egy webkomponens: egy script címke betölti, a publikus kulcsoddal megadott <cutoptim-configurator> elem pedig a helyére teszi. A data-cutoptim-open attribútumos gomb felugró ablakot vagy oldalpanelt nyit, és előre kiválaszthatja annak a terméknek a lapját, amelynek az oldalán a vevő éppen jár.

A kód, amit beillesztesz a boltodba
<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="hu">
</cutoptim-configurator>

A te arculatod, a te szövegeid

A színek, a betűtípusok, a lekerekítések és a világos vagy sötét téma az arculatodat követik. A névvel ellátott ::part pontokon keresztül a saját stíluslapod módosíthatja a gombokat, kártyákat és mezőket, és minden vevőnek szóló szöveg nyelvenként átírható. A konfigurátor saját, elszigetelt rétegben fut, így az oldalad stílusai nem rontják el, és ő sem rontja el az oldaladat.

A rendelés visszajut a boltodba

Amikor a vevő megrendel, az oldal cutoptim:order eseményt kap a rendeléssel és az aláírt árajánlattal, így a boltod betöltheti a kosárba. A szervered a /cfg/v1/quote/verify címen ellenőrizheti az aláírást, mielőtt elfogadja az árat. Önálló oldal módban a vevő a rendeléssel együtt visszakerül a kosaradhoz.

Alapból biztonságos

A kulcsod csak az általad megadott webcímeken működik, így más oldal nem ágyazhatja be a konfigurátorodat a te áraiddal. Az árakat a mi oldalunkon számoljuk ki és írjuk alá, soha nem a böngészőben.

Beágyazás előtt nyisd meg a demóboltot: mind a négy megnyitási módhoz megmutatja a pontos kódot.

Gyakori kérdések

Hogyan adom hozzá a konfigurátort a weboldalamhoz?
Illessz be egy script címkét és egy <cutoptim-configurator> elemet a publikus kulcsoddal arra az oldalra, ahol meg kell jelennie. Válaszd ki, hogy az oldalon belül, felugró ablakban, oldalpanelben vagy önálló oldalként jelenjen-e meg. A demóbolt mind a négyhez megmutatja a kódot.
Működik a webshop-platformommal?
Minden olyan oldalon működik, ahová HTML-t és scriptet tehetsz — legyen az egy elterjedt platformra épített bolt vagy a saját fejlesztésed. A rendelés cutoptim:order eseményként, önálló oldal módban pedig a kosárhoz való visszatérésként érkezik az oldaladra. WooCommerce-hez korai hozzáférésű bővítmény van; a saját fejlesztésű bolt vagy ERP a szerverén ellenőrzi az aláírt webhookot.
Kinézhet úgy, mint a boltom?
Igen. Beállítod a színeket, a betűtípusokat, a lekerekítést és a világos vagy sötét témát, a névvel ellátott ::part pontokon keresztül a saját stíluslapodból módosítod egyes részeit, és mind a tíz nyelven átírhatod a vevőnek szóló szövegeket.
Lelassítja a termékoldalamat?
A konfigurátor egyetlen kis scriptből indul, és az egyes lépések kódját csak akkor tölti be, amikor szükség van rá. Így az az oldal, amely felugró ablakban vagy oldalpanelben jeleníti meg, a nehezebb betöltést csak azoknak a vevőknek végzi el, akik rákattintanak a gombra.
Beágyazhatja más a konfigurátoromat?
Nem. A publikus kulcsod csak az általad megadott webcímeken működik, és minden árat a mi oldalunkon írunk alá. Ha egy másik oldal használná a kulcsodat, azt elutasítjuk, a böngészőben módosított ár pedig megbukik az aláírás-ellenőrzésen.

Még több a konfigurátorról

Csak a vágásoptimalizáló motor kell? Nézd meg az Engine API-t

Jogi tudnivalókKonfigurátor feltételek (EN) ·Adatfeldolgozási szerződés (EN) ·Vásárlói adatvédelmi tájékoztató ·Harmadik féltől származó licencek (EN)