Home>Blog>Create a Custom 404 Page with Page Builder

Create a Custom 404 Page with Page Builder

If a page on your website no longer exists or if a link is incorrect, your users will see your 404 page. 404 Not Found is an HTTP response status code that means the requested resource could not be found but may be available in the future. Subsequent requests by the client are permissible. Ref: Wikipedia.

By default, your theme controls the content on your 404 page. Using 404page plugin and Page Builder by SiteOrigin, creating a custom 404 page is much quicker and easier than you might think. Adding useful links, a search form and perhaps even a contact form is a great way to engage your users and hopefully help them find the content they were looking for.

View the demo.
Download the demo JSON layout (Right click and Save As).

Required Plugins

404page – your smart custom 404 error page
Page Builder by SiteOrigin
SiteOrigin Widgets Bundle

Once Page Builder and the Widgets Bundle plugins are activated, go to PluginsSiteOrigin Widgets to activate the widgets you’d like to make use of. Not all of the widgets are activated by default.

Assigning a Custom 404 Page

Go to PagesAdd New to create your custom 404 page if you haven’t done so already. Next, with 404page plugin activated, go to Apppearance404 Error Page. Use the General: Page to be displayed as 404 page setting to choose the page to be used as your custom 404 page.

Use the drop-down menu provided to choose your page. Your page can be named anything, we chose 404 for ours but that isn’t necessary.

Editing Your Custom 404 Page

Go to Pages and edit the page you’ve chosen to be your custom 404 page. Click on the Page Builder tab to edit your page using Page Builder by SiteOrigin. If you’d like to start with our demo page, download the demo JSON layout (Right click and Save As). Click LayoutsImport/Export to import the layout.

Our custom 404 error page build in Page Builder.

Finally, test your 404 page by going to a URL you know doesn’t exist. For example http://demo.siteorigin.com/corp/nopagehere. You can also go to Appearance404 Error Page and click the Test 404 error button.

Additional Features and a Helping Hand with SiteOrigin Premium

SiteOrigin Premium is a plugin that adds additional settings and functionality to SiteOrigin widgets, Page Builder and SiteOrign themes. SiteOrigin Premium also includes our next level email support service. If you need expert advice and quick replies, consider SiteOrigin Premium.

Leave a Reply

Your email address will not be published. Required fields are marked *


  1. 2 months, 10 days ago Andrew Misplon Hi, I Work Here

    Thanks for reading. If you have any questions, please let us know in the comments below :)

  2. 2 months, 1 day ago Tori

    Hello, I just made a custom 404 page for my site using this template. It looks great! However, for some reason on my 404 page (and not on any other pages on the website), a few of my menu items say the page number instead of the name that is usually there. For example, one of my main menu items says “Pricing”, but on my 404 page it says “#49710 (no title)”. I don’t have titles on these pages because it messes up the format, so I just put the titles of the pages in the appearance > menu area under “Navigation Label”. Any ideas on why this is happening?

    • 2 months, 1 day ago Andrew Misplon Hi, I Work Here

      Hi Tori

      Thanks for posting. I’m not quite sure why your menu would be rendering differently on your 404 page. Can you perhaps send a link to your site so we can take a look? Thanks :)

      • 2 months, 16 hours ago Tori

        Thanks for your response! Here is the site address: respiratoryassociates.com and then heres the 404 page: respiratoryassociates.com/404

        • 2 months, 15 hours ago Andrew Misplon Hi, I Work Here

          Thanks :) I wish I knew why that was the case. Unfortunately, I don’t have any ideas at the moment. I’ll ask Alex here at SiteOrigin if he has any ideas and come back to you.. You could also try posting here: https://wordpress.org/support/plugin/404page.

  3. 26 days, 20 hours ago sourabh

    After creating new page,we cannot edit this page with siteorigin page builder. we are only able to edit that page which is prebuild during demo installation.we need instant help from you.

    • 26 days, 2 hours ago Andrew Misplon Hi, I Work Here

      Hi :) Thanks for giving our post a read. If you’d like instant help, it’s best to make use of email support offered as part of SiteOrigin Premium. You can find out more about SiteOrigin Premium here: Download: SiteOrigin Premium. If you’re using WordPress 5.0.2 and are seeing the Block Editor you can either insert a SiteOrigin Layout Block or you can install the Classic Editor (https://wordpress.org/plugins/classic-editor/) plugin which will make it easier to click over to the Page Builder tab. Hope that helps. If you need more in-depth assistance and would prefer not to make use of email support, please open a support thread on the forum: https://siteorigin.com/thread.

  4. 18 days, 22 hours ago Megri

    Thanks for sharing. Page Builder is an amazing tool for the webmasters who have no knowledge about coding. Thanks once again.

  5. 13 days, 9 hours ago NKURUNZIZA


    • 13 days, 3 hours ago Andrew Misplon Hi, I Work Here

      For sure :)

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More