Enhancing User Experience and Dynamic Pricing for Chicoryhome Store
![eCommerce Furniture Store Chicory Home](/_gatsby/image/f845d99b3b89257935cd5ad59675e1ca/19abf4729f82a7dd761743416099b9d3/eCommerce-Furniture-Store-Chicory-Home.png?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FeCommerce-Furniture-Store-Chicory-Home.png&a=w%3D750%26h%3D363%26fm%3Dpng%26q%3D75&cd=50a99565d2ef45aefb9836f4fb833ea9)
Overview
Chicoryhome Store, a popular e-commerce store offering stylish and functional home furnishing products, was looking to improve its online presence and usability of the website. They had two primary requirements for the project: streaming pictures changing on the product details page without reloading the page and the application of tiered discount prices throughout the site.
Technologies Stack
Industry
Digital Commerce
Tools & Technologies
Shopify Liquid, jQuery
Services
eCommerce Managed Support, Strategy, Design and Development
![Shopify eCommerce Furniture Store Chicory Home](/_gatsby/image/9a080b276271fca6fcbe2c42bda3f406/8c616a007ff7a108a857c41726575412/Shopify-eCommerce-Furniture-Store-Chicory-Home.webp?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FShopify-eCommerce-Furniture-Store-Chicory-Home.png&a=w%3D750%26h%3D393%26fm%3Dwebp%26q%3D75&cd=7a403d3080f4cc167b6a95c5a815d203)
Problem
Chicoryhome faced significant eCommerce challenges, including a disruptive page refresh issue caused by the ‘Platmart Swatches’ app, which negatively impacted user experience and potentially led to customer loss. Additionally, Shopify’s lack of native functionality to display tiered discount prices across multiple pages limited the store’s promotional capabilities. These issues hindered Chicoryhome’s ability to provide a seamless shopping experience and effectively promote discounts.
01.
Platmart Swatches App Integration
With ‘Platmart Swatches’, the store was able to incorporate a simple way through which users could choose specific product options. There is one functionality that we have added here, and it states that when one clicks on the swatches, then it leads to the page of that particular product.
![](/_gatsby/image/ed35a68e8739287f0c56a0e0fe42bb26/ca32d4ce944bd2d918e95ba4307fc0fd/eCommerce-Shopify-Furniture-Store.png?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FeCommerce-Shopify-Furniture-Store.png&a=w%3D253%26h%3D345%26fm%3Dpng%26q%3D75&cd=9c1c8f4f27b72f0c8bb5ea14d0c8944e)
![Platmart Swatches App Integration - Shopify Furniture Store Chicory Home](/_gatsby/image/6cd8ebcce31016c3b2bfb8d3618880de/bbbda7b4330a74ef87b086b1777cc98e/Platmart-Swatches-App-Integration-Shopify-Furniture-Store-Chicory-Home.png?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FPlatmart-Swatches-App-Integration-Shopify-Furniture-Store-Chicory-Home.png&a=w%3D253%26h%3D346%26fm%3Dpng%26q%3D75&cd=39879137ef87cbab5ec115995e3cd69f)
02.
Custom JavaScript Implementation
To smoothen the user experience, we implemented custom JavaScript that updates the page content, including SEO data and meta fields, without refreshing the entire page.
![Dynamic Price Calculation - Shopify Furniture Store Chicory Home](/_gatsby/image/ebfd4f5e03b82904bc0c14a3a85d540f/3c96cd4a172b8e01a40ce740676d8f81/Dynamic-Price-Calculation-Shopify-Furniture-Store-Chicory-Home.png?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FDynamic-Price-Calculation-Shopify-Furniture-Store-Chicory-Home.png&a=w%3D375%26h%3D251%26fm%3Dpng%26q%3D75&cd=03f57e190cb99990f7140fc9180a0be3)
03.
Smooth Browser History Management
We updated the browser history dynamically to manage the browser history. This ensured a smooth navigation experience for the users.
![Modular Outdoor Furniture Store Chicory Home](/_gatsby/image/0ebe51760cef905cf6af40403bed8d98/bbbda7b4330a74ef87b086b1777cc98e/Modular-Outdoor-Furniture-Store-Chicory-Home.png?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FModular-Outdoor-Furniture-Store-Chicory-Home.png&a=w%3D253%26h%3D346%26fm%3Dpng%26q%3D75&cd=e1fa5eb0f76d8018f187addd0f757b71)
![Outdoor Furniture Store Chicory Home](/_gatsby/image/517c17648e4c6ffef258636102b1e1b6/ca32d4ce944bd2d918e95ba4307fc0fd/Outdoor-Furniture-Store-Chicory-Home.png?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FOutdoor-Furniture-Store-Chicory-Home.png&a=w%3D253%26h%3D345%26fm%3Dpng%26q%3D75&cd=fd001e4e92809376924a4de5a5e9a21e)
04.
Script Reload and Event Reinitialization
All required scripts were reloaded to reset sliders and other widgets that involved the client side of the application. This made us able to make sure that the user experience was not varying but was consistent from one platform to the other.
![Modern Living Furniture - Shopify Development - Chicory Home](/_gatsby/image/905731c17c2d415eb92e98b01a73b134/3c96cd4a172b8e01a40ce740676d8f81/Modern-Living-Furniture-Shopify-Development-Chicory-Home.png?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FModern-Living-Furniture-Shopify-Development-Chicory-Home.png&a=w%3D375%26h%3D251%26fm%3Dpng%26q%3D75&cd=e17332373313539bf94716e093bc6a14)
05.
FBQ Events Integration
We further personalized the Facebook Pixel (FBQ) events for tracking category, pricing, and product engagement and extended the functionality for adding new products to the cart.
06.
Schema-Based Solution
Due to the constraints of Shopify, the integration of tiered discount pricing was fairly difficult to facilitate directly. So, we devised a schema to pass a JSON Object of discounts.
Challenges
The project faced several challenges, including the need for careful JavaScript handling to enable dynamic content updates without reloading the page. Managing script interactivity proved complex, especially with reloading and reinitializing JavaScripts. Integrating custom FBQ events required precise tracking to monitor user interactions accurately. Additionally, implementing tiered pricing calculations involved formalizing rules to pre-calculate prices based on user status and ensuring accurate display across the site, necessitating robust JavaScript data management.
![Modular Outdoor Furniture - Shopify Development - Chicory Home](/_gatsby/image/bf56c20c12a5bccdb73578eaef06112d/96b440364c5ea703140335228444ece3/Modular-Outdoor-Furniture-Shopify-Development-Chicory-Home.webp?u=https%3A%2F%2Fbackend.techtic.com%2Fwp-content%2Fuploads%2F2024%2F07%2FModular-Outdoor-Furniture-Shopify-Development-Chicory-Home.png&a=w%3D750%26h%3D4187%26fm%3Dwebp%26q%3D75&cd=52aa42333f09d53b74b9cf5fdbcd6208)
Outcomes
The enhancements for the Chicoryhome store led to significant improvements in user experience and site functionality. Seamless content loading on product pages minimized user distractions, while improved SEO and meta data management allowed updates without page refreshes, enhancing discovery. Effective tiered pricing displays made promotions clearer, likely boosting sales and customer satisfaction. Additionally, robust analytics and tracking through custom FBQ events provided valuable insights, aiding in timely product launches and improved conversion rates.
Need Help With Your Project?
Let’s start the conversation and make great decision together.