---
title: Frontend Interfaces
slug: frontend-interfaces
description: Improve customer experience and enhance efficiency with our customizable B2B frontend interfaces. Designed to simplify account management and order placement, these widgets automate manual tasks, streamlining processes for a seamless user experience.
docTags: 
createdAt: 2023-06-13T05:49:46.000Z
---

## Introduction

The Frontend Interfaces are the specially optimised B2B "widgets" that get shown to your B2B customers once they log in. They are designed to make ordering and managing their account as easy and "self-service" as possible, helping them save time and automating many of the processes and activities you may have previously done manually.

:::hint{type="success"}
**🚀 Upgrading to the latest SparkLayer version**
To benefit from our latest updates, please upgrade your [SparkLayer Core Script](https://app.sparklayer.io/integrations/widgets/core). You can learn about how the Core Script works in [our guide here](docId\:QWXsYM9X5_pvIOGUteKcP).
:::

## Explore more

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/Sl706YuPabeNu0KDqpauY_cart.jpg)

[My Cart Interface](docId\:efevur-A3yCJXUHvrR7t-)

The SparkLayer My Cart Interface provides your B2B customers with a rapid way to build and place orders on your website. It replaces certain elements of your existing website, providing customers a seamless way to order from you.

:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/XwNQFW-AL-A5DqPxHepcX_account.jpg)

[My Account Interface](docId\:lQXaNI7IVDqna09D9soAP)

When SparkLayer is installed on your website, it automatically replaces your website's existing my account area and allows your B2B customers to keep track of key information about their account, track orders and much more!
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/AGfUECzDPklEfyt9Nf6ru_image.png)

[Product Detail Interface](docId\:JkCjbYUAnjzp75I8ul7MT)

The Product Detail Interface lets your B2B customers quickly and easily add products to their order and automatically loads when a logged in B2B customer visits a product detail page on your website.
:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/qWR-wUx4bRzo8vpJbNZmg_image.png)

[Product Card Interface](docId\:Mrp_Z0QIZQ2QksseuJylv)

The Product Card Interface lets you display B2B pricing and the ability to add products to an order anywhere a "product card" is shown on your website. Typically this includes product collection (or "category") pages, and product upsells.

:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/JqdLbaSP2Tn4fw6WpY669-qGY2hdtXD-Nn-YPA9mqR_-20241024-080944.jpg)

[Product Matrix Interface](docId:8Go0NYHFDmYnwlJSNfO-S) 

The Product Matrix Interface lets your B2B customers see your products in a special "matrix table" view making it easy to quickly add products to an order.
:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/OqOZGnuHjZnjFCQowZb-f_slots.jpg)

[Custom Slots ("Targets")](docId\:l_2ooHJiY-rAx2chBMgP2)

Custom Slots (or "Targets") allow you to enhance a range of the SparkLayer Frontend Interfaces
by adding your own custom code in predefined areas.
:::
::::