Once SparkLayer is set up to start receiving wholesale data via the SparkLayer API and it has been integrated with your eCommerce platform, the next step is to enable the SparkLayer Frontend; this is the visual and interactive element of SparkLayer that the end user (the wholesale customer) will see.
It works across different devices (e.g.desktop, tablet, mobile) and contains the core features needed to offer a great wholesale ordering experience!
There are four core interfaces to the SparkLayer Frontend:
This can optionally replace the existing login form on the website with a special 'modal overlay' that allows customers to sign in. Note, this is not necessary to use for third-party platforms such as Shopify.
This replaces the standard product purchasing interface on your product etail page with a more wholesale-specific one, displaying the customers' product pricing in a clear and concise well. It also includes functions such as pack-size ordering, quantity price breaks, and support for multi-dimensional products (e.g. colour and size)
This replaces the standard 'Shopping Cart' and keeps a running summary of all items the customer adds to their order an allows them to complete their checkout
This allows wholesale customers to view their complete order history, address book, and other basic account details.
You can follow the links above to learn more about each interface!
For performance, SparkLayer Frontend only loads when a customer successfully logs into a website; all loading of the interfaces is asynchronous which means a negligible impact on page load times and performance even though SparkLayer is a hosted third-party solution. The result is the end customer will have a rapid experience browsing products and placing orders.
Because the SparkLayer Frontend only interacts with specific areas of the website, this means it's extremely lightweight and really only touches the product purchasing experience. The diagram below gives an overview of key areas of interaction on a standard storefront.