Newsletter

Displays a newsletter signup form.

Frontmatter

blocks:
  - type: newsletter
    heading: {} # (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
    form: {}
      url: '' # url, the provider endpoint the form posts to
      button: '' # string, the submit label (optional)
      hiddens: [] # (optional)
        name: '' # string
        value: '' # string
    ui: {} # (optional)
      theme: '' # [accent, black, dark, highlight, light, neutral, white] (optional)
      grid: '' # [xsmall, small, medium, large, container, full] (optional)
      offset: '' # [start, center, end] (optional)
      align: '' # [start, center, end] (optional)

The email input, its label and the default button label come from the theme’s translations, so the block needs nothing but the endpoint. hiddens carries the extra fields a provider expects, such as a list id.

See Common keys for heading, footing and the full ui reference.

Demo visual renderer

Files

CMS availability

CMSHugolify Admin v2
CloudCannonAvailable
Decap CMSAvailable
Netlify CMSAvailable
Pages CMSAvailable
Static CMSAvailable
Sveltia CMSAvailable
Tina CMSAvailable