# ▶️ Use website builder

Source: https://support.storeconnect.com/articles/how-to-use-website-builder · Last modified 21 August 2026

Video: https://vimeo.com/1197573334?fl=sv&fe=ci

### **1\. Access the Website Builder**

1.  Open the **StoreConnect app** in Salesforce.

2.  Go to your **Store record**.

3.  Click the **Website Builder** button (top-right corner. If missing, add it to your page layout).

4.  If you see a **permission error**, proceed to the next step to set up user access.


---

### **2\. Set Up User Access (Store User Role)**

1.  Go to:
    **StoreConnect Navigation → Search "Roles" → Store Roles**.

2.  Click **New** to create a Store Role:

    -   Name: e.g. *Content Editor*.

    -   Type: **Content Changes**.

    -   Level: **Editor**, **Commenter**, or **Approver** (choose level of access).

3.  Click **Save**.

4.  Assign a user to this role:

    -   Click **New Store User Role**.

    -   Select the **Salesforce User**.

    -   Assign the created role (e.g. Content Editor).

    -   Choose scope: **Single store**, **Group of stores**, or **All stores**.

    -   Click **Save**.


---

### **3\. Using the Website Builder Interface**

1.  Return to the **Store record** and click **Website Builder** again — you now have access.

2.  The builder provides a **visual interface** to edit website content.

3.  Hover over **content blocks** to highlight and select them.

4.  Available actions:

    -   **Edit** content block (opens a form with fields like title, image, link, alignment, etc.).

    -   **Reorder** blocks.

    -   **Delete** blocks.

    -   **Show all fields** to access additional settings in the side menu.

5.  **Preview** changes in real-time as you edit.


---

### **4\. Global Settings**

1.  Access **Global Settings** (top-right):

    -   **SEO info**.

    -   Assign **header/footer content blocks**.

    -   Switch **menu systems**.

    -   Change **default homepage**.

    -   Update **logo** and **placeholder images**.


---

### **5\. Styles and Scripts**

1.  Use **Styles** menu to:

    -   Edit **global CSS**.

    -   Set **primary/secondary color palette**.

2.  Use **Scripts** menu to:

    -   Add **global JavaScript** to the site.


---

### **6\. Navigating & Editing Pages**

1.  Navigate to any page by clicking its link in the builder.

2.  Edit:

    -   **Page settings**.

    -   **Individual content blocks**.

3.  To add new content:

    -   Scroll to **Add Content Block** section at the bottom of the page.

    -   Select desired **content block template**.

    -   Insert content (text, image, media lookup, etc.).


---

### **7\. Submitting and Approving Changes**

1.  After editing, click **Submit Changes**.

2.  Changes are sent for **approval** (not immediately live. Website will revert to previous state).

3.  To review changes:

    -   Go to:
        **StoreConnect Navigation → Custom Content → Content Changes → All Content Changes**.

    -   Review the list of content changes (created/updated).

    -   Approve changes:

        -   Open each change.

        -   Verify original vs. new value.

        -   Set status to **Approved**.

        -   Click **Save**.

4.  Approved changes are:

    -   **Published immediately**, or

    -   **Scheduled** to go live at a future date.


---

### **8\. Verifying Live Changes**

1.  Visit your **live website**.

2.  Refresh to see approved and published changes.

---

## Follow StoreConnect

- [Email Newsletter](https://getstoreconnect.com/c/lp-newsletter)
- [LinkedIn Newsletter](https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7444956928444862464)
- [YouTube](https://www.youtube.com/channel/UCngKdP2x8l1wcbAKW3tvU8g)
- [LinkedIn](https://www.linkedin.com/company/storeconnect)
- [X / Twitter](https://x.com/storeconnecthq)

## Popular Links

- [Partners](https://getstoreconnect.com/partners)
- [News](https://getstoreconnect.com/articles/news)
- [Events](https://getstoreconnect.com/articles/events)
- [Feature Comparison](https://getstoreconnect.com/how-we-compare)
- [Download a free trial](https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FMkeKUAT)
- [Book a Demo](https://getstoreconnect.com/contact)

## Documentation

- [Help documentation](https://support.storeconnect.com/help-documentation)
- [AI agents](https://support.storeconnect.com/ai)
- [Videos & tutorials](https://support.storeconnect.com/videos-tutorials)
- [Developer reference](https://support.storeconnect.com/developer-reference)
- [Release notes](https://support.storeconnect.com/release-notes)
- [Troubleshooting](https://support.storeconnect.com/troubleshooting)
- [Trust Center](https://trust.getstoreconnect.com/)
- [Status Page](https://status.storeconnect.com/)

## Contact

- info@getstoreconnect.com
- US +1 415 745 3230
- AUS +61 2 8365 2308

100 S Ashley Dr, Suite 600-2461
Tampa FL 33602-600 USA

Level 22, Sydney Place
180 George Street
Sydney, NSW, 2000, AUS

---

StoreConnect Support — https://support.storeconnect.com/articles/how-to-use-website-builder