nuxt-x-affiliate
Waitlist
Email me when back in stock
Waitlist
The XAFWaitlist component is an inline email-capture for "notify me when this product is back in stock" — pairs with <XAFBuyButton> for out-of-stock products. Captures the email, product name, and product URL, and POSTs them to your endpoint.
Components
<XAFWaitlist />
<XAFWaitlist
product-name="Logitech MX Keys S"
product-url="https://amazon.com/dp/B0CX123"
endpoint="/api/waitlist"
variant="card"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
productName | string | required | Shown in the headline and email payload. |
productUrl | string | required | Product URL — included in the waitlist payload. |
endpoint | string | — | POST { email, productName, productUrl } here. |
variant | 'card' | 'inline' | 'card' | Visual variant — card is bordered; inline is bare for use next to a button. |
The submit handler is purely additive — it always renders a success state after submit regardless of endpoint presence.
AI Context
component: XAFWaitlist
package: "@xenterprises/nuxt-x-affiliate"
use-when: "Email me when back in stock" signup with email capture for out-of-stock products.