Twój sklep

Fifny Cloud

Twój sklep

Konfigurator Fifny - działanie po stronie sklepu pierwszy etap
Klient wchodzi na stronę produktu i klika przycisk PERSONALIZUJ.

Fifny Cloud

Konfigurator Fifny - działanie po stronie Fifny Cloud drugi etap
System uruchamia konfigurator w nowym oknie lub wewnątrz strony (iframe). Przekazuje link powrotny – DODAJ DO KOSZYKA. Klient konfiguruje produkt i klika DODAJ DO KOSZYKA.

Twój sklep

Konfigurator Fifny - działanie po stronie sklepu trzeci etap
Klient składa zamówienie w Twoim sklepie. Następuje przekierowanie do dodania do koszyka. Zwracany jest numer konfiguracji, który powinien być zapamiętany przy pozycji zamówienia. Twój sklep może dodatkowo pobrać szczegółowe dane skonfigurowanego towaru, w tym podgląd i cenę.

Twój sklep

Konfigurator Fifny - działanie po stronie sklepu czwarty etap
Twój sklep potwierdza zamówienie skonfigurowanego towaru i pobiera pliki wysokiej jakości (np. do wydruku).

Informacje dla dewelopera

Do wdrożenia konfiguratora możesz użyć jednej z 3 metod udostępniania


Kod JavaScript


<script src="https://cloud.fifny.com/assets/ec/plugins/shareItem/coreShare.ec.js"></script>
<script type="text/javascript">
    new EC.Share.Core({
        divId: "configItem",
        item: "configurationYourConfiguratorName",
        callback: "http://www.domain.pl/callback",
        idSubmitButton: "ecButtonAdd",
    });
</script>

Gdzie musimy dostosować dwie rzeczy:

  1. item – tutaj wklejamy symbol zestawu, który będziemy udostępniać z Cloud Fifny
  2. callback – tutaj podmieniamy: www.domain.pl na adres, na który odsyłamy callback

Osadzanie za pomocą JavaScript Fifny Clouds

Iframe


<iframe src="http://cloud.fifny.com/do/shareItem?item=configurationYourConfiguratorName" height="800px" width="100%"></iframe>
Osadzanie za pomocą iFrame

Twój sklep może dodatkowo pobrać szczegółowe dane skonfigurowanego towaru, w tym podgląd i cenę.