Newsletter 1
A newsletter signup block for Payload CMS with email input and subscribe button. Supports eyebrow, title, customizable button text, and a disclaimer — free to copy and paste.
This block uses the Fluid Design System. Copy the required CSS tokens and React primitives from the Installation & Setup guide.
Preview
Fields Reference
| Field | Type | Required | Localized | Description |
|---|---|---|---|---|
eyebrow | text | No | Yes | Small label above the title |
title | text | Yes | Yes | The main heading |
description | textarea | No | Yes | Supporting text |
inputPlaceholder | text | No | Yes | Placeholder for the email input |
buttonLabel | text | No | Yes | Button text (default: "Subscribe") |
disclaimer | text | No | Yes | Small text below the form |
Form Handling
This block provides the UI only — it does not include backend form handling. You will need to wire up your own submission logic (for example, an API route that forwards the email to your newsletter provider like Mailchimp, ConvertKit, or Resend). Connect your handler to the form's onSubmit event in the component.