How to personalise your 404 page (and turn lost visitors into raving fans!)
Guest Author, Laura from Tide Studio (our copywriting guru) gives the intel on some great error page options.
I was sent a link to an article today.But when I clicked the link, I was met with a 404 error page instead.
I skimmed the default โthis page cannot be foundโ robot-like message and clicked out of the website before giving it a second thought.
Why?
Because the content was cold. I felt annoyed, disengaged with the brand and confused about how to go about finding the information that I needed. It was like the brand was slamming a door in my face and saying, โsorry but youโre out of luck - bye.โ
Which got me thinking โ why do brands forget (or choose not) to personalise their 404 page? Do they not realise this little oversight could be losing them sales?
If youโve never even heard of a 404 page, donโt stress - youโre not alone! But hereโs why you should give a damn:
This humble piece of copy has the potential to redirect potential customers to other parts of your website, while letting your brand voice shine and positioning you as a helpful and caring guide.
Your 404 page has the potential to turn lost visitors into raving fans! Want to learn how to do it?
Firstly, letโs look at what a 404 page actually is
Links get broken, content gets deleted or moved and people have sausage fingers when typing.
Whatever the reason, if a link is no longer valid, visitors are taken to your 404 error page.
Most websites come with a default 404 page, so even if you havenโt come across it yet, chances are someone has. If youโre using default messaging, your 404 page will look similar to the belowโฆ
Image via MOYO STUDIO
The trouble with default messaging is that itโs often unhelpful and the opposite of conversational copywriting (a key technique for building emotional connections between you and your audience).
Your audience is left thinking โGREEEEAAAAT - so what do I do now?!โ
Where brands go wrong
A default 404 page does you no favours because:
ยท The content doesnโt redirect people to other places on your website โ which means people leave your website and donโt return
ยท Itโs not written in your brand voice โ so thereโs no surprise or delight waiting for them, just boring, formal and emotionless words (plus โtoo hard basketโ instructions)
ยท It shows no empathy or authority โ which are two vital ingredients in getting people to like, know and trust your brand.
Hereโs how to make your 404 page work for you
Writing a great 404 page is a skill (youโve got a small space to pack a mighty punch!), but itโs one you can learn.
This is your chance to empathise with your readersโ confusion and offer them a solution. Itโs a chance to showcase your brandโs personality and connect with them while theyโre actively seeking something from you. Itโs also a chance to redirect and convert lost visitors into buying customers.
Like the rest of your website content, thereโs no one size fits all formula for writing a 404 page. Every brand is different, so put yourself in the shoes of your customers. What do they want & need from you in this moment? As long as youโre friendly, helpful and succinct, youโre on the right track.
Whether your brand is sassy, calm, smart or funny, embrace your unique voice but always choose clarity over cleverness! People who land on your 404 page want answers. They donโt want to have to scroll through paragraphs of information thatโs irreverent or salesy (yuck).
Here are some ideas for elements to includeโฆ
๐ก An image or graphic that represents your brand and is consistent with the look and feel of the rest of your website.
o I have one of my pup Tiki hiding under my legs with a little โderpโ face (which I thought was only fitting!)
๐ก Some (brief) words that acknowledge the content theyโre looking for isnโt there. This is where you can let your personality shine, but stay true to your brand voice. โOops, we couldnโt find the page youโre looking forโ is always a safe & simple option.
o My brand voice is a little quirky, so I went with a space reference but kept the copy succinct.
๐ก A next step or redirection, such as links to the most important pages on your website. Having a search bar can also be helpful.
o I chose my blog & services pages, plus a tongue-in-cheek option of โjust here for the puppy picsโ which links to my Instagram page.
๐ก Having a โcontact usโ option encourages people into your sales funnel (woo!) and reassures them that help is only a call/email away if theyโre stuck.
Hereโs an example of my 404 page out in the wild (which I hope youโll never come across, but hey, sh*t happens!).
If you know your way around your website platform (Squarespace, Wordpress etc.) youโll be able to create a 404 page from scratch or edit the default messaging in a few simple steps. There are plenty of tutorials on YouTube if you get stuck.
So, now itโs over to youโฆ have a go at writing your own 404 page and let me know what you come up with. If you want some fresh ideas, you know where to find me.
Godspeed ;)