---
title: Lettre d'information et réseaux sociaux
shortTitle: Lettre d'information et réseaux sociaux
titleId: Follow
description: Présentation du composant Lettre d'information et réseaux sociaux permettant de proposer l’inscription à une lettre d’information et de diriger vers les réseaux sociaux de l’entité.
shortDescription: Inscription à une lettre d’info et accès aux réseaux sociaux.
keywords: lettre d’information, follow, newsletter, réseaux sociaux, footer, interface, composant, design system, RGPD, accessibilité, usager
cover: ./_asset/cover/cover.png
excerpt: Ce document présente le composant Lettre d’information et réseaux sociaux, destiné à favoriser l’abonnement et la consultation des comptes sociaux, avec recommandations d’intégration et règles éditoriales.
summary: Ce contenu décrit le composant Lettre d’information et réseaux sociaux, conçu pour permettre aux usagers de s’abonner à une ou plusieurs lettres d’information et de consulter les réseaux sociaux de l’entité. Il précise les recommandations d’intégration, notamment sa position dans la page, et les consignes éditoriales telles que l’adaptation du message selon le contexte ou les mentions relatives à l’utilisation des données personnelles. Ce guide s’adresse aux équipes chargées de la conception éditoriale et technique des sites web publics.
mesh:
  - component/button
  - component/input
---

## Lettre d'information et Réseaux Sociaux

La lettre d’information et réseaux sociaux est un ensemble d’éléments d’interaction avec l’interface permettant à l’usager de s’inscrire à (aux) lettre(s) d’information proposée(s), ainsi que des liens vers les réseaux sociaux de l’entité.

:::dsfr-doc-tab-navigation

- Présentation
- [Démo](./demo/index.md)
- [Design](./design/index.md)
- [Code](./code/index.md)
- [Accessibilité](./accessibility/index.md)

:::

::dsfr-doc-storybook{storyId=follow--follow}

### Quand utiliser ce composant ?

Proposer la lettre d’information et réseaux sociaux pour permettre à l’usager de s’inscrire à la (aux) lettre(s) d’information proposée(s) et/ou de consulter les comptes de vos réseaux sociaux.

### Comment utiliser ce composant ?

- **Intégrer le composant à l’ensemble des pages du site**, juste au-dessus du footer.

::::dsfr-doc-guidelines

:::dsfr-doc-guideline[✅ À faire]{col=12 valid=true}

![](./_asset/use/do-1.png)

Mise en situation juste au dessus du pied de page.

:::

::::

### Règles éditoriales

- **Adapter le titre et la description en fonction du contexte**. Il s’agit ici de présenter la lettre d’information et la nature des contenus qu’elle traite.
- **Ajuster le texte explicatif “RGPD” sur l’utilisation des données personnelles** selon la politique de votre organisation.