Q. What is Artifi ?
Artifi is a SaaS-based product customization engine that can be added to any e-commerce site. Built on an HTML5 framework, Artifi offers an extended range of user options – options that even include basic image manipulation functions. Clients can create a multitude of product templates that allow customers to access several different product designs. Templates can accommodate differences in color and viewpoint for each product. Plus, global and template rules can be edited at any time according to user specifications. Once implemented, product designs can be programmed to add customized text, graphics, and even audio files. After a customer has created a unique product design using Artifi, the system lets them share their design on social media or email, or add the custom product to the shopping cart.
Artifi also offers:
- Artifi can be integrated into any e-commerce platform (e.g. Magento, Znode, Bigcommerce,
- etc.)
- 100% mobile friendly, using
- HTML5 and a Responsive Web Design
- Price and SKU integration that can secure data from an e-commerce platform and update information depending on product features selected by an individual customer
- Production-ready output to actually create the customized products
- For more information, Please visit : www.artifilabs.com
Q. How to get the Artifi App credentials?
- To get the app credentials, Please contact the Artifi team. For more info please visit :
Q. How to enable a product on my Shopify store to be customizable by Artifi?
To enable products to be personalizable by Artifi we need to configure them from the Manage products section in App Admin.
Below are the actions that the store admin can perform:
- Set Artifi Sku - It is equal to variant id for the product variant and product id for the parent product. It can be set to be updated to any string value. It must be unique for each product and variant.
- Set product as Non-Artifi Product - Product not personalizable by Artifi.
- Set product as Artifi Product With Mandatory Personalization - Mandatory Personalization by
- Artifi
- Set product as Artifi Product With Optional Personalization - Personalization is optional.
Q. Artifi App not working after changing store theme.
Artifi app updates only your current store theme with the app code. If you change the store theme after app installation, you need to follow the below steps to update your new store theme with the app code.
- Go to Update Theme Tab
- Select your current theme
- Click update.
- After updating, go to the Artifi App Settings tab and save the settings again.
Q. What is My Price Api Url?
The price displayed on the right side on the personalization window ( See below screenshot ), is fetched via price api. Below is the URL which needs to be set on Artifi for the price api to work.
https://<shop-domain>/apps/artifi_price_api
Q. I am not able to see the personalize button on the product detail page.
- We may need to check the assets/artifi.js file and make appropriate customizations. The below variable's value should be updated as per the product detail page theme.
var artifiButtonAddToCart = 'button#AddToCart'; var artifiSpanAddToCartText = '#AddToCartText'; var artifiHiddenProductSelector = '#productSelect'; var artifiPersonalizeButtonClass = "btn";
See the below table for the above variable values for some of the free themes:
Theme | Variable Values |
Jumpstart / Venture | var artifiButtonAddToCart = 'button#AddToCart-product-template'; var artifiSpanAddToCartText = '#AddToCartText-product-template'; var artifiHiddenProductSelector = '#ProductSelect-product-template'; var artifiPersonalizeButtonClass = "btn"; |
Boundless | var artifiButtonAddToCart = 'button#AddToCart'; var artifiSpanAddToCartText = '#add-to-cart__text'; var artifiHiddenProductSelector = '#ProductSelect'; var artifiPersonalizeButtonClass = "btn"; |
Brooklyn | var artifiButtonAddToCart = 'button#AddToCart'; var artifiSpanAddToCartText = '#AddToCartText'; var artifiHiddenProductSelector = '#ProductSelect'; var artifiPersonalizeButtonClass = "btn"; |
Pop | var artifiButtonAddToCart = 'button#addToCart'; var artifiSpanAddToCartText = '#addToCartText'; var artifiHiddenProductSelector = '#productSelect'; var artifiPersonalizeButtonClass = "btn" |
Supply | var artifiButtonAddToCart = 'button#addToCart'; var artifiSpanAddToCartText = '#addToCartText-product-template'; var artifiHiddenProductSelector = '#productSelect-product-template'; var artifiPersonalizeButtonClass = "btn"; |
For more information, Please visit www.artifilabs.com
Q. How does the billing work?
- When saving the Artifi App settings for the first time after installation, the Store admin will be prompted to approve application recurring charges. In case the charges are declined, the settings can not be saved.
If there is any change in the application charges, the store admin gets a popup notification for the same.