Product Listing Page / Product Detail Page
Product listing page or product detail page will show the Personalized products where the product will be having Personalize button instead of Add to Cart button so that end user can click on it and personalized product as per required (option if personalized is set to the product otherwise it will appear as normal Add to cart).
If personalization is selected as optional (refer - Point 2) Configuring Artifi Product in Magento - Linking with Artifi Engine) then both buttons will be appear to end user, Personalize as well as Add to cart.
Personalize button will redirect the product to Personalization page where end user can able to customize the product as per requirement.
Personalize Product Detail Page
Once clicked on the personalized button, the personalization detail page will open where the user can customize with the various options provided (Text, Options, Graphics, Snapshots, etc) by Artifi engine. After customizing, the User can able to add the product to the cart.
Price Integration - Sending Price info from Magento to Artifi Designer (Within Artifi IFrame)
For some use cases, you may want to show the price for the personalized product right into the Artifi designer to show real-time price of the personalization. For such scenarios, Artifi provides a connection point between Artifi and the Website. For which Magento needs to host a Price API that will return the price to Artifi.
In Artifi Designer, on changing the attributes or customizing the product, Artifi will make a call to your eCommerce website server to get the price.
Artifi will call the Magento Price API and will pass the Product code or SKU (and other custom variables like color code or font code or Attributes etc [Based on custom business requirements]) as the parameter.
This URL will return the price value in HTML format. Being an HTML String response, it'll be in control of Magento Price API regarding what to display for Price, like Base Price Or Additional Price or Discounted price, etc.
Response HTML (In-line formatting) Example:
- Price will be stored in the eCommerce (Magento) site only, no duplicate entry is required in Artifi.
- The Magento site will require hosting an API that will accept “sku” or other parameters (based on business requirements) and would respond to the price value as a FORMATTED HTML string.
- Artifi will consume this API method via Ajax call and will show the response “Price HTML String” in a defined location within Artifi Iframe.
- Magento Price API will be in full control of what to return as the price, based on any discount or tiered price, etc.
- Here’s the link to a Sample Magento Price API (Tested with Magento 1.9). (Please change this file to fit your business requirement)
Shopping Cart Page and Mini Cart
Shopping Cart Page and Mini Cart Personalized products added to the cart will always have their unique design. This means each time, the end user personalizes and adds any product to the cart; the product will appear in a new unique row. Even if the same product is personalized twice, it will act as different products in the cart with its unique personalized design.
Products added normally using Add to cart functionality without personalizing will behave as per Magento's default functionality.
The end user can be able to edit personalized products through the cart where products can be re-customized as required and will get updated with their new design.
All of the above features are also applicable to Magento Mini-cart.
Users can preview personalized products in popups through the cart page.
Checkout Success Page
As the design is added to our cart we can checkout using Magento's default functionality and place our order. As our order is placed, Magento notifies the Artifi server with userid and product status. Each personalized product will be updated on Artifi Engine from the user’s current cart.
Admin Panel - Order Page
After the order is placed successfully, a personalized product can be previewed from the order section in the admin panel by going into sales->order->view, where for Artifi products, a preview option/link is available of the product design using a popup.
Wish List Items
Customized products from cart products which are personalized products can be moved to the Wish list where each product added to the wish list will consider a unique product and will always be added to the new row. The end User can add the personalized product from the wish list back to the cart.
Personalized products which are added to the wish list without customizing / personalizing have the option to personalize through the wish list.
Other wish lists for Normal products remain the same as the default Magento functionality only with the change that even normal products will also be added to the wish list as unique rows/products.