How to Customize Your 404 Page
It happens, sometimes you remove or alter a URL so you may have a broken link floating around. This is where the 404 page comes into play. A 404 page is a landing page that tells your site viewers the page is unavailable or maybe doesn’t exist. So instead of using Squarespace’s generic 404 pages, create a unique 404 page that shows off your personality!
what gives?
There are several reasons a 404 page may appear:
The server is down.
The page moved and wasn’t redirected.
The page never existed.
The URL is broken.
Definitely customize it.
A visually interesting and user-friendly 404 error page helps visitors navigate somewhere else on your website. By curating a page with links and other information, you’ll keep the viewer on your site for longer when they hit a wall.
Create your 404 Page
To create a 404 page for your Squarespace website:
Navigate to the Not Linked section of your Pages panel and add a New Page
Start with a Blank Page or use one of Squarespace’s Page Layouts.
Title the page 404 Page. If you used a Squarespace remade Page Layout make sure to update the SEO page, optional SEO Title.
Now get creative
Below are some tips to help make your 404 page interesting.
404 tip: Make it YOU
Use a witty intro with your own personal flair to guide your visitor somewhere else.
404 Tip: Buttons
Make the page informative and exciting! Drop-in some buttons or image blocks to help visitors navigate to your popular pages (recent blog post, featured product, services page, or just back home.
404 Tip: Call to Action
Add your social media, Instagram block or an embed block. Add a newsletter sign-up or contact form. Basically, add a simple call to action to keep visitors engaged.
Link your 404 Page
After you build the page head to
Design → 404 Page for SS 7.1
Not Found / 404 Page for SS 7.0.
Then, choose the page you’ve just created from the dropdown menu, click on save, and you’re done! Your Custom page is all set and now active!
That’s it,!
Now get creative with your customized 404 page. If you have any questions, reach out in the comments section below.
Disclaimer: Nestingzone is not affiliated or endorsed by Squarespace, we just love their platform. Nestingzone x Weihaasome is not responsible for any changes you make to your website’s code. CSS knowledge is required in order to be able to implement the above CSS suggestions.