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