How to create a 404 page in Squarespace (2020)
Hello! Dani here! Website designer and founder of Wandersouls creative!
Welcome to another Squarespace video!
Today Iβm going to show you how to create a 404 page just like this one!
So firstβ¦
What is 404 page?
Itβs an error page or a page not found in your website
So it is very common for someone to misspell your URL link and this is what happens
Squarespace has a default page but we can definitely make it SO MUCH BETTER!!!!!!
This also happens because you might have changed the link or deleted a page
So instead of having this default page we want to create a page that keeps our visitors in our site instead of just exiting out!
This is the one opportunity to make them stay on your site so make it strategic and even fun!!!!!
Letβs get started!
How to create a 404 page in Squarespace (2020)
Just to make it more fun, you may want to add a GIF.
Go to giphy.com and search for GIF under βoopsβ or βsorryβ. Once you find one that you like and that you would like to use, youβre gonna right click on it and save that image.
Go back to Squarespace, and click on the Pages Section.
Scroll down to where you have your βNot Linkedβ pages and create a new blank page.
Name it β404 pageβ.
Now, we can start our editing process.
Click on βEditβ.
Quick Note: Add spacers to your blank page so you can have more structure when it comes to editing.
Add two spacers and drag one right next to the other.
Decrease the left spacer and below it, add a new image.
Upload your GIF, or the picture that you want to add.
Click βApplyβ.
Below the right spacer, youβre going to add a text and make it your Heading One. You can use phrases like: βOops, my bad!β
Below that heading, insert your description text.
Below your description text, you can start adding your buttons that will take you to different parts of your website. Here, I added a button to my blog post page, services page, home page, and my course.
When adding your button, remember to use the gear icon and link the page that you want your audience to go through when they click on the button.
You may want to add a search bar in case theyβre looking for something else. To do this:
Add a new text and encourage them to search on the bar.
Then, click on the insert point and type in βsearchβ.
Click on the search option.
Quick note: If you want to limit your search bar to a specific page like your blog page, you may want to click on βSearch Specific Pageβ and choose the page that you would like to use. But, if you want your whole website to be searchable, just click apply.
Go ahead and delete the first two spaces that you created and click βSaveβ.
The last thing that we need to do is connect that page.
Go back to βHomeβ.
Click on βDesignβ.
Go to βNot Found/ 404 Pageβ.
Select the 404 page that you have created.
Click Save.
Now, every time someone misspells a word or a page from your website or go through a broken link, they are going to see the page you have just created that is way better than the default one.
And there you have it!!!! Thatβs it!
Please let me know if this was useful β¦or if you have any questions just comment below or send me an email. Thank you for watching and Iβll see you on the next one!
Pin this blog for laterπ
