▶️ Create pages
On this page
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).
-