nuxt-x-marketing
BlogCTANewsletter
Compact in-blog newsletter signup widget with multiple display variants.
BlogCTANewsletter
An inline newsletter signup widget designed to sit inside blog posts or the sidebar. Supports four size/layout variants.
Components
<XMarkBlogCTANewsletter />
An inline newsletter signup widget designed to sit inside blog posts or the sidebar. Supports four size/layout variants.
<XMarkBlogCTANewsletter
title="Never miss a post"
description="Get the latest articles delivered to your inbox every week."
:button="{ label: 'Subscribe', color: 'primary' }"
placeholder="your@email.com"
variant="compact"
:has-privacy="true"
privacy-text="No spam. Unsubscribe anytime."
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | String | 'Subscribe to our newsletter' | Widget heading |
description | String | 'Get the latest posts delivered right to your inbox.' | Supporting text |
button | Object | { label: 'Subscribe' } | Button config { label, color? } |
placeholder | String | 'Enter your email' | Input placeholder |
variant | String | 'default' | Layout variant: 'default', 'featured', 'inline', 'compact' |
icon | String | 'i-lucide-mail' | Icon shown in featured variant |
hasPrivacy | Boolean | true | Show privacy note |
privacyText | String | 'No spam. Unsubscribe anytime.' | Privacy note text |
AI Context
category: Blog
package: "@xenterprises/nuxt-x-marketing"
components:
- XMarkBlogCTANewsletter
use-when: >
Embedding a newsletter signup widget within blog post content or the blog
sidebar. Lighter weight than XMarkNewsletterForm — optimized for in-content
placement.
typical-page-section: Within blog post content or blog sidebar CTA slot.