Skip to content
On this page

404 page

This guide describes setting up the 404 page section.

Use the section to provide a message that's displayed whenever a visitor follows a link to a store page that cannot be found.

An example 404 page section on a store's 404 page.

The previous image shows a default 404 page section on a store's 404 page.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks

Set up a 404 page section

To set up a 404 page section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select Others > 404 page.

    Note

    The section is available only on the Others > 404 page template.

  2. From the side menu, select 404 page.

    The 404 page section selected in Theme editor.

  3. Select a setting described in the following table.

Setting nameDescription
Color > Color schemeUse the Color scheme dropdown to set the section's color scheme to Primary, Secondary, Tertiary or Quaternary. Refer to Colors.
Color > Use gradient for backgroundSelect the checkbox Use gradient for background to turn on/ off using a gradient as the section's background.
Theme settingsSelect Theme settings to access additional settings for the section. Refer to Section theme settings menu.

Configure a block within a 404 page section

A default 404 page section contains no blocks. To configure a block inside the section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select the Other > 404 page template.

  2. From the side menu, expand the 404 page section menu.

  3. To configure an existing block, select the block from the side menu.

    To add a new block, select Add block, choose a block to add, and then select the block you added.

    The 404 page's Add block menu in Theme editor.

    Note

    Inside the section, you can add, remove, show/ hide, or move blocks. Refer to Configure blocks inside a section, and Shopify help: Sections and blocks

  4. Apply a block setting described in the following table.

Block nameBlock descriptionBlock setting(s)
Background patternDisplays a stylistic pattern as a background inside the section.Refer to Background pattern.
Background shapeDisplays a stylistic shape as a background inside the section.Refer to Background shape.
StickerOverlays the section with a stylized sticker.Refer to Stickers.
Shape dividerDisplays a stylized separator between the current section and the next/ previous section.Refer to Shape divider.