ComponentsMembership
Newsletter Form
A native Ghost members subscription form with state handling.
Install
npx ghostcn@1.4.0 add newsletter-form --skip-existingUsage
Uses native member-form submission. Signed-in members don’t see another signup form. When consent is required, the signup path opens Portal. Test success, errors, and signup settings in your real publication.
{{> "components/newsletter-form"}}Customize this instance
{{> "components/newsletter-form" class="mx-auto max-w-2xl" inputClass="rounded-xl border-purple-500" buttonClass="bg-purple-700 text-white"}}Styling parameters
| Parameter | Target |
|---|---|
class | Component root — .gh-newsletter-form |
titleClass | .gh-newsletter-title |
descriptionClass | .gh-newsletter-desc |
formClass | .gh-newsletter-fields |
inputClass | .gh-newsletter-input |
buttonClass | .gh-newsletter-btn, .ghcn-button |
Styling parameters affect only elements that render. See Style component instances for specificity, dark mode, and preserving customizations.
Installed files
partials/components/newsletter-form.hbsassets/css/components/newsletter-form.css
Was this helpful?