1. Understand the Structure
Before diving in, understand how pages are built:
A Page is the base layer for your content.
Pages are then built upon with Content Blocks (the visual components).
Content Blocks can contain Child Content Blocks within them to create more complex layouts.
2. Create a New Page
In Salesforce, go to:
- StoreConnect Navigation → Custom Content → All Pages.
Click New and fill in:
Name → e.g. About Us.
Store → select the relevant store.
Path → this becomes the page URL (e.g.
/about-us).Leave Page Content blank (content will come from blocks).
(Optional) Configure:
Parent Page → for page nesting.
Require Login → restricts access to logged-in users.
Hide from Navigation → if you don't want it in menus.
Optionally fill in SEO Metadata.
Click Save.
3. Add Content Blocks to the Page
On the Page Record, go to the Related tab → Page Content Blocks → New.
You can:
Select an existing block, or
Click New Content Block to create a new one.
4. Create a Container Block (Parent)
Set the Content Template to Container.
Give it a Name (e.g. Information Container).
Leave other settings blank.
Click Save.
Back on the page, click Save to link this block to your page.
5. Add Child Content Blocks
- Open your Container Block → under Child Content Blocks, click New.
Create the first child block (e.g. text):
Click New Content Block.
Set Content Template to Text.
Enter a Name.
In the Content tab, set:
A Title/Heading.
The Body text.
Click Save.
Create the second child block (e.g. image):
Click New Content Block again.
Set Content Template to Single Image.
Give it a Name.
In the Media tab, select an image you've uploaded.
Click Save.
6. Adjust the Layout Style
Go back to the Container Block (the parent).
Click Edit → under Layout Style, select:
1/3 left first child block, 2/3 right second block(or any layout you prefer).
Click Save.
Refresh the page on your site → your content and layout will now be rendered.
7. Add the Page to Your Website Menu
Go to:
- StoreConnect Navigation → Configuration → Menus → All Menus.
Open your Header Menu.
Click New Menu Item.
Fill in:
Name (e.g. About Us).
Menu → make sure it’s linked to your Header Menu.
Under Targets, select the Page you created.
Click Save.
Refresh the site — the page is now visible in the navigation.
8. Create Child Pages (Optional)
To create a child page (e.g. Meet the Team under About Us):
Go to All Pages → New.
Enter Name, Path, Store.
Set Parent Page to About Us.
Click Save.
Add content blocks as described above.
Child pages will show in a side column or dropdown, depending on your store’s theme and menu configuration.
9. Customize Further with Themes and Templates
The appearance of your pages and content blocks depends on your Store Theme.
You can:
Use built-in templates (like Text, Single Image, Featured Products, etc.).
Customize layout and appearance using Layout Styles and CSS classes.
Extend designs with custom themes (explored in the Theme Developer Course).