Subscribe Form Footer

A footer led by a subscribe form (heading, description, email field, and submit button) sitting beside three link columns. Perfect for marketing sites that want the email capture to share top billing with the standard footer nav.

By Staaarter Team

Footer

Docs

Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/subscribe-form-footer.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/footer/footer19.tsx instead.

Usage

The file also exports footer19Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Footer19, footer19Demo } from "@/components/blocks/footer/footer19";

export default function Page() {
  return <Footer19 {...footer19Demo} />;
}

Props

Prop	Type	Default	Description
heading	ReactNode	none	Heading above the subscribe form.
description	string	undefined	Short line under the heading.
emailFieldLabel	string	none	Accessible label for the email input (visually hidden).
placeholder	string	undefined	Placeholder text for the email input.
submitLabel	string	none	Label for the submit button.
disclaimer	string	undefined	Small print under the form, e.g. an unsubscribe note.
columns	FooterLinkGroup[]	none	Three link columns beside the form.
copyright	string	undefined	Copyright line in the bottom bar.
className	string	none	Extra classes for the outer footer element.

Types

type FooterLink = { label: string; href: string };

type FooterLinkGroup = { title: string; links: FooterLink[] };

Behavior notes

The subscribe form is fully decorative: no client-side state and no onSubmit handler on the form element, matching every other static form in the Blocks catalog.
disclaimer and copyright each render only when set; description is likewise optional.

More Footer Blocks

View all →

Minimal Centered Footer

Compact centered footer with a lowercase wordmark, tagline, uppercase link row, and a social row over a hairline rule.

CTA Footer

Footer opening with a light closing heading and accent buttons, then a slim wordmark and link bottom bar.

Editorial Newsletter Footer

Light footer with a wordmark, tagline, newsletter signup, three link columns, and a legal bottom bar.

Brand Column Footer

Four-column footer with a wide brand column, oversized wordmark, and three ruled link columns.

Live Studio Clock Footer

Footer built around a real ticking clock with a pulsing open/closed status, city, and day.

Split CTA Footer

Two-column footer with a pill CTA and email on the left, a stacked oversized nav on the right.