# Create a 404 page

{% embed url="<https://youtu.be/y9UVlE3FMZg/>" %}

## What is Shopify 404 page?

The 404 page displays when a customer tries to visit a link to your site that doesn't exist, such as a product page for a product that you deleted from your store.

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FrFJ9Fn5WyVOMQjDCa8Z4%2Fimage.png?alt=media&#x26;token=7b8c6b35-e187-41c4-80a9-fcd2e2b257ca" alt=""><figcaption><p>An example of allbirds.com's 404 page</p></figcaption></figure>

## How to create a 404 page in Foxify

{% stepper %}
{% step %}

#### Select the page type

From the Foxify dashboard, click **Create page** and choose the **type of page** as **404**.

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FThdIhieSSk6OItvUPqA9%2Fimage.png?alt=media&#x26;token=e08c6038-dcfe-466f-97e2-13cc95125e1a" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Select how you want to start

* **Start from template** → Choose from professional, ready-made layouts. Learn more: [templates](https://docs.foxecom.com/foxify-app/page-management/templates "mention")
* **Build from scratch** → Start with a blank canvas and customize every detail.
  {% endstep %}
  {% endstepper %}

## Publish a 404 page

{% hint style="success" %}
Once you finish designing:

1. Click **Publish** to push your new 404 template live.
2. Publishing will replace your current theme's content in Shopify.
   {% endhint %}

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FbJEWE69xp9vupi7N3t4O%2Fimage.png?alt=media&#x26;token=d847d1c2-8d24-4010-9a7d-bc662fc4e16d" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
You need to enable [Foxify Theme Helper](https://docs.foxecom.com/foxify-app/getting-started/setup-and-quick-start/how-to-install-foxify#1.-enable-foxify-app-embed) in your Theme App embeds so Foxify can work with your Shopify theme.&#x20;
{% endhint %}

{% hint style="info" %}
:star: Want to publish your page to a **draft theme** instead of live?&#x20;

See [pick-a-theme-to-work-with-foxify](https://docs.foxecom.com/foxify-app/faqs-and-troubleshooting/faqs/pick-a-theme-to-work-with-foxify "mention")
{% endhint %}

## Unpublish Foxify 404 template

{% hint style="success" %}
Inside the page editor, hit **Unpublish** in the top-right corner, and the theme's original 404 template will be restored.
{% endhint %}

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FqQC0AfwFRwpdw9HHZ9RV%2Fimage.png?alt=media&#x26;token=0915cf02-1ad7-4c0d-99d3-e89c91d2db55" alt=""><figcaption></figcaption></figure>

## Best practices :white\_check\_mark:

* **Keep your message clear and helpful:** Use friendly language that reassures customers — instead of a cold “Page Not Found,” try something like *“Oops! We couldn’t find that page — but here’s where you can go next.”*
* **Optimize for mobile devices:** Always preview your page on mobile screens in Foxify. Most visitors may access your store on their phones, so ensure the page looks clean and loads quickly.&#x20;
  * [*Learn more about our mobile tips* ](https://www.youtube.com/watch?v=7ISin63dxig):mobile\_phone:

## FAQs

<details>

<summary>Why do I see a 404 error on my store?</summary>

Common causes include:

* **Broken or outdated links:** The link may have been mistyped or no longer valid.
* **Deleted pages or products:** If a product or page is removed, its URL will lead to a 404 page.
* **URL structure changes:** Modifying your store’s URL format can invalidate old links.
* **App or theme conflicts:** Custom themes or third-party apps might interfere with URL handling.

</details>

<details>

<summary>Can I customize my 404 page using Foxify?</summary>

Yes! With **Foxify**, you can fully customize the design and content of your 404 page. You can:

* Add images, buttons, or text block.
* Match the design to your brand's look and feel.
* Add navigation links, product grids, or collections to guide customers back to your main store.

*Learn more:*

[add-and-edit-elements](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements "mention")

[layout-and-styling](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling "mention")

</details>

<details>

<summary>How can I prevent 404 errors in the future?</summary>

* Regularly check your store for broken links.
* Update navigation menus after deleting or renaming products or collections.
* Use URL redirects or any removed pages. [*Learn more*](https://help.shopify.com/manual/online-store/menus-and-links/url-redirect)

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/foxify-app/page-management/page-creation/create-a-404-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.