---
schema_version: "1"
id: 04e63cd513fd325e99e4d6b3e3381033826d78cf81e0685c24d0dd8ded0bc888
title: Design a Store in the Commerce Website Design Workspace
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/commerce/264-0-0/comm_webdesigner.md
canonical_url: https://help.salesforce.com/s/articleView?id=commerce.comm_webdesigner.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 391f67c592cd96016b98fa9d14e593c2701d2ed11e5c1886aedc4175727af018
description: Use the Website Design workspace to add basic design elements to your store without leaving the Commerce app. Add your logo and set fonts, colors, and button styles. You can also modify the text, images, and header layout.
products:
  - Commerce
  - B2B Commerce
release: "264"
---
# Design a Store in the Commerce Website Design Workspace

Use the Website Design workspace to add basic design elements to your store without leaving the Commerce app. Add your logo and set fonts, colors, and button styles. You can also modify the text, images, and header layout.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=commerce.comm_editions.htm&amp;language=en_US" target="_blank">View supported editions</a>.</td></tr></tbody></table>

[Which Salesforce Commerce Product Do I Have?](https://help.salesforce.com/s/articleView?id=commerce.comm_what_product.htm&language=en_US)

1. In the navigation sidebar, select a store from the Store dropdown.
2. Select **Website Design**.
    
    To do more advanced design changes, such as configuring store components, pages, or navigation, click **Experience Builder** (1).
    
    ![Experience Builder button in website design workspace](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-commerce-comm-264-0-0-production-enus/d863e308-482a-4dfa-8d20-2a94737d394a/comm/images/webdesign_exp_builder.png)
3. On the Styles tab, make your changes.
    
    The changes that you make in Styles affect all pages in the store.
    
    - To import the colors and styles from an existing site, click **Add Your Brand**.
    - To adjust the look of your store manually, click a style option.
    
    The CMS Workspace shows the workspace where image files, including the logo file, are stored. When you create a store, a CMS workspace and a public channel to that workspace are created. If that workspace is the only one associated with your store, that workspace is shown in the CMS Workspace section and you can’t change it. If you have other CMS workspaces associated with the store, you can select which one to use from the dropdown.
4. To change the text or images on a page, use the dropdown to select the page, and then on the Content tab, select a page section and make your changes.
5. To change the header layout, click **Header**, and then click **Change Layout**.
6. To preview your store, click **Save**, and then click **Preview**.
7. To publish your store, go back to the Website Design, and click **Publish**.
8. To leave the Website Design workspace, click **Exit**.

#### See Also

- [Use Experience Builder to Design a Commerce Store](https://help.salesforce.com/s/articleView?id=commerce.comm_experience_builder.htm&release=264.0.0&type=5 "Use Experience Builder for advanced design tasks, such as configuring store components, pages, or navigation. With Experience Builder, you can make the Commerce Store template yours by dragging components onto your page and customizing properties. Use the Commerce Store template to create B2B stores. You can add images and styles to your stores to create a unique experience for your customers. You can also add markup to the head of every page.")