How to Create Custom 404 Weebly Page Not Found Page?

Larger the site and more the number of internal links increases the possibility of internal broken links and leads to 404 page not found error when a user tries to visit that broken link. You can easily check and correct broken links in your site but the problem is with the following cases:

  • When you changed your page URL for any reason, the search engines will still show your old cached URLs for long time in the search results and the user clicks on that link will see a 404 page not found error since you already changed the URL of that page.
  • Bookmarked and Social Shared URLs can not be changed.
  • When a user wrongly types the URL in the browser’s address bar.

In those situations Weebly offers a standard 404 page which just shows the page not found error and provides a link to the home page of your site.

Standard Weebly 404 Page
Standard Weebly 404 Page

If you are looking to provide more details to the user rather than just a home page, here is the step by step tutorial on how to create custom 404 Weebly page for your site instead of using Weebly’s standard 404 page.

Step1 – Create a Page Named “404”

Login to your Weebly account and edit the site for which you want to add a custom 404 page. Under “Pages” tab create a new page with the name “404” as shown in the picture below:

Create a New Page With Name 404
Create a New Page With Name 404

Step2 – Add Content to Your 404 Page

Add details whatever you want to provide to the users in your 404 page just like dragging and dropping the elements as in the case of normal page. Learn more about creating your free Weebly Site, Blog and Forum.

Step3 – Hide your 404 Page from Search Engine

Under “Settings” tab select the check box “Hide this page from search engines”, if you are not interested in the search engines indexing your 404 page also.

Hide Your 404 Page From Search Engines
Hide Your 404 Page From Search Engines

Step4 – Hide Your 404 Page from Your Site Navigation Menu

It will not look professional if the users can see the 404 page in your site navigation menu. So under the “Pages” menu select the check box “Hide page in navigation menu” to hide your 404 page.

Hide Weebly 404 Page in Navigation Menu
Hide Weebly 404 Page in Navigation Menu

Step5 – The Final Testing

You custom 404 page is ready for your Weebly site and will be displayed automatically if the user searches for an invalid URL. You can also test by entering an invalid URL, for example – “yoursitename.com/test404page.html”, in the address bar to see and adjust your custom 404 page.
The biggest advantage of this custom 404 page is, unlike Weebly’s standard 404 page this one will show your complete page including header and footer along with the content you entered. This makes an opportunity to retain the user who can select any topics of his interest from the navigation, header and footer area of your 404 page.

Advantage of Custom 404 Page in Weebly Site
Advantage of Custom 404 Page in Weebly Site

Editorial Staff at WebNots are team members who love to build websites and share the learning with webmasters community. Follow us on Facebook and Twitter.

10 thoughts on “How to Create Custom 404 Weebly Page Not Found Page?”

Leave your response.

  1. 404 Page missing-

    I created the 404 page following the directions. ipage is my host. I hid everything, published it, and it does not work. All I get is a blank page with “not found”. I tried an alternative of the htaccess for my site, and put in the URL for the page. It works a few times and then doesn’t. I was told by ipage that I needed to get the full URL code because my was incomplete or pay them $50 to fix the problem. Does anyone know how my URL code should look so that this will work?

    Reply
    • Weebly themselves published an article on their blog to use 404 page as explained in this article. Perhaps it should be Bluehost stopping to create page with name as 404 since it may conflict with the original 404 page on the hosting. Please clarify with Bluehost on this.

      Reply
  2. What about when Weebly throws a 404 when it’s really a 401? I have a custom 404 page and it works, but if you try to access a URL like “http://.weebly.com/files”, it is a 401 Unauthorized error but Weebly will use the default dull 404 page, regardless if you’ve set up a custom 401 page AND 404 page. Is this only able to be changed with Weebly Pro?

    Reply
  3. Thanks so much for this post, this was very helpful. I had changed the URL address to an old blog post and found that google was still showing the old URL and I kept getting that ugly 404 weebly page. But thanks to you, I was able to create a 404 page in a matter of minutes to make sure I don’t lose any potential readers. Thanks so much!

    Reply
  4. Dear Webnots,
    For unknown reasons Weebly has desided that a custom 404 page is NOT possible anymore hence your article how to create a custom 404 page is not valid anymore! This strongly will effect SEO results when using weebly as CMS. This strange descission to end the support for custom 404 page has been introduced since the last Weebly updates and for us this and other strange “updates” are the reasons to end the use of Weebly professional. Kind regards, luc van der Stap

    Reply
    • We tested with a new site and it is working fine, if you are not able to create a page with name as “404” then contact Weebly to get it clarified.

      Reply

Leave a Comment