Konfigurator produktu na stronę sklepu, który osadzasz jedną linijką kodu
CutOptim Configurator to konfigurator produktu na stronę sklepu z materiałami płytowymi, który działa wewnątrz Twoich stron. Wklejasz jeden znacznik script i jeden element; konfigurator otwiera się na stronie, w oknie modalnym, w panelu bocznym albo jako osobna strona i oddaje zamówienie do Twojego sklepu.
Cztery sposoby otwierania
Wybierz, jak ma się pojawiać konfigurator; ten sam kod obsługuje wszystkie cztery, a ustawienie sklepu decyduje o domyślnym.
- — Na stronie (inline): konfigurator jest częścią strony produktu.
- — Okno modalne (modal): przycisk, na przykład „Potnij tę płytę na wymiar”, otwiera go nad stroną.
- — Panel boczny (drawer): wysuwa się z boku i zostawia stronę produktu w zasięgu wzroku.
- — Osobna strona: konfigurator na całą stronę, który po zamówieniu odsyła klienta do Twojego koszyka.
Cztery sposoby pokazania w sklepie
Ta sama linijka kodu – wybierasz, jak się otwiera.
Jeden skrypt i jeden element
Konfigurator jest komponentem webowym: jeden znacznik script go ładuje, a element <cutoptim-configurator> z Twoim kluczem publicznym wskazuje miejsce. Przycisk z atrybutem data-cutoptim-open otwiera okno modalne lub panel boczny i może wstępnie wybrać płytę ze strony produktu, na której jest klient.
<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="pl">
</cutoptim-configurator>Twoja marka, Twoje teksty
Kolory, czcionki, zaokrąglenia i jasny lub ciemny motyw dopasowują się do Twojej marki. Nazwane kotwice ::part pozwalają Twojemu arkuszowi stylów poprawić przyciski, karty i pola, a każdy tekst widoczny dla klienta można zmienić osobno dla każdego języka. Konfigurator działa we własnej, odizolowanej warstwie, więc style Twojej strony go nie psują, a on nie psuje Twojej strony.
Zamówienie wraca do Twojego sklepu
Gdy klient zamawia, strona dostaje zdarzenie cutoptim:order z zamówieniem i jego podpisaną wyceną, więc Twój sklep może wrzucić je do koszyka. Twój serwer może sprawdzić podpis pod adresem /cfg/v1/quote/verify, zanim zaakceptuje cenę. W trybie osobnej strony klient wraca z zamówieniem do Twojego koszyka.
Bezpieczny domyślnie
Twój klucz działa tylko na adresach stron, które wymienisz, więc inna witryna nie osadzi Twojego konfiguratora z Twoimi cenami. Ceny są liczone i podpisywane po naszej stronie, nigdy w przeglądarce.
Zanim osadzisz konfigurator, otwórz sklep demo: pokazuje dokładny kod dla każdego z czterech sposobów otwierania.
Najczęstsze pytania
Jak dodać konfigurator do mojej strony?
Czy działa z moją platformą sklepową?
Czy mogę dopasować wygląd do mojego sklepu?
Czy spowolni moją stronę produktu?
Czy ktoś inny może osadzić mój konfigurator?
Więcej o konfiguratorze
Konfigurator produktu do cięcia na wymiar w Twoim sklepie — plan rozkroju i cena na żywo, zamówienia trafiają do Twojego sklepu.
Wpisz formatki w sklepie demo i patrz, jak plan rozkroju i cena zmieniają się w trakcie pisania.
Za arkusz, za m², za metr cięcia, obrzeża, obróbka, VAT i minima — Twoje ceny na żywo.
Weryfikuj podpisaną wycenę i podpisany webhook na własnym serwerze, z przykładami w Node i PHP.
Zacznij od szafki, regału lub szafy: formatki, plan i cena podążają za wymiarem.
Hurtownie płyt, firmy tnące i sklepy z arkuszami: klienci zamawiają online, z planem na żywo i Twoimi cenami.
Przycisk cięcia na wymiar w produktach WooCommerce; pozycją koszyka staje się tylko zweryfikowana wycena.
Osadź, zweryfikuj na swoim serwerze, odbierz podpisany webhook: trzy kroki.
Potrzebujesz tylko silnika rozkroju? Zobacz Engine API
Informacje prawneWarunki konfiguratora (EN) ·Umowa powierzenia przetwarzania danych (EN) ·Informacja o prywatności dla kupujących ·Licencje stron trzecich (EN)