---
title: Try our Demo
slug: demo
description: Our SparkLayer Demo Stores give you the chance to test some of the great features of SparkLayer, including how our Frontend Interfaces  work.
image: https://www.sparklayer.io/assets/images/logos/og-logo.png
docTags: 
createdAt: 2023-06-12T07:28:22.000Z
---

## Introduction

Our SparkLayer Demo Stores give you the chance to test some of the great features of SparkLayer, including how our [Frontend Interfaces](docId\:ccZ1vnH0O6D_722w35Xpa) work. You can also try our interactive demo, which loads SparkLayer onto your own website so you can see B2B ordering running with your products and branding.

::::LinkArray{contentSource="CUSTOM"}
:::LinkArrayItem
[Product Purchasing](docId\:JkCjbYUAnjzp75I8ul7MT)
How the process works to add items to a B2B order
:::

:::LinkArrayItem
[Checkout Process](docId\:efevur-A3yCJXUHvrR7t-)
How the checkout works, such as selecting payment
:::

:::LinkArrayItem
[My Account Area](docId\:lQXaNI7IVDqna09D9soAP)
How the "self-service" My Account interface works
:::
::::

:::hint{type="success"}
**Get a live demo!**
Get a complete walk-through of our SparkLayer Demo and see how it all works under-the-hood! [Arrange a live demo](https://www.sparklayer.io/?demo#contact)
:::



***

## Interactive Demo

The fastest way to see SparkLayer is on your own store. Our interactive demo loads your website, overlays the SparkLayer B2B ordering experience on top of it, and lets you place a wholesale order against your real products and branding. Nothing is installed and nothing is changed on your site.

:::CtaButton{label="See it on your store" externalHref="https://www.sparklayer.io/how-it-works/" openInNewTab="true"}

:::



***

## Hybrid DTC and B2B

![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/nlZLz5e5vq38tL_68iRP9_image.png)

This demo store features a **combined DTC (Direct to Consumer) and a B2B** store as well as **multiple currencies and **[Sales Agent Ordering](docId\:Uw8mDbMEfwWKqZrVB5CqX)

:::CtaButton{label="Go the Demo Store" externalHref="https://demo.sparklayer.io/pages/b2b-login-register" openInNewTab="true"}

:::

:::hint{type="info"}
📹 [Watch our tutorial video](https://26157419.fs1.hubspotusercontent-eu1.net/hubfs/26157419/SparkLayer%20Recorded%20Demo%20Video.mp4) of how it works
:::



***

## Standalone B2B (requires login)

![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/NX7ty1r7nh4tLTpMfrC_h_image.png)

This demo store is built using the [Shopify B2B Dawn Theme](docId\:LHkU0_G_4GVef1jAmgXmo) and **forces customers** to sign in before being able to browse products. You can also test [Sales Agent Ordering](docId\:Uw8mDbMEfwWKqZrVB5CqX).

:::CtaButton{label="Go to the Demo Store" externalHref="https://standalone.demo.sparklayer.io/" openInNewTab="true"}

:::

:::hint{type="info"}
📹 [Watch our tutorial video](https://26157419.fs1.hubspotusercontent-eu1.net/hubfs/26157419/SparkLayer%20Recorded%20Demo%20-%20Sales%20Agents.mp4) of how it works
:::



***

## Interactive Demo

You can explore how SparkLayer works in [our interactive demo](https://www.figma.com/proto/5FPCY5hSGl7mlwjsjMZI2t/SparkLayer-Interfaces?page-id=0%3A1\&type=design\&node-id=86-36708\&viewport=554%2C-398%2C0.33\&t=34VlPwbCqpvQOTsh-8\&scaling=min-zoom\&starting-point-node-id=35%3A7920\&hide-ui=1). 

:::Iframe{iframeHeight="0" code="<a href=&#x22;https://www.figma.com/proto/5FPCY5hSGl7mlwjsjMZI2t/SparkLayer-Interfaces?page-id=0%3A1&type=design&node-id=86-36708&viewport=554%2C-398%2C0.33&t=34VlPwbCqpvQOTsh-8&scaling=min-zoom&starting-point-node-id=35%3A7920&hide-ui=1&#x22; target=&#x22;_blank&#x22;>&#xA;<video class=&#x22;full-screen-video__media&#x22; preload=&#x22;none&#x22; autoplay=&#x22;&#x22; loop=&#x22;&#x22; muted=&#x22;&#x22; playsinline=&#x22;&#x22; webkit-playinginline=&#x22;&#x22;>&#xA;    <source src=&#x22;https://www.sparklayer.io/assets/videos/interactive-demo.mp4&#x22; type=&#x22;video/mp4&#x22;>&#xA;</video>&#xA;</a>"}

:::

:::hint{type="success"}
**Test out the SparkLayer frontend**
Our interactive demo shows you how all the SparkLayer [Frontend Interfaces](docId\:ccZ1vnH0O6D_722w35Xpa) work including product pages, the shopping cart, and my account area.
:::



***

## Live Customer Examples

Want to see SparkLayer in action on live customer stores?

::embed[]{url="https://www.youtube.com/watch?v=wa12SQQRLkM"}

You can also learn more about SparkLayer in our video below.

::embed[]{url="https://www.youtube.com/watch?v=23uqVqW59d0"}