{"title":"Website builder","slug":"website-builder","url":"https://support.storeconnect.com/articles/website-builder","url_markdown":"https://support.storeconnect.com/articles/website-builder.md","subtitle":null,"summary":"Edit pages, rearrange content blocks, and preview changes live using the WYSIWYG Website Builder. Switch between stores and themes from the builder header, toggle preview mode, then submit changes for review and scheduled publishing through Salesforce.","type":"Help_Documentation","video_url":"","keywords":"website builder, WYSIWYG, site builder, content changes, preview mode, store roles, publish changes, themes, contents sidebar, content blocks panel, page layout","last_modified":"2026-08-21T07:12:35+0000","body_markdown":"StoreConnect's Website Builder allows you to make design and content changes to your website while seeing exactly how the changes look on your site. Changes do not affect your live site until they are approved and published.\n\nThe Website Builder uses a WYSIWYG (What You See Is What You Get) interface, so no code experience is needed, making it accessible to anyone who has worked with visual website editors before.\n\n## Set up Store Roles first\n\nOnly users who have been assigned a [Store Role](store-roles) for content changes can open and use the Website Builder. To grant access, create a Store Role with the appropriate settings and assign it to the user.\n\n| Store Role Object Field | Value                                                       |\n|-------------------------|-------------------------------------------------------------|\n| Store Role Name         | Something that makes sense to you and your team, e.g. `Website editor` |\n| Type                    | Content changes                                             |\n| Level of access         | Editor (can make changes) or Approver (can publish changes) |\n\nOnce a user has been assigned the role, a **Website Builder** button appears in the top-right corner of the Store record page in Salesforce.\n\n## Explore the Website Builder\n\nTo open the Website Builder, open your store record and click the **Website Builder** button in the top right.\n\n![Website Builder button in store record](https://res.cloudinary.com/hzkr6fi81/image/upload/v1779256385/knowledge/website-builder/WebsiteBuilderStoreRecord_ggathr.png)\n\nWhen you open the website builder you'll see the store's home page with a simple user interface surrounding it.\n\n![website builder page for beauty store](https://res.cloudinary.com/hzkr6fi81/image/upload/v1781234502/media/WebsiteBuilderGlobal.png)\n\nIn the top panel you have options to switch between stores and themes, toggle between editing and preview mode, submit changes for approval, and exit the site builder.\n\n### Global settings\n\nOn the left side panel, the icons give you access to global website settings. \n\n1.  Settings — view and edit global site settings\n2.  Styles — add and edit custom CSS\n3.  Scripts — add and edit JavaScript\n4.  Themes — manage your custom themes and theme templates\n5.  Content - manage content blocks and content\n\nThe **Settings** panel is divided into these sections:\n\n| Section | Fields |\n|---------|--------|\n| SEO | Meta title, meta keywords, meta description — used as defaults for pages that don't set their own |\n| Theme | Select the active theme for the store |\n| Content blocks | Assign content blocks for the Head, Body, Header, and Footer areas |\n| Menus | Assign the header and footer navigation menus |\n| Pages | Set the home page and Terms and Conditions page |\n| Images | Set the logo, category placeholder, and product placeholder images |\n\nNavigate to different pages of your website by clicking on the menu links as you normally would in a browser. When you make a change in the section, select **Save changes** at the bottom of the panel. Discard changes by clicking **Abandon changes**.\n\n### Section editing\n\nHover over or select areas of a page to highlight the sections that can be edited, then modify the section in the panel that appears. You can edit Menus, Articles, and pages. If you have unsaved changes in the panel, switching to a different sidebar section will prompt you to confirm before your changes are discarded.\n\n![Shows editor section of a page area](https://res.cloudinary.com/hzkr6fi81/image/upload/v1775609821/knowledge/website-builder/EditToolsWebBuilder_c1yp7j.png)\n\nSelect **Add Content Block** at the bottom of any page to choose a content block template and add a new block. You can also add a content block to the top of a page by hovering over the outer page element and clicking the plus button on the page action bar. \n\n![Add Content Block button at the bottom of a page in the Website Builder](https://res.cloudinary.com/hzkr6fi81/image/upload/v1743492012/knowledge/website-builder/website-builder-04_cyvxzp.jpg)\n\n### Contents sidebar\n\nClick the **Contents** icon in the sidebar to view a structured list of all content blocks on the current page. Use it to navigate and reorganize page content.\n\nClicking an item scrolls the page view to that content block and selects it for editing. Click **Re-order** to rearrange content blocks by dragging them up and down in the list. \n\nDelete content by clicking the trashcan icon on the content block. Note that deleting a content block within the Website Builder does not delete the actual Content Block record, it only removes its relationship to the page so that it will not appear on that page of the website.\n\n## Switch stores and themes\n\nThe Website Builder header includes a store select menu and a theme select menu, allowing you to switch context without leaving the builder.\n\n- **Store select menu** — switch between stores you have access to. The builder reloads with the selected store's content and configuration. When switching stores, your theme selection and preview mode both reset to their defaults for the new store.\n- **Theme select menu** — switch the active theme for the current store. Theme selection is **session-only** — it affects only your builder view and does not change the live/production site's active theme.\n\nBoth menus load their options remotely, so they always reflect the current list of stores and themes available to your user.\n\n### Exit confirmation\n\nWhen leaving the Website Builder using the Exit button, a confirmation dialog appears: \"Are you sure you want to leave? Any unsubmitted changes will be lost.\" Submit your changes before exiting to avoid losing work.\n\n## Preview mode\n\nPreview mode lets you see how your page looks without the builder's editing interface in the way.\n\nTo enter preview mode, click **Preview changes** in the top panel. To return to editing, click **Edit content**. When in preview mode:\n\n- Inline editing is disabled — clicking page elements will not open editing tools\n- The page renders as a visitor would see it\n- Device preview (mobile, tablet, desktop) is available to check how the page looks at different screen sizes\n\n## Submit website changes\n\nAfter you have finished editing, select **Submit Changes**. This saves your changes in Salesforce, making them ready for review and publishing.\n\n## Review and publish website updates\n\nContent changes appear in StoreConnect as a package of **Content Change** records. Each individual record contains the details of the change, e.g. a create, delete, or update action.\n\nAn [authorized user](store-roles) can then review every change made, make edits, or delete individual change records. When ready, they set the status to **Published** to push the changes to the live website. Publishing can optionally be scheduled for a future date and time.\n\nAfter publishing, allow up to a minute for the live site to pick the change up, because your storefront holds rendered pages in a short-lived cache. Publishing clears that cache for you. How many stores it clears depends on the scope of the publisher's [Store Role](store-roles): a single store, every store in a store group, or every store.\n\nIf you edit content **outside** the Website Builder, for example by changing content blocks directly on their Salesforce records, no publish step runs and the cache is not cleared, so the live site can keep serving the previous version for a while. To apply that kind of change immediately, change the **Cache Version** field on the **Store** record to any different value. See [changes not showing on the website](changes-not-showing-on-website) for the full set of checks.\n\nTo continue editing before publishing, select **Resume** on the Content Change record to reopen the Website Builder with your saved changes.\n\n![Content Change record in Salesforce showing review, edit, and publish options](https://res.cloudinary.com/hzkr6fi81/image/upload/v1743492012/knowledge/website-builder/website-builder-05_p11uay.jpg)"}