DocumentationCommerceContent and Design

Add and remove pages

Last update: Tue Aug 29 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • Beginner
  • Intermediate
  • Admin
  • User

The process of adding a content page to your store is essentially the same for any type of page that you might want to create. You can include text, images, blocks of content, variables, and widgets. Most content pages are designed for reading by search engines first, and by people second. Keep the needs of each of these two 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.

Pages grid {width="700" modal="regular"}

Add a 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.

Step 1: Create the page

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

  2. Click Add New Page.

    New Page {width="600" modal="regular"}

  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

Depending on your Advanced Content Tools configuration, add the page content.

Use the Page Builder content tools

  1. Expand Expansion selector Content.

    Content with Page Builder {width="600" modal="regular"}

  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. For more information, see Workspace. If Page Builder is not enabled, the editor opens in WYSIWYG mode with the toolbar at the top.

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

Use the editor toolbar

  1. Expand Expansion selector Content.

    Content {width="600" modal="regular"}

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

  3. 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.

Step 3: Complete the SEO information

  1. Expand Expansion selector Search Engine Optimization.

    Search Engine Optimization {width="600" modal="regular"}

  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 contain fewer than 70 characters 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 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 {width="600" modal="regular"}

  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)

Adobe Commerce feature {width="20"} Exclusive feature only in Adobe Commerce (Learn more)

  1. Expand Expansion selector Hierarchy.

    Hierarchy {width="600" modal="regular"}

  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 {width="600" modal="regular"}

  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 change the theme of the page, set New Theme to one of the following:

    • Magento Black
    • Magento Luma

  5. Magento Open Source (Magento Open Source only) To schedule a design change, expand Expansion selector Custom Design Update and do the following:

    Custom Design Update {width="600" modal="regular"}

    • Use the calendar ( Calendar icon ) 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.

Duplicate a page

Any content page can be used as a template, and saved as a duplicate. You might use this time-saving technique to create a consistent design for content pages throughout your site. The duplicate page retains the Page Title of the original, but the URL Key and Status fields must be updated.

Save & Duplicate {width="600" modal="regular"}

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

  2. In the grid, find the page that you want to duplicate and click Edit in the Action column.

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

  4. When you see the messages that the page has been saved and duplicated click Back in the top button bar to return to the grid.

  5. Find the duplicate page in the grid, and take note of the following:

    • The Page Title is the same as the original.
    • A unique, but temporary URL Key is assigned.
    • The Status of the page is Disabled.

  6. Open the duplicate page in Edit mode and do the following:

    • If you want to publish the page immediately, set Enable Page to Yes.

    • Update the Page Title, as needed.

    • Expand Expansion selector the Search Engine Optimization section and enter the unique URL Key that you want to use for the duplicate page.

      Temporary URL key {width="600" modal="regular"}

    • Update the remaining page content, as needed.

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

    The duplicate page in the grid reflects your changes.

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.

Delete a page

There are two ways to remove a created page. You can remove it from the Pages grid or from the Edit page.

Method 1: Remove a page from the Pages grid

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

  2. Locate the pages using filters above the grid and select the checkbox for one or more pages to be deleted.

  3. In the upper-left corner of the list, set Actions to Delete.

  4. To confirm the action, click OK.

Method 2: Remove a page from the edit page

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

  2. Find the page to be deleted.

  3. In the Actions column for the page entity, click Select and choose Edit.

  4. In the button bar, click Delete Page.

  5. To confirm the action, click OK.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de