After July 2021, the 2.3.x release line no longer received quality updates or user guide updates. PHP 7.3 reached end of support in December 2021, and Adobe Commerce 2.3.x reached end of support in September 2022. We strongly recommend upgrading to Adobe Commerce 2.4.x to help maintain PCI compliance.

Adding a New Page

This site contains archived merchant documentation for a version of Adobe Commerce and Magento Open Source that has reached end-of-support. The documentation available here is intended for historical reference only and is not maintained. The Adobe Commerce Merchant Documentation for current releases is published on the Adobe Experience League.

The process of adding a new content page to your store is essentially the same for any type of page you might want to create. You can include text, images, blocks of content, variables, and widgets. Most content pages are designed to be read by search engines first, and by people second. Keep the needs of each of these two very different audiences in mind when choosing the page title, and URL, and when composing the meta data, and content. When your page is complete, it can be added to your store navigation, linked to other pages, linked from the footer of your store, or used as a new home page.

The following instructions walk you through each step to create a basic page. Some advanced features are skipped over, but are covered in other topics.

Pages Grid

Step 1: Add a new page

  1. On the Admin sidebar, go to Content > Elements > Pages.

  2. Click Add New Page.

    New Page

  3. If you do not want to publish the page immediately, set Enable Page to No.

  4. Enter the Page Title.

    The page title appears in the breadcrumb navigation.

Step 2: Complete the content

Use the Custom Design Update

  1. To schedule design changes, expand Expansion selector Custom Design Update.

    Custom Design Update

  2. Expand Expansion selector Content.

    Content

  3. In the Content Heading box, enter the heading that you want to appear at the top of the page.

  4. Complete the content and format the text as needed.

    You can add images, variables, and widgets as needed. For more information, see Using the Editor.

  5. Click Save.

Use the Page Builder content tools

  1. Expand Expansion selector Content.

    Content with Page Builder

  2. In the Content Heading box, enter the heading that you want to appear at the top of the page.

    If enabled, the Page Builder stage and panel appear below the Content Heading.

  3. Complete the content, and format the text as needed.

    For more information, see Workspace. If Page Builder is not enabled, the editor opens in WYSIWYG mode with the toolbar at the top.

Step 3: Complete the SEO information

  1. Expand Expansion selector Search Engine Optimization.

    Search Engine Optimization

  2. Either accept the default or enter another URL Key that consists of all lowercase characters, with hyphens instead of spaces.

    The default URL key was created when the page was saved and is based on the Content Heading.

  3. Enter a Meta Title for the page.

    The Meta Title should be less than seventy characters in length and appears in the browser title bar and tab.

  4. Enter your choice of high-value Meta Keywords that search engines can use to index the page.

    Separate multiple words with a comma. Meta keywords are ignored by some search engines, but used by others.

  5. For Meta Description, enter a brief description of the page for search results listings.

    Ideally, the description should be from 150-160 characters in length, with a maximum limit of 255.

  6. Click Save.

Step 4: Specify the scope of the page

  1. Expand Expansion selector Page in Websites.

    Pages in Websites

  2. In the Store View list, select each view where the page is to be available.

    If the installation has multiple websites, select each website and store view where the page is to be available.

Step 5: Identify the parent page (if applicable)

  1. Expand Expansion selector Hierarchy.

    Hierarchy

  2. If this page is a child of another page, select the checkbox of the Parent page.

Step 6: Enter design changes (optional)

  1. To change the layout of the page, expand Expansion selector Design.

    Design

  2. To change the column layout of the page, set Layout to one of the following:

    • Empty
    • 1 column
    • 2 columns with left bar
    • 2 columns with right bar
    • 3 columns
    • Page -- Full Width (Requires Page Builder)
    • Category -- Full Width (Requires Page Builder)
    • Product -- Full Width (Requires Page Builder)
  3. To apply a Custom Layout Update, choose the name of the file from the list.

    For more information, see Layout Updates.

  4. To schedule a design change, expand Expansion selector Custom Design Update and do the following:

    Custom Design Update

    • Use the calendar () to choose the From and To dates for the change to take effect.

    • To apply a different theme to the page, select the name of the New Theme.

    • To change the column layout of the page, choose the Layout that you want to apply.

Step 7: Preview the page

  1. Click the Save arrow and choose Save & Close to return to the Pages grid.

  2. Find the page in the grid and select View in the Action column.

  3. To return to the grid, click Back in the upper-left corner of the browser window.

Step 8: Publish the page

  1. Select Edit in the Action column of the grid.

  2. Set Enable Page to Yes.

  3. Click the Save arrow and choose Save & Close.

    Save & Close

Save menu

Command Description
Save Save the current page, and continue working.
Save & New Save and close the current page, and begin a new page.
Save & Duplicate Save and close the current page, and open a new duplicate copy.
Save & Close Save and close the current page, and return to the Pages grid.