Newsletter & Banner

Use newsletter and banner blocks to capture email subscriptions and display important announcements or promotional messages to your visitors.

Default Newsletter

Sign up for our newsletter

Stay up to date with the roadmap progress, announcements and exclusive discounts feel free to sign up with your email.

Blade code

<x-fwb.blocks.marketing.newsletter />

Custom Newsletter

Join our mailing list

Get the latest updates, tips, and exclusive offers delivered straight to your inbox.

Blade code

<x-fwb.blocks.marketing.newsletter
    title="Join our mailing list"
    description="Get the latest updates, tips, and exclusive offers delivered straight to your inbox."
    action="/subscribe"
    buttonText="Sign up"
/>

Default Banner

Blade code

<x-fwb.blocks.marketing.banner />

Custom Banner

New feature released: Check out our latest update! Learn More

Blade code

<x-fwb.blocks.marketing.banner
    message="New feature released: Check out our latest update!"
    href="/changelog"
    id="promo-banner"
/>

Component Properties

Newsletter x-fwb.blocks.marketing.newsletter

Prop Type Default Description
title string 'Sign up for our newsletter' Heading text displayed above the email input.
description string 'Stay up to date with the roadmap...' Subheading text displayed below the title.
action string '#' The form action URL for the subscription form.
buttonText string 'Subscribe' Text displayed on the subscribe button.
slot slot - Custom content to replace the default email subscription form. When provided, the default form is hidden.

Banner x-fwb.blocks.marketing.banner

Prop Type Default Description
message string 'Get 5% commission per sale' The main text displayed in the banner.
href string '#' URL for the "Learn More" link in the banner.
id string 'banner' Unique ID for the banner element, used by the dismiss toggle.
slot slot - Custom content to replace the default message and link. When provided, the default content is hidden.