metroshoes

MetroShoe Warehouse Goes Headless for Better Customer Experience & Inventory Management

MetroShoe Warehouse Goes Headless for Better Customer Experience & Inventory Management

Service

  • Headless Commerce Implementation
  • BigCommerce Custom Middleware Development
  • Elasticsearch Integration and Customization
  • ERP Integration (NetSuite with Celigo Customization)

Platforms

  • BigCommerce
  • WordPress
  • Elasticsearch
  • NetSuite
  • Celigo

Overview

MetroShoe is a leading retailer in the footwear and fashion accessories industry, catering to a wide demographic through its online and physical stores. With a vast product catalog featuring over 150,000 SKUs, MetroShoe sought to create an eCommerce platform that could scale with their growing inventory and support advanced functionalities like dynamic content management and robust search.

Their existing platform struggled with limitations in catalog management, search efficiency, and product variant display, prompting them to look for a solution that could address these challenges while ensuring a seamless user experience.

Challenges

MetroShoe needed a more flexible content management system and an improved customer experience with better search, filtering, and product discovery.

Marketers Needed Better Content Management

The marketing team struggled with BigCommerce’s native CMS, which lacked the flexibility needed for creating and managing dynamic content such as banners, landing pages, and campaigns.

Customer Experience Needed to Improve

Metro Shoes wanted to improve the customer experience with better search and filtering capabilities and enhancements to the Product Listing Pages.

Solution We Have Delivered

MetroShoe implemented a headless BigCommerce architecture with WordPress, Elasticsearch, and NetSuite integration to enhance content management, search, and inventory efficiency.

BigCommerce Headless Architecture

MetroShoe adopted a headless architecture to address its challenges and create a more scalable and efficient platform. This approach separated the frontend and backend, leveraging the strengths of each system for specific tasks.

BigCommerce served as the backend for managing inventory and product data, while WordPress was used as the frontend for its superior content management capabilities.

A custom middleware was developed to synchronize data between BigCommerce, WordPress, and Elasticsearch, ensuring seamless integration and optimized performance.

WordPress as Frontend

WordPress was chosen as the frontend to empower marketers with complete control over content creation and management. Hosted on AWS, the WordPress environment was optimized for speed and scalability, enabling dynamic updates to banners, landing pages, and other marketing content without relying on developers. However, the default WordPress for BigCommerce plugin could not handle MetroShoe’s large catalog of over 150,000 SKUs.


To overcome this limitation, a custom middleware was developed to synchronize data between WordPress and BigCommerce.

ElasticSearch for Search, Filters, and Pagination

Elasticsearch was integrated with WordPress to significantly improve search functionality, filtering, and product listings. A custom WordPress plugin was developed to fetch processed and indexed data from Elasticsearch. This plugin allowed WordPress to display product data, categories, filters, and listings seamlessly, leveraging Elasticsearch’s high-speed retrieval capabilities. A custom ElasticSearch implementation ensured:

  • Advanced Search: Features like autocorrect for misspelled queries and dynamic suggestions enhanced the search experience.
  • Efficient Filters: Users could filter products quickly and accurately, even with a catalog exceeding 150,000 SKUs.
  • Optimized Product Listings: Product variants, such as different colors, were treated as individual items in Elasticsearch, ensuring they appeared separately on the product listing pages and search results.
  • Speed Enhancements: A custom caching mechanism within Elasticsearch accelerated sorting, filtering, and data retrieval, providing a seamless user experience.

BigCommerce Integration with Netsuite

BigCommerce was integrated with Netsuite through our custom connector and customizations that optimized inventory management, bringing benefits like:

  • Real-Time Stock Availability: The system displayed precise stock information from the nearest warehouse, allowing customers to see if a product was available at their location.
  • Back-in-Stock Notifications: For out-of-stock products, the platform provided customers with estimated restock dates based on real-time data from NetSuite, reducing uncertainty and improving trust.
  • Optimized Fulfillment: Orders were automatically routed to the nearest warehouse with available stock, minimizing shipping times and costs while ensuring timely delivery.

Outcome

The headless implementation of BigCommerce empowered MetroShoe to deliver a superior shopping experience with faster search, better product visibility, and seamless inventory management. The platform is now equipped to scale further, supporting MetroShoe’s growth and providing the flexibility to adapt to future business needs.

.