---
isPage: true
draft: false
title: Newsletter
description: Add a newsletter signup form (Mailchimp, Brevo…)
icon: mail
hero:
  surtitle: Blocks
  title: Block newsletter
  text: Add a newsletter signup form (Mailchimp, Brevo…).
  ctas:
    - text: Documentation
      url: https://www.hugolify.io/docs/blocks/newsletter/
      blank: true
    - text: Page code on Github
      url: https://raw.githubusercontent.com/Hugolify/hugolify-example-blocks/refs/heads/main/content/docs/newsletter.md
      blank: true
      link: true
  ui:
    align: center
    theme: light
blocks:

  # GRID
  - type: newsletter
    ui:
      grid: container
    heading:
      surtitle: Grid container
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"
  - type: newsletter
    ui:
      grid: large
      offset: center
    heading:
      surtitle: Grid large / Offset center
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"
  - type: newsletter
    ui:
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"
  - type: newsletter
    ui:
      grid: small
      offset: center
      align: center
    heading:
      surtitle: Grid small / Offset center / Align center
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"

  # FORMULAIRE
  - type: newsletter
    ui:
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center / Libellé de bouton personnalisé
      title: Inscrivez-vous à notre newsletter
    form:
      url: "#"
      submit: Je m’inscris à la newsletter

  - type: newsletter
    ui:
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center / Sans texte
      title: Inscrivez-vous à notre newsletter
    form:
      url: "#"

  # THEME
  - type: newsletter
    ui:
      grid: small
      offset: center
      align: center
      theme: light
    heading:
      surtitle: Grid small / Offset center / Align center / Theme light
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"
  - type: newsletter
    ui:
      grid: small
      offset: center
      align: center
      theme: highlight
    heading:
      surtitle: Grid small / Offset center / Align center / Theme highlight
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"
  - type: newsletter
    ui:
      grid: small
      offset: center
      align: center
      theme: accent
    heading:
      surtitle: Grid small / Offset center / Align center / Theme accent
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"

  - type: newsletter
    ui:
      grid: small
      offset: center
      align: center
      theme: dark
    heading:
      surtitle: Grid small / Offset center / Align center / Theme dark
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"

  - type: newsletter
    ui:
      grid: small
      offset: center
      align: center
      theme: neutral
    heading:
      surtitle: Grid small / Offset center / Align center / Theme neutral
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"

  - type: newsletter
    ui:
      grid: small
      offset: center
      align: center
      theme: black
    heading:
      surtitle: Grid small / Offset center / Align center / Theme black
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"

  - type: newsletter
    ui:
      grid: small
      offset: center
      align: center
      theme: white
    heading:
      surtitle: Grid small / Offset center / Align center / Theme white
      title: Inscrivez-vous à notre newsletter
      text: restez informé de l’actualité et des analyses de Jeantet
    form:
      url: "#"
---