Short answer: A good footer needs a copyright line with the current year, a working contact method, and links to your privacy policy and terms if you collect data. Beyond that, pick a pattern that fits your site type, such as a minimal legal footer, a fat sitemap footer, or a local-business footer with a map. Group extra links into 3-5 labelled columns rather than one long list.
Summary checked against this page on September 25, 2026.
25 footer patterns you can copy for your own site, from the minimal legal footer to the fat sitemap footer to the local-business footer with a map — what each contains, who it suits, and a tip for making it work.
Short answer: the best website footers fall into a small number of repeatable patterns — minimal legal footers, fat sitemap footers, newsletter footers, local-business footers with a map, and a handful of others — and picking the right one for your site type matters more than making yours unique. Below are 25 patterns you can adapt, each with what it contains, who it suits, and a tip.
Selection method and audience: this guide is for small-business owners and the people who build their sites. The patterns are compared on five things visitors look for at the bottom of a page: contact details, opening hours, key services, policy links and keyboard access. The worked examples further down are illustrative We.Inc template designs, not real businesses.
Why footers matter for SEO is one of the most frequently overlooked aspects of website footer design, yet it often determines whether an effort succeeds or fails. Businesses that invest time here early avoid expensive rework and see faster, more predictable results. Key things to get right with why footers matter for SEO:
When why footers matter for SEO calls for a new website, landing page, or web app, We.Inc gets you there fast. You describe what you want in a chat and its AI builds a live, editable site right in the browser, so you can ship without wrestling a design tool first.
Before the patterns, the non-negotiables: a copyright line with the current year, a working contact method, and links to your privacy policy and terms if you collect any personal data. Get these right regardless of which pattern you choose.
Essential footer elements are a critical component of any solid website building strategy. Getting the fundamentals right here creates a foundation that every other part of the effort builds on. The most effective approach to essential footer elements is systematic rather than reactive. Teams that schedule dedicated time for this, track results consistently, and make incremental adjustments outperform those that treat it as ad hoc work. The single biggest predictor of success is whether you have a documented process, not how sophisticated that process is. Teams move faster on essential footer elements when building the site behind it is not the bottleneck. With We.Inc you generate the page or app by describing it in plain language, then refine it with visual click-to-edit or the built-in code editor.
| Element | Why it matters | Common mistake |
|---|---|---|
| Copyright line | Basic legal signal, cheap to include | Left showing an old year |
| Privacy policy / terms links | Often legally required if you collect data | Missing entirely, or a dead link |
| Contact method | Lets visitors reach you without hunting | Buried in a contact page with no direct link |
| Social links | Secondary trust signal | Linking to abandoned accounts |
| Sitemap or key nav links | Helps visitors and search engines find pages | Duplicating the entire main menu unsorted |
Footer layout patterns are a critical component of any solid website building strategy. Getting the fundamentals right here creates a foundation that every other part of the effort builds on. Key things to get right with footer layout patterns:
If footer layout patterns needs a page, store, or app to point people to, We.Inc turns a description into a working site you can publish in minutes. Start from a template, tweak with chat and visual editing, and go live on your own domain with free SSL.
Footer CTAs that convert are a critical component of any solid website building strategy. Getting the fundamentals right here creates a foundation that every other part of the effort builds on. The most effective approach to footer CTAs that convert is systematic rather than reactive. Teams that schedule dedicated time for this, track results consistently, and make incremental adjustments outperform those that treat it as ad hoc work. The single biggest predictor of success is whether you have a documented process, not how sophisticated that process is. When footer CTAs that convert calls for a new website, landing page, or web app, We.Inc gets you there fast. You describe what you want in a chat and its AI builds a live, editable site right in the browser, so you can ship without wrestling a design tool first.
Mobile footer design is a critical component of any solid website building strategy. Getting the fundamentals right here creates a foundation that every other part of the effort builds on. Key things to get right with mobile footer design:
Teams move faster on mobile footer design when building the site behind it is not the bottleneck. With We.Inc you generate the page or app by describing it in plain language, then refine it with visual click-to-edit or the built-in code editor.
| Element | Desktop | Mobile | Keyboard check |
|---|---|---|---|
| Contact | Address, phone, email in one column | Phone as a tap-to-call link first | Each link reachable with Tab, visible focus ring |
| Opening hours | Short table | Today's hours first, full week below | Plain text, not an image |
| Key services | 4 to 6 links | Collapsed or reduced to the top 3 | Links in logical order |
| Policy links | Small row at the bottom | Same row, larger tap targets | Not hidden behind hover |
| Social | Icon row | Icon row with text labels for screen readers | Icons have accessible names |
| Example | Footer contents | What to adapt | Limitation |
|---|---|---|---|
| Bakery | Address, hours, order link, social | Hours as text, order link repeated | Long hours tables get cramped on phones |
| Plumber | Phone, service area, licence line | Tap-to-call first on mobile | Service area lists can grow too long |
| Dentist | Address, map link, emergency number | Separate emergency line | Too many insurance logos add clutter |
| Law firm | Offices, practice areas, disclaimer | Required disclaimer text | Legal text can bury the contact line |
| Nonprofit | Donate link, registration, reports | Registration number visible | Competing calls to action |
Paste these into your notes and fill them in:
Contact: [Business name], [street, town], [phone link], [email] Hours: Mon to Fri [time], Sat [time], Sun closed Services: [service 1], [service 2], [service 3] Legal: Privacy, Terms, Accessibility, © [year] [business name]
Adapt the grouping and order. Do not copy another site's badges, awards, review counts or legal wording; use only what is true for your business, and have your own policies reviewed.
Pick a design from the business website templates, edit the footer in the visual editor, then run the free website grader.
Start building your business website. Create your account. The free plan publishes up to 3 template sites on a we.inc address (no AI credits, no custom domain). AI building and your own domain start on Starter at $20 a month; see pricing.
Useful next steps: check an existing site with the free website grader, estimate a budget with the website cost calculator, browse business website templates or read how the We.Inc website builder works.
Match the pattern to what your site actually needs, not what looks impressive. A five-page brochure site doesn't need a mega footer with a search box, and a marketplace with thousands of pages will look understaffed with only a minimal legal footer. When in doubt, start simple (patterns 1, 4, or 9) and add sections only when you have a real reason to.
You don't have to design a footer from a blank page. Open We.Inc and describe your site in one sentence — for example, "a local bakery website with a footer showing our address, hours, and social links" — and the builder generates a working starting point, footer included, that you can then adjust.
On the free plan, you get up to 3 template sites on a we.inc address with no card required, and you edit the footer's words and images yourself in the editor (there's no AI generation on free). If you want the AI to write and adjust the footer content for you, and to put the site on your own domain instead of a we.inc address, that starts on the Starter plan at $20/month. See the current details on pricing (or start on the free website builder, no card), or browse templates if you'd rather start from a finished design.
The fundamentals of 25 website footer design examples that work are within reach for any business willing to invest consistent effort. Start by picking one section from this guide, implement it fully, and measure the outcome before moving to the next. Incremental, validated progress beats trying to do everything at once. If you need a website, store, or web app to support your website building work, We.Inc lets you build one by describing it in a chat. Its AI generates a live, editable site you can refine visually or in code, then publish on your own domain with free SSL. Start your free We.Inc account - no credit card required.
Before you ship any footer, run through this:
For the layout decisions that sit just above the footer, see our guide on how to design a homepage, and for capturing leads from a footer or elsewhere on the page, our contact form guide covers the practical setup. If your footer needs to support an accessibility statement, our accessibility statement generator can help you draft one quickly, and our full guide to making a website covers the rest of the page beyond the footer.
Use real text rather than images for hours and contact details, make every link reachable with the Tab key with a visible focus outline, give social icons text labels, and keep enough colour contrast against the footer background.
At minimum: a copyright line with the current year, a way to contact you, and links to any legally required pages (privacy policy, terms, an accessibility statement if applicable). Beyond that, what you add depends on your site type — see the pattern list below.
There's no fixed number, but a footer that tries to list every page on the site becomes noise nobody reads. Group links into 3-5 labelled columns (Company, Product, Resources, Legal, for example) rather than one long unsorted list.
It's a reasonable secondary placement, since visitors who scroll to the bottom without converting are still engaged. It should never be the only place you offer a newsletter signup, though — put a stronger version higher on the page too.
Yes, indirectly. Footer links help search engines and visitors find deeper pages, and duplicate or bloated footer link lists across every page can dilute how a site is understood. Keep footer links intentional and consistent, not a dumping ground.
The content can stay the same, but the layout should stack into single columns with clear spacing, and any collapsible sections should be easy to tap. A footer that renders as one long unreadable column of tiny text is a common mobile mistake.
How we research, test and update this page: our editorial policy. We.Inc is our own product.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.
