Your store

Fifny Cloud

Your store

Konfigurator Fifny - działanie po stronie sklepu pierwszy etap
The customer enters the product page and clicks the button PERSONALIZE.

Fifny Cloud

Konfigurator Fifny - działanie po stronie Fifny Cloud drugi etap
The system opens the configurator in a new window or inside the page (iframe). Provides a return link – ADD TO CART. The customer configures the product and clicks ADD TO CART.

Twój sklep

Konfigurator Fifny - działanie po stronie sklepu trzeci etap
The customer makes an order in your store. Redirect is made to add product to the basket. The configuration number is returned, which should be remembered at the order entry. Your store may additionally download detailed data of the configured item, including preview and price.

Twój sklep

Konfigurator Fifny - działanie po stronie sklepu czwarty etap
Your store confirms the order of the configured product and downloads high-quality files (e.g. for printing).

Information for the developer

You can use one of the 3 sharing methods to implement the configurator.


Iframe


<iframe src="http://yourdomain.best.net.pl/do/shareItem?item=configurationYourConfiguratorName" height="800px" width="100%"></iframe>
Osadzanie za pomocą iFrame

Your store may additionally download detailed data of the configured item, including preview and price.

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