Weebly Tricks #84 — ClassyCountdown Timer
Add a clean countdown timer to your Weebly site, created by Marius Stanciu.
Learn how to customize and modify your Weebly site with new effects, plugins, and widgets.
Welcome to My Weebly Tricks, a resource for Weebly site owners who want to go beyond the basics. Here you'll find step-by-step guides on adding image effects, slideshows, navigation scripts, text animations, countdown timers, and more — all tailored for the Weebly platform.
Creating a custom 404 page with sitemap links gives visitors a clear route back into your website when an address fails. Instead of a generic error message, they can reach your main pages, recent articles or a contact form without asking you to repair every mistyped URL. The result feels more considered, especially for Australian small businesses that attract customers from Melbourne, Brisbane, Sydney and beyond.
A missing page is also a dead end for search crawlers and for links shared in emails, social posts and printed advertising. Weebly makes it straightforward to publish a useful fallback page, while its built-in site map provides a reliable directory of your content. This guide explains how to assemble, connect, style and test that page, plus the important distinction between a friendly error screen and a proper HTTP 404 response.
Every failed request is an interruption. A visitor searching for your services, a customer following an old campaign link and a search crawler encountering a removed page all need different information. A blank “not found” screen wastes that visit; a helpful page can point each one towards a relevant section.
Think about recovery rather than apology. Offer a route to the home page, a directory of site pages, recent content and a way to report a broken link. Keep the wording calm and specific: the address may be incomplete, the page may have moved, or the link may contain a typing error. This framing works for a retailer whose old product page has disappeared and a reader following a shared article.
Collecting an email address or reporting a broken link introduces a privacy choice. Explain what information you collect, where it goes and how long you keep it, then link to your privacy information. Avoid collecting details simply because a visitor arrived at an error page.
Decide what the page must accomplish before opening the editor. The core destinations are a home-page link, your site map, your main service or product pages, and a contact route. Add a search box only if the site already offers a useful search function; an empty or poorly indexed search field creates another dead end.
Choose a short title such as “Page Not Found” or “We could not find that page”. Below it, include one sentence explaining the problem and two or three prominent buttons. Write for someone in a hurry, using Australian English such as “organisation” where it fits, and avoid technical phrases such as “HTTP error” that mean little to a customer.
Plan the page for people arriving from different places. Someone might have clicked a national campaign, while another visitor has bookmarked a service page for their own region. Clear internal links to current pages are more valuable than a long list of every blog post, and they help visitors continue towards a purchase, booking or enquiry.
Sign in to the Weebly editor and open the Pages panel. Add a regular page named “404 Page” or “Page Not Found”; its address will become part of your website URL, so a name such as 404 is tidy and easy to test. A blank or simple layout gives you control over the message, while keeping the standard header preserves your logo and main navigation.
Add a heading, a short explanation and a visible link or button to the home page. Below that, place the sitemap links and links to your most important sections, such as Shop, Services, Blog and Contact. Put these destinations directly on the error page rather than relying only on the site header, since visitors may reach it through a device with a simplified menu.
Use descriptive link text such as “Visit the site map” or “Browse our services” instead of “click here”. If the page offers a broken-link form, keep the requested destination visible so the visitor can confirm it. For a fuller email capture form, the newsletter signup guide shows a practical Weebly approach, but an opt-in should remain separate from reporting an error.
Publish the page and open its live address before you make it the error destination. Check that the navigation still works, the contact details are correct and no draft assets are visible. Do not add this page to the main menu as though it were normal content; its links belong on the page, while the site map can remain a permanent navigation item.
Weebly publishes a built-in Site Map that lists your site’s main pages and blog content. Visitors can usually reach it through the Site Map option in the Pages panel, and the live route is commonly /sitemap on the published site. Add the site map to your main navigation so it remains useful even when somebody reaches a broken address directly.
Link to that route with your complete domain, for example your-domain.com.au/sitemap, so it works on both your main domain and any secondary address you use. Select your button or link text, open the link tool in the editor and enter that destination. Link to the human-readable page for visitors, not the XML sitemap that search engines read.
Review the listed pages for anything outdated. A sitemap full of discontinued products can send a second lost visitor towards another dead end. Hide or rename obsolete pages where you can, and prioritise active destinations in the links on your custom error page. This small maintenance task makes the directory a dependable part of the broader site architecture.
Quick scanning matters more than decoration. Put the message and main actions above the fold, use a clear heading and choose buttons large enough to tap on a phone. A restrained background photo can make the page feel welcoming, but it should not hide the links or make text difficult to read. You can browse web design inspiration for suitable visual directions.
Match the colours, fonts and spacing of the rest of your Weebly site. Keep the header and footer only if they help navigation; on a very minimal site, a compact recovery panel may work better than an oversized template. Avoid animated elements, automatic slideshows or large media files that delay the moment a visitor needs a useful route.
Accessibility improves the fallback experience for everyone. Give meaningful alternative text to images, maintain strong colour contrast, make links distinguishable without relying on colour alone, and ensure keyboard focus can reach each action. Check the page at mobile width, because many visits arrive from a link in a phone’s messaging app.
Publishing a page at /404 does not, by itself, replace Weebly’s automatic error screen or make that response use the correct status code. Content and HTTP behaviour are separate. If your account exposes a custom error-page setting, point it to the published page. Otherwise, ask Weebly support what options apply to your account, or ask the administrator of any CDN or hosting layer in front of your site to serve your chosen page with a genuine 404 response.
Use a deliberately broken address to test the live result. Open it in a private browser window, then inspect the response in your browser’s network tools; the status should be 404, and the page should display your recovery message. If it returns 200, the page is being served as ordinary content. A redirect to the home page may hide the problem while giving search engines the wrong signal.
Do not redirect every missing address to the home page with a permanent redirect, since that tells search engines a page has moved. A custom error page should ideally keep the original address and return the not-found status. If your setup only allows redirects, seek hosting advice rather than using a permanent redirect as a shortcut.
Check internal links regularly, especially after reorganising pages or replacing a campaign. Look for broken links in navigation, buttons, images and old articles, and fix the destination where it still makes sense. Analytics can reveal which URLs attract visits or referrals, while a simple spreadsheet of broken addresses gives you a practical repair list for your next site update.
Give the page one unmistakable next step. The first action might return a shopper to products, direct a reader to the blog or invite a visitor to report a mistyped address. A site map link supports all three choices. Keep the home-page route visible as well, so nobody has to guess how to restart their visit.
If you collect an email address on the fallback page, make the consent clear and offer a genuine newsletter option. Australian businesses sending commercial email must meet the requirements of the Spam Act, and a broken-page visit is not permission to add someone to a mailing list. Explain the purpose, retain consent records and keep the form easy to decline.
Create the page now, publish it, and test one deliberately broken address from a phone. Add the live path and the person responsible for checking error reports to your website notes, so the fallback remains useful as your products, pages and campaigns change.
Add a clean countdown timer to your Weebly site, created by Marius Stanciu.
A comparison of free and paid email accounts and the advantages of using a domain-based custom email.
Instructions on setting a free custom email address for your website within Weebly.
Configure your Weebly RSS feed so visitors can subscribe and receive email updates.
Details on a promotional offer for two months of free email hosting from Namecheap.
Subscribe for regular email updates and get access to new Weebly tips and tutorials.