Přejít na hlavní obsah
← Zpět na CutOptim ConfiguratorVložení do webu · jeden řádek kódu

Konfigurátor produktů pro e-shop, který vložíte jedním řádkem kódu

CutOptim Configurator je konfigurátor produktů pro e-shop s deskovým materiálem, který běží přímo na stránkách vašeho obchodu. Vložíte jednu značku script a jeden prvek; konfigurátor se otevře na stránce, jako vyskakovací okno, jako boční panel nebo jako samostatná stránka a objednávku předá zpět vašemu obchodu.

Čtyři způsoby otevření

Zvolte, jak se konfigurátor zobrazí; stejný kód obsluhuje všechny čtyři způsoby a výchozí rozhoduje nastavení obchodu.

  • — Na stránce (inline): konfigurátor je součástí stránky produktu.
  • — Vyskakovací okno (modal): otevře ho tlačítko, například „Nařezat desku na míru“, nad stránkou.
  • — Boční panel (drawer): vysune se z boku a stránka produktu zůstane na očích.
  • — Samostatná stránka: konfigurátor na celou stránku, který zákazníka po objednání vrátí do vašeho košíku.

Čtyři způsoby, jak ho ukázat v e-shopu

Stejný řádek kódu – vyberete, jak se otevře.

Jeden skript a jeden prvek

Konfigurátor je webová komponenta: načte ho jedna značka script a prvek <cutoptim-configurator> s vaším veřejným klíčem ho umístí na stránku. Tlačítko s atributem data-cutoptim-open otevře vyskakovací okno nebo boční panel a může předvybrat desku z produktové stránky, na které zákazník právě je.

Kód, který vložíte do svého obchodu
<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="cs">
</cutoptim-configurator>

Vaše značka, vaše texty

Barvy, písma, zaoblení i světlý nebo tmavý motiv se řídí vaší značkou. Pojmenované kotvy ::part umožňují vlastním stylům upravit tlačítka, karty a pole a každý text určený zákazníkovi lze změnit pro každý jazyk zvlášť. Konfigurátor běží ve vlastní izolované vrstvě, takže styly vaší stránky ho nerozbijí a on nerozbije stránku.

Objednávka se vrací do vašeho obchodu

Když zákazník objedná, stránka obdrží událost cutoptim:order s objednávkou a její podepsanou nabídkou, takže ji váš obchod může vložit do košíku. Váš server může podpis ověřit na adrese /cfg/v1/quote/verify, než cenu přijme. U samostatné stránky se zákazník vrací do vašeho košíku s objednávkou.

Bezpečný už ve výchozím stavu

Váš klíč funguje jen na webových adresách, které uvedete, takže konfigurátor s vašimi cenami nemůže vložit jiný web. Ceny se počítají a podepisují u nás, nikdy v prohlížeči.

Než konfigurátor vložíte, otevřete demo obchod: ukazuje přesný kód pro každý ze čtyř způsobů otevření.

Časté otázky

Jak přidám konfigurátor na svůj web?
Do stránky, kde se má zobrazit, vložte jednu značku script a jeden prvek <cutoptim-configurator> s veřejným klíčem. Zvolte, zda se zobrazí na stránce, jako vyskakovací okno, jako boční panel nebo jako samostatná stránka. Demo obchod ukazuje kód pro každý ze čtyř způsobů.
Funguje s mou platformou e-shopu?
Funguje na každé stránce, kam můžete přidat HTML a skript – v obchodě postaveném na běžné platformě i ve vlastním řešení. Objednávka dorazí na vaši stránku jako událost cutoptim:order a u samostatné stránky jako návrat do košíku. Pro WooCommerce existuje modul v předběžném přístupu; vlastní obchod nebo ERP ověřuje podepsaný webhook na svém serveru.
Může vypadat jako můj obchod?
Ano. Nastavíte barvy, písma, zaoblení rohů a světlý nebo tmavý motiv, části vzhledu upravíte z vlastních stylů přes pojmenované kotvy ::part a jakýkoli text určený zákazníkovi změníte v každém z deseti jazyků.
Zpomalí mi stránku produktu?
Konfigurátor se spouští z jednoho malého skriptu a kód každého kroku načte až ve chvíli, kdy je potřeba. Stránka, která ho zobrazuje jako vyskakovací okno nebo boční panel, tak náročné načítání provede jen u zákazníků, kteří na tlačítko kliknou.
Může můj konfigurátor vložit někdo jiný?
Ne. Váš veřejný klíč funguje jen na webových adresách, které pro něj uvedete, a každá cena se podepisuje u nás. Jiný web, který váš klíč použije, bude odmítnut, a cena změněná v prohlížeči neprojde kontrolou podpisu.

Další informace o konfigurátoru

Potřebujete jen řezací engine? Podívejte se na Engine API

Právní informacePodmínky konfigurátoru (EN) ·Smlouva o zpracování údajů (EN) ·Zásady ochrany osobních údajů pro kupující ·Licence třetích stran (EN)