Newsletter prompt
Email capture: inline, card, split or with topics.
Prompt
Prompt
Use the klarhimmel-design skill. Add a newsletter sign-up to {page} for {topic}. Readers get {promise}. Install: npx shadcn add @klarhimmel/newsletter-inline @klarhimmel/newsletter-card @klarhimmel/newsletter-split @klarhimmel/newsletter-topics (remove what you do not use) Pick: - newsletter-inline: one line: headline, field, button - newsletter-card: a card with an image - newsletter-split: copy and benefits beside a raised panel - newsletter-topics: readers tick topics first Props: placeholder, submit, consent; action (optional) is where the visitor lands after your handler succeeds. The block never submits: handle the form's submit event in the page. Copy: Say what they get and how often. The consent line states what you do with the address. Accessibility: The field has a visible or hidden label; errors are text, not colour alone. Topic checkboxes are labelled. Never: viewport variants (md:, lg:), style=, text or images outside Text and Media, fields the schema lacks. Shorten copy to fit the limits. Done when: promise states frequency; consent line present; submit handled in the page, not the block.
Variables
| Variable | What to fill in | Example |
|---|---|---|
{page} | Where it sits | the blog index |
{topic} | What the newsletter is about | hotel operations |
{promise} | What and how often | one practical email a month |
A good result
Promise states frequency. Consent line present. Submit handled in the page, not the block.
- [ ] promise states frequency
- [ ] consent line present
- [ ] submit handled in the page, not the block