import { InProductAction } from "docs-ui"

export const metadata = { title: Switch Between Store and Admin Views, }

{metadata.title}

Bloom lets you preview both your customer-facing store and your admin dashboard. Switch between Store and Admin views to see different parts of your ecommerce store.

What are Store and Admin Views?

While building your store, you often need to see how your store looks to customers and manage your store's products, orders, and settings.

Bloom provides two views to preview different parts of your project: Store view and Admin view. Switch between these views anytime to check your store's design and manage data in your admin dashboard while chatting with Bloom.

The view you're in doesn't affect what you can ask Bloom to do. You can ask Bloom to make changes to your store or admin dashboard regardless of which view you're in.

Store View

Store view shows your customer-facing store. This is what your customers see when they visit your online store.

Use <InProductAction product={"bloom"} type={"MEDUSA_AI_OPEN_PANE"} data={{ pane: "store" }}>Store view</InProductAction> to:

• Design your store's appearance and layout.
• Update your homepage, product pages, and collection pages.
• Check how your store looks to customers.
• Preview store changes before publishing.
• Review product displays and navigation.

Admin View

Admin view shows your admin dashboard. This is where you manage your store's products, orders, customers, and settings.

Use <InProductAction product={"bloom"} type={"MEDUSA_AI_OPEN_PANE"} data={{ pane: "admin" }}>Admin view</InProductAction> view to:

• View and manage products, collections, and inventory.
• Check orders and customer information.
• Configure store settings like shipping and payments.
• Manage custom features.

---

Switch Between Views

To switch between Store and Admin views in your Bloom project interface:

1. Click the <InProductAction product={"bloom"} type={"MEDUSA_AI_OPEN_PANE"} data={{ pane: "store" }}>Store</InProductAction> tab at the top of the preview to view your customer-facing store.
2. Click the <InProductAction product={"bloom"} type={"MEDUSA_AI_OPEN_PANE"} data={{ pane: "admin" }}>Admin</InProductAction> tab at the top of the preview to view your admin dashboard.

Switch between views anytime to check different parts of your project while chatting with Bloom.