Ready to experience a live shopping event as your customers would? Check out the below experiences for your website on both desktop and mobile devices.
Your Live Shopping page is the go-to destination for those shoppers looking to watch your live sale and make purchases. The Live Shopping experience on your website will differ depending on the device a shopper uses to tune in.
If shoppers are browsing collections and/or pages of your website that are not your Live Shopping page, they can still keep an eye on the sale via the miniplayer in the bottom-right corner of your website.
We walk through the different experiences below and highlight the flow for carting and purchasing a product.
Live Shopping on a Desktop
Whether the shopper is on a desktop computer or a laptop, the live shopping experience on your website is the same.
- When you are live, shoppers will see three main windows: the live sale chat, your live sale feed, and current and past featured products.
- When you're not live, shoppers who visit this page will still see two main windows: a replay of your most recent live sale event and a list of featured products.
- Live Sale Chat. Shoppers can join in the conversation in the chat feed in the left panel. Here they can engage with other shoppers, ask questions of the host(s) and behind-the-scenes team, and send hearts/likes.
- Live Sale Feed. Shoppers can view the feed for your main and guest hosts in the middle panel. Included in that panel is the product overlay which displays the product identifier (e.g, SOLD 127), available variants, and the product price.
- Featured Products. Current and previously featured products appear in the right column. Shoppers can click the View Product button for any product to view and select variant information (e.g., size and color), and add the product to their cart.
Live Shopping on a Mobile Device
Live shopping on a mobile device will differ based on the size and resolution of the device screen and the orientation (i.e., whether the shopper is watching the sale in a vertical or horizontal orientation).
On a mobile device, shoppers will experience one of three possible displays:
|
One-panel (Smartphones) |
|
Shoppers will only see the live sale feed for the main and guest hosts. They can join the chat conversation using the chat field at the bottom of the feed. Shoppers can tap the Shop All button to the left of the chat field to view a fly-up displaying the products you're featuring in the sale. From there, shoppers can tap View Product to view more information, choose variants, and add a product to their cart. |
|
Two-panel (Standard tablets) |
|
Shoppers will see the live sale feed for the main and guest hosts as well as the chat feed. Shoppers can tap the Shop All button at the bottom of the live sale feed to view a fly-up displaying the products you're featuring in the sale. From there, shoppers can tap View Product to view more information, choose variants, and add a product to their cart. |
|
Three-panel (Larger tablets) |
|
Shoppers on a large tablet might see a three-panel live shopping event identical to the one highlighted in Live Shopping on a Desktop section above. |
The Mini-Player Experience
As shoppers browse your website—your pages, collections, etc.—they'll see your live sale mini-player in the bottom-right corner of the page. This player will follow them throughout your website except for your Live Shopping page. Your live sale mini-player will appear on desktop, mobile, and tablet devices.
If a shopper wants to shop the live sale, they can simply select or tap on the mini-player to be redirected to your Live Shopping page.
| Desktop | Mobile Device |
If shoppers are browsing collections and/or pages of your website that are not your Live Shopping page, they can still keep an eye on the sale via the miniplayer in the bottom-right corner of your website.
View Cart and Check Out on the Web
When a shopper carts a product while shopping your live sale on your website, their cart appears within the live selling player! Carts appear in the panel dedicated to displaying products.
Shoppers can select a product to view more details and will see the option to Add to Cart. If added, then the cart badge in the top right corner of the panel will indicate the number of products in the shopper’s live sale cart. This number will update as a shopper adds products to their cart.
When a shopper is ready to check out, they can select the shopping cart in the top-right corner of the product panel and select the Checkout option.