Folio3’s promocode feature development helped JVN improve customer experience

Folio3’s promocode feature development helped JVN improve customer experience
About JVN Hair

About

JVN Hair

Jonathan Van Ness, a former professional hairstylist, has launched JVN, a new haircare line. The collection celebrates diversity and individuality, using clean and effective ingredients to promote hair health. JVN is the first-of-its-kind, using patented hemisqualane technology to create innovative haircare products. Jonathan’s goal is to revolutionize the beauty industry with inclusivity, self-care, and positivity, empowering everyone to feel their most gorgeous selves. 

Industry Type:

Cosmetics

ph-users-three-fill@3x.png

Number of employees

50+

majesticons-light-bulb@3x.png

Solution

 Promocode feature development in mini cart

Challenges

The problem JVN was facing was that end user had to go to the checkout and apply promo code to see the discount. They wanted to add this promo code functionality in the mini cart without creating an app and extra manageability and cost. So that user can add the promo code to the mini cart and can see the discount. 

Solution

One of the challenges we encountered is that Shopify’s storefront API does not currently support the application of promo codes. This limitation creates a hurdle because there is no built-in mechanism to add or apply promo codes prior to the checkout process. To overcome this obstacle, we had to explore alternative methods to achieve the desired outcome.
To address this issue, we developed a custom mini cart that utilizes Shopify’s cart API to gather data. Fortunately, Shopify provides a promo code verification API that we can use. However, we manually performed all the necessary calculations, including those Shopify normally handles for all products, as well as the math needed to replicate Shopify’s checkout process. As a result, the mini cart displays data that is consistent with Shopify’s calculations. Once the user proceeds to the checkout, we apply the promo code there, ensuring a smooth and accurate transaction.

JVN Hair

JVNHair

Results

By creating a custom mini cart that utilizes Shopify’s cart API and promo code verification API, we have eliminated the need for users to manually change the URL to access the checkout page and apply a promo code. This has greatly improved the user experience and made the checkout process more efficient and streamlined.

By creating a custom mini cart that utilizes Shopify’s cart API and promo code verification API, we have eliminated the need for users to manually change the URL to access the checkout page and apply a promo code. This has greatly improved the user experience and made the checkout process more efficient and streamlined.

Have a project you’d like to discuss? Fill out this form to connect with us now!

.