# ▶️ Create content blocks

Source: https://support.storeconnect.com/articles/how-to-create-content-blocks · Last modified 21 August 2026

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

### **1\. What Are Content Blocks?**

-   **Content blocks** are the building blocks used to visually assemble pages on your StoreConnect website.

-   Each **page** is made up of one or more content blocks (e.g. banners, images, featured products, forms).

-   Blocks can be:

    -   **Standalone** (e.g. a banner or a form).

    -   **Containers** that **hold child content blocks** (used for layout control).


---

### **2\. View Existing Content Blocks on a Page**

-   In **Salesforce**, open the **StoreConnect app**.

-   Go to:

    -   **StoreConnect Navigation** → **Custom Content** → **Pages List View**.

-   Open a **page record** (e.g. *Homepage*).

-   On the left: you'll see **basic page info**.

-   On the right under **Related**, you’ll see the **list of content blocks** for that page.

    -   Example: “Banner” (Position 10), “Homepage Container” (Position 20).

-   Lower **Position numbers** appear **higher** on the page.


---

### **3\. How a Content Block Is Structured**

Open any content block (e.g. *Homepage Banner*) to configure:

-   **Content Template**: Defines the layout and visual style (e.g. *Image with Text Overlay*, *Featured Products*).

-   **Settings Tab**:

    -   Control things like **text alignment**, **link labels**, and **button links**.

-   **Media Tab**:

    -   Select an **image** from your media library.

-   **Content Tab**:

    -   Add a **Title**, **Subtitle**, and any **text content**.


**Reusable Blocks**: You can assign a content block to **multiple pages** by linking it in their respective page records.

---

### **4\. Using Containers and Child Blocks**

-   A **Container** content block:

    -   Adds **structure, padding, and spacing**.

    -   Holds **Child Content Blocks**.

-   Example: *Homepage Container* holds a child block for *Featured Products*.

-   Open the container block:

    -   Its **template** is “Container”.

    -   Inside its **Related tab**, you'll see **child blocks** (e.g. product sections, images, etc.).


---

### **5\. Create a New Content Block Section on a Page**

-   Go to your target page (e.g. *About Us*).

-   Under **Related → Content Blocks**, click **New**.

-   You can either:

    -   **Reuse an existing block**, or

    -   Click **New Content Block** to create a fresh one.

-   For layout consistency, begin by adding a **Container Block**:

    -   Give it a **unique name**.

    -   Set a **higher position number** to place it **below existing blocks**.

    -   Click **Save**.


---

### **6\. Add a Child Content Block Inside the Container**

-   Open your new **Container Block**.

-   Under **Related**, click **New Content Block**.

-   In the creation form:

    -   Ensure **Parent** is your container block.

    -   Choose a **Content Template** (e.g. *Single Image*).

    -   Set **Name**, add an **Image** in Media, and fill in other optional fields.

-   Click **Save**.


Now you’ve created a new section on your page containing a new image (e.g. a **Brand Logos Banner**).

---

### **7\. Visual Styling and Themes**

-   The **appearance and behavior** of content blocks is affected by the **Store Theme**.

-   Themes define margins, fonts, layout spacing, and responsive behavior.

-   You can:

    -   Use default themes.

    -   Create **custom themes** (covered in the **Theme Developer Course**).


---

### **8\. When to Use Containers**

-   Use **containers** to:

    -   Add **padding/margins** around grouped content.

    -   Maintain **visual consistency** across sections.

-   Content blocks **outside containers** will **stretch full-width** to the page edge (e.g. hero banners).

-   Blocks **inside containers** stay **nicely centered** with spacing applied.

---

## 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-create-content-blocks