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.