Blocs Newsletter

Encouragez les visiteurs à s’abonner à votre liste de diffusion.

Dernière mise à jour le 2 février 2025

Les blocs Newsletter ajoutent une option permettant aux visiteurs de s'abonner à une newsletter. Ce bloc est souvent placé dans le pied de page.

Vous devez choisir une option de stockage pour les soumissions de formulaires. Vous pouvez connecter une liste de diffusion Campagnes e-mail, une nouvelle audience Mailchimp, Google Drive ou notre intégration Zapier.

Regarder une vidéo

Avant de commencer

  • Si vous utilisez Squarespace comme option de stockage, créez une liste de diffusion Campagnes e-mail pour vos abonnés. Si vous n’avez pas créé de liste de diffusion, vous pouvez ajouter les abonnés à une liste par défaut. Si vous ne sélectionnez pas de liste, les abonnés sont ajoutés au panneau Listes et segments, sous Abonnés.
  • Si vous utilisez Mailchimp comme option de stockage, créez une nouvelle audience vierge dans Mailchimp avant de connecter votre compte Mailchimp au bloc.
  • Pour envoyer des formulaires plus détaillés à votre adresse e-mail, utilisez plutôt un bloc Formulaire.

Ajouter un bloc Newsletter

Pour ajouter un bloc Newsletter :

  1. Modifiez une page ou une publication, cliquez sur Ajouter un bloc ou sur un point d’insertion, puis cliquez sur Newsletter dans le menu. Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  2. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
  3. Dans l’onglet Contenu, configurez le bloc Newsletter et ajoutez un message post-envoi ou une redirection.
  4. Cliquez sur l’onglet Design pour personnaliser la disposition.
  5. Cliquez sur l’onglet Stockage pour choisir une option de stockage et activer les options de vérification de l’abonné.

Voici un exemple d’un bloc Newsletter :

KB Guide Image

Configurer le bloc Newsletter

Personnalisez le texte et les champs du bloc dans l'onglet Contenu. Par défaut, le bloc Newsletter affiche un champ d'adresse e-mail. Vous pouvez ajouter ou modifier ces options :

  • Nom du formulaire : donnez un nom à votre bloc Newsletter pour suivre ses statistiques.
  • Titre et description : affichez le texte du titre et de la description au-dessus des champs du formulaire et du bouton d'envoi.
  • Avertissement : ajoutez des informations sur l’utilisation que vous faites des informations sur vos abonnés. Ce champ est souvent utilisé pour la politique de confidentialité.
  • Intitulé du bouton : Personnalisez le texte du bouton d'envoi. Le texte par défaut est S'abonner.
  • Champ de nom requis : ajoutez les champs Prénom et Nom au formulaire. Cette option ne rend pas les champs de nom obligatoires pour les soumissions.

Astuce

Pour plus d'options de champs de formulaire, utilisez plutôt un bloc Formulaire.

Ajouter un message ou une redirection post-envoi

Pour personnaliser ce que les visiteurs voient après avoir soumis leurs informations, cliquez sur Post-envoi dans l’onglet Contenu.

Message

Pour ajouter un message post-envoi, cliquez sur Message et saisissez votre texte dans le champ de message. Ce texte s'affiche après qu'un visiteur a soumis ses informations.

Dans le champ HTML, vous pouvez ajouter du code HTML à afficher en même temps que le message post-envoi. N'oubliez pas que si votre bloc Newsletter comporte une redirection post-envoi, le message post-envoi ne s'affichera pas.

Remarque

l’ajout de code HTML post-envoi est une modification avancée, et nous ne pouvons pas résoudre les problèmes liés au code personnalisé.

Redirection

Pour configurer une redirection post-envoi, cliquez sur Rediriger, puis sur Joindre un lien. Pour rediriger vers un autre site web, collez l’URL complète dans le champ URL. Pour rediriger vers une page de votre site, recherchez la page dans le champ, puis sélectionnez-la dans les résultats.

Pour tester une redirection post-envoi, envoyez le bloc Newsletter lorsque vous êtes déconnecté ou dans un navigateur de navigation privée. Les redirections post-envois ne fonctionneront pas si vous êtes connecté à votre site.

Pour supprimer une redirection post-envoi, supprimez le lien du champ URL.

Personnaliser la disposition et l’apparence

Pour personnaliser la disposition, l’alignement et l’apparence du bloc, cliquez sur l’onglet Design :

  • Disposition : cliquez sur Pile pour organiser les champs dans une colonne, ou cliquez sur Flottant pour organiser les champs dans une ligne.
  • Alignement : cliquez sur l’icône d’alignement correspondante pour aligner le bloc à gauche, au centre ou à droite.
  • Arrière-plan : dans la version 7.1, activez cette option pour ajouter une couleur d’arrière-plan de bloc, définir les rayons d’angle et modifier la marge intérieure de l’arrière-plan. La version 7.0 ne prend pas en charge les couleurs d’arrière-plan des blocs.
  • Trait : activez une ligne continue ou pointillée pour délimiter le bloc. Pour les lignes continues et pointillées, définissez la Couleur et l’Épaisseur du trait. 
  • Mode de fusion : utilisez le menu déroulant pour sélectionner un paramètre de transparence. Ces effets sont parfaits si vous superposez un bloc Newsletter devant une image ou un autre contenu visuel.
  • Flou : activez cette option pour flouter l’Élément ou la Toile de fond, puis utilisez le curseur pour régler le niveau de flou.

Accéder à cette fonctionnalité

Les personnalisations du Trait, du Mode de fusion et du Flou sont disponibles pour les sections Éditeur intuitif. Pour les sections qui utilisent l’éditeur classique, seule la personnalisation du Trait est disponible.

Choisir une option de stockage

Pour choisir la destination des demandes d’inscription aux newsletters, modifiez le bloc Newsletter et cliquez sur l’onglet Stockage. Par défaut, les blocs Newsletter utilisent Squarespace pour le stockage, mais vous pouvez également connecter les blocs Newsletter à Mailchimp, Zapier et Google Drive.

Pour en savoir plus sur chaque option de stockage, consultez l’article Gérer les options de stockage des formulaires et des newsletters.

Accéder à cette fonctionnalité

Les intégrations Mailchimp et Zapier dans les blocs Newsletter sont disponibles avec les forfaits Core, Plus, Avancé, Business, Commerce Basique et Commerce Avancé. Pour en savoir plus, consultez l’article Choisir le forfait Squarespace qu’il vous faut.

Activer les options de vérification de l’abonné

Pour vérifier vos abonnés et empêcher les robots d’envoyer des formulaires, l’option Google reCAPTCHA est activée par défaut dans les blocs Newsletter.

Google reCAPTCHA est une fonctionnalité de sécurité invisible qui permet d’empêcher les soumissions provenant de robots. Pour en savoir plus sur Google reCAPTCHA, consultez l’article Ajouter Google reCAPTCHA à des formulaires.

Vous pouvez également activer la confirmation par e-mail à des fins de vérification. Gardez à l’esprit qu’au moins l’une de ces options doit être activée lorsque vous utilisez Squarespace pour le stockage, et que Google reCAPTCHA n’est disponible que pour les blocs Newsletter utilisant Squarespace pour le stockage. Pour en savoir plus, consultez la section Options de vérification de l’abonné.

Définir le style du bloc Newsletter

Pour modifier l’apparence du bloc :

Polices

Pour personnaliser les polices du bloc :

  1. Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur  >  à côté de Polices.
  2. Cliquez sur Attribuer des styles
  3. Faites défiler la page jusqu’à la section Bloc Newsletter et cliquez sur chaque option pour personnaliser les différentes polices. Utilisez le panneau Boutons pour le texte du bouton.
  4. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Si vous ajoutez un message post-envoi, les options de style ci-dessous sont appliquées au texte :

  • Police : paramètres de paragraphe dans le panneau Polices
  • Taille : curseur Paragraphe 2 dans la section Paragraphes du panneau Polices
  • Couleur : couleur de paragraphe (moyen) dans le thème de la section choisie

Couleurs

Pour personnaliser les couleurs du bloc :

  1. Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur > à côté de Couleurs.
  2. Survolez votre thème et cliquez sur l’icône crayon.
  3. Faites défiler la page jusqu’à la section Bloc Newsletter ou cliquez sur le bloc Newsletter de votre site pour afficher tous les ajustements correspondants.
  4. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Les blocs Newsletter sont transparents par défaut, de sorte que leur couleur corresponde à l’arrière-plan du site ou de la section. Si vous souhaitez qu’un bloc Newsletter se démarque du reste de votre site, activez une couleur d’arrière-plan dans l’onglet Design du bloc.

button

Personnalisez le style du bouton du bloc Newsletter et son texte dans le panneau Boutons des styles du site. Les boutons des blocs Newsletter suivent les paramètres de style Principal. Afin de conserver la disposition des blocs Newsletter, les ajustements de marge intérieure n’affectent pas la largeur ni la hauteur des boutons des blocs Newsletter. Les options de style des boutons s’appliquent à la plupart des boutons de votre site afin de garantir une apparence homogène.

Polices

Pour personnaliser les polices du bloc :

  1. Ouvrez le panneau Design, puis cliquez sur Styles du site.
  2. Faites défiler vers le bas jusqu’à la section Bloc Newsletter.

Les options varient d’un template à l’autre, mais vous trouverez certains ou tous les ajustements de style suivants :

  • Style - Faites votre choix parmi les options Foncé, Clair, ou Personnalisé
  • Couleur d'arrière-plan
  • Marge intérieure
  • Couleur des titres - Disponible pour le style Personnalisé
  • Couleur du texte - disponible avec le style personnalisé
  • Couleur des boutons
  • Couleur du texte des boutons - Indisponible lorsque le style du bouton est défini sur Contour
  • Options alternatives (par exemple, Couleur d'arrière-plan alternée) - disponibles dans certains templates. Ces ajustements modifient les blocs Newsletter situés en dehors de la zone de contenu principale, comme les pieds de page ou les en-têtes, afin de les mettre en avant sur différentes couleurs d'arrière-plan.

Dans les autres sections du panneau Styles du site :

  • Utilisez les ajustements Titre (habituellement Titre 2) pour modifier la police du titre.
  • Utilisez les ajustements Corps pour modifier la police des autres textes. Avec certains templates, si vous placez le bloc Newsletter dans le pied de page, vous devrez peut-être utiliser à la place des ajustements spécifiques au pied de page.
  • Les tailles de texte ne peuvent pas être modifiées.
  • Utilisez les ajustements de la section Boutons pour personnaliser le style et la forme du bouton Envoyer. Pour en savoir plus, consultez l’article Personnaliser les boutons.

Suivre les inscriptions à une newsletter

Découvrez l’interaction des visiteurs avec vos formulaires d’inscription à la newsletter grâce aux conversions par formulaires et par boutons. Vous pouvez suivre le taux de conversion des formulaires envoyés, qui compare le nombre de vues enregistrées par un formulaire au nombre d’envois reçus.

Résolution de problèmes

Le nombre de soumissions ne correspond pas au nombre d'abonnés

Si vous choisissez Squarespace ou Mailchimp comme option de stockage, il se peut que les visiteurs qui remplissent le formulaire reçoivent un e-mail leur demandant de confirmer leur abonnement. Cela peut entraîner dans certaines situations des divergences entre le nombre de soumissions et le nombre d’abonnés :

  • L'auteur de la demande n'a pas encore vérifié l'inscription via l'e-mail de confirmation
  • L'auteur de la demande a envoyé son e-mail plusieurs fois dans un court laps de temps sans vérifier l'inscription via l'e-mail de confirmation initial
  • L'auteur de la demande a confirmé son e-mail mais son adresse est déjà sur la liste de diffusion

Vous pouvez prendre certains mesures pour limiter ces divergences :

Le message post-envoi ne s’affiche pas (version 7.0)

Si vous avez réglé l'ajustement du bloc Newsletter sur Clair et la couleur d'arrière-plan sur blanc, les textes en blanc seront peu visibles, car affichés sur fond blanc. Modifiez l'un de ces ajustements pour résoudre ce problème.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.