ADDING ARTIFI APPLICATION IN A WEBSITE
Initialize method creates an iframe in the specified html div element which will contain the form (editor) with the submit button (ex: Add To Cart).
extraQueryString: Steps to pass "extraQueryString" parameter from the PDP page into the Artifi Initialization call.
Step1: Collect the value in key-value format. Multiple key values can be passed in extraQueryString and it is separated by '&'.
Step 2: Convert this key-value in string format with Ampersand (&) Delimited/separated String
Step 3: Convert this string into the following browser encoded format.
Step 4: Pass this encoded value into the "extraQueryString" parameter.
Artifi engine will look like below image on launching the Artifi in the specific div element.
After launching the Artifi editor, end user will be able to customize the product. End user will get access to all customization functionalities present in the Artifi editor. The user will be able to change the attributes (color, size, etc.) of the products, add image and text widgets and customize the product before they buy.
You can pass the keys of the attribute, fonts or cliparts to calculate the price of the product when user add/remove any of them.