Encouragez les visiteurs à s’abonner à votre liste de diffusion.
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 dans Campagnes e-mail pour vos abonnés. Si vous n’avez pas créé de liste de diffusion, vous pouvez ajouter des abonnés à une liste par défaut. Si vous ne sélectionnez pas de liste, les abonnés sont ajoutés au panneau Profils, 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 les formulaires soumis à votre adresse e-mail, utilisez plutôt un bloc Formulaire.
Ajouter un bloc Newsletter
Pour ajouter un bloc Newsletter :
- 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.
- Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
- Dans l’onglet Contenu, configurez le bloc Newsletter et ajoutez un message post-envoi ou une redirection.
- Cliquez sur l’onglet Design pour personnaliser la disposition.
- 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 :
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.
Conseil : 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 Redirection. Pour rediriger vers un autre site web, collez l'URL complète dans le champ URL de redirection ou cliquez sur pour créer un lien vers une page de votre site ou un fichier téléchargé.
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.
Personnalisation de la disposition
Pour personnaliser la disposition et l'alignement 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 : sur la version 7.1, activez cette option pour ajouter une couleur d’arrière-plan de bloc, définir les rayons d’angles 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.
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.
Les intégrations Mailchimp et Zapier dans les blocs Newsletter sont des fonctionnalités premium disponibles dans le cadre des forfaits Business, Commerce, Professionnel et Premium.
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 :
- Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur Polices.
- Sous Styles de texte généraux, cliquez sur Attribuer des styles.
- 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.
- 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 :
- Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur Couleurs.
- Survolez votre thème et cliquez sur l’icône crayon.
- 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.
- 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 :
- Ouvrez le panneau Design, puis cliquez sur Styles du site.
- 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 :
- Pour désactiver la confirmation par e-mail et utiliser Google reCAPTCHA à la place, consultez l’article Vérification de l’abonnement aux campagnes e-mail.
- Pour découvrir comment désactiver l’e-mail de confirmation (opt-in double) pour Mailchimp, consultez l’article Utiliser Mailchimp avec Squarespace.
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.