Frontend App Functionality

Product Detail Page

Personalize button is added for the products, which are set to be personalized form the admin.

Coffee-mug.jpg

Personalize Page

The user is redirected to the Personalization page when they click on the Personalize button from the product detail page.

Here, the user can personalize the product using the Artifi personalization tool. This page is added by Artifi App during installation. Store admin can view this page from Admin (Online Store -> Pages). 

Personlized-coffee.jpg

Price API Integration

The price displayed in the right side on the personalization window ( see above screenshot ), is fetched via price API. Below is the URL which needs to be set on Artifi for the price API to work.


Get price API

https://shopify.artifi.net/getPrice.php

This needs to be added in the Artifi admin section where we can whitelist the IP and domains.

Web Api Accessible Domain / IP  = your-shopify-domain.com 

Price Integration URL = https://shopify.artifi.net/getPrice.php?shop=your-shopify-domain.myshopify.com 

Make sure the domain should be whitelisted in the Artifi admin section to display the price.


This is a reference document on how to call the price for Artifi. You might need to change into your environment.

Cart Page

Artifi App adds preview and edit links for the personalized products in the cart. The user can preview personalized products by clicking on the preview button and edit personalized design by clicking on the edit link.

Prod-details-page.jpg

Order Detail Page

The Preview, Edit & Reorder links are added by the app on the order detail page. Edit & Reorder links can be used to reorder the item with personalized design in a previous order. The user can edit this design as well.


Billing-add.jpg


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.