Dernière mise à jour le 28 mai 2020

Un abonnement commence généralement à partir d’un formulaire d’abonnement. Comment ces formulaires peuvent-ils être affichés sur différentes parties de votre site? Il y a bien sûr quelques options: créer des pages de destination, utiliser les widgets ou même les injecter sur, sous ou au milieu du contenu des articles. D’autres options consistent à utiliser des barres contextuelles ou supérieures / inférieures.

Widgets

Nous fournissons deux widgets , le standard qui affiche le formulaire tel qu’il est configuré dans la page du formulaire d’abonnement et le minimum, qui affiche simplement un champ de courrier électronique. Ils ont un petit ensemble d’options pour contrôler la disposition du formulaire et les étiquettes. Les widgets sont généralement placés dans la barre latérale du site, mais si vous avez beaucoup de trafic mobile, ce pourrait être une très bonne idée d’en ajouter un dans le pied de page. Testez et regardez comment votre thème gère l’expérience utilisateur sur le bureau et sur les appareils mobiles.

Pages de destination

Vous pouvez créer une page de destination spécifique où s’adresser à vos lecteurs pour s’abonner. Le formulaire peut être ajouté à cette page en utilisant le [newsletter_form]shortcode (certains paramètres peuvent être ajoutés pour personnaliser le formulaire affiché et ses comportements).

Le moyen facile de créer un formulaire d’abonnement pour créer votre liste de contacts consiste à utiliser le code abrégé fourni par la newsletter et à le laisser générer le formulaire (pour les utilisateurs avancés, il existe un guide pour créer le formulaire à partir de zéro ).

Formulaires d’abonnement dans les articles

C’est un très bon endroit où ajouter des formulaires d’abonnement, car lorsque vous avez attiré l’attention du lecteur avec votre contenu, c’est le bon moment pour demander à vous abonner. Si vous utilisez Gutenberg comme éditeur, vous trouverez un bloc personnalisé pour ajouter un formulaire où vous préférez dans votre contenu.

Ou vous pouvez utiliser le shortcode [newsletter_form](fonctionne avec Gutenberg, l’éditeur classique et généralement tous les compositeurs visuels).

Puis-je l’ajouter automatiquement sur chaque publication?

Oui, vous pouvez utiliser l’un des nombreux plugins capables d’injecter des publicités dans votre blog. Ils prennent généralement en charge les shortcodes. Un exemple est le plugin Head et Footer .

La page dédiée à la Newsletter

Newsletter, lors de la première installation, crée une page permettant d’afficher ses messages. Cette page affiche un formulaire d’abonnement s’il est appelé directement et vous pouvez l’utiliser comme page de destination. Remarque: ne modifiez pas le contenu ou le shortcode dans cette page, cela cessera de fonctionner .

Le shortcode [newsletter_form] expliqué

De nombreux propriétaires de blogs préfèrent avoir des pages d’abonnement et de messages séparées afin de créer une «page de destination» dédiée à l’abonnement et d’utiliser le code court [newsletter_form]où le formulaire doit s’afficher. Parfois, ils ont plusieurs pages d’abonnement ou souhaitent afficher un formulaire d’abonnement à la fin de chaque publication. Ce code court est celui à utiliser. Le code court [newsletter_form]prend en charge un certain nombre de paramètres (attributs) expliqués ci-dessous pour changer le comportement par défaut.

Attributs personnalisés

Le [newsletter_form] accepte certains paramètres personnalisés pour changer le comportement par défaut (les mêmes attributs sont pris en charge par le [newsletter]shortcode utilisé dans la page dédiée à la newsletter mais ne remplacent pas ce shortcode par autre chose).

• listes – est une liste séparée par des virgules de numéros de liste (1, 2,… 40) à utiliser par défaut pour chaque abonnement. Chaque utilisateur qui s’abonne en utilisant ce formulaire sera ajouté à ces listes. Les listes spécifiées doivent être «publiques» . Habituellement, vous ne souhaitez pas afficher l’option de sélection d’une liste si vous la définissez par défaut pour ce formulaire, vous devez donc la marquer comme «non affichée sur le formulaire d’abonnement». Voir le panneau de configuration des listes.
• lists_field_layout – peut être défini comme «liste déroulante» pour afficher les listes disponibles lors de l’abonnement en tant que contrôle déroulant au lieu d’un ensemble de cases à cocher. Il n’est pas connecté aux listes spécifiées avec l’ listsattribut qui n’est utilisé que pour «forcer» celles-ci.
• lists_field_empty_label – lorsque la sélection de liste est affichée sous forme de liste déroulante, cette valeur est l’étiquette prédéfinie affichée dans le champ déroulant. Puisqu’il est nécessaire de sélectionner une liste dans la liste déroulante, cette étiquette devrait être quelque chose comme «Choisir…», «Sélectionner un…» et ainsi de suite.
• lists_field_label – il s’agit de l’étiquette affichée dans le formulaire juste avant le champ de sélection de liste (qu’il s’agisse d’un ensemble de cases à cocher ou d’un sélecteur déroulant).
• confirmation_url – est une URL alternative où l’abonné est redirigé à la place pour lui montrer le message de confirmation standard requis. Si un seul opt-in est utilisé, cette URL devient la page d’accueil. L’URL de confirmation peut contenir des paramètres de suivi, comme celui de Google Analytics, pour suivre différents formulaires.
• referrer – est une valeur textuelle stockée en tant que référent pour l’abonnement. Par exemple, le widget utilise “widget” comme référent, l’extension Facebook utilise “facebook” et ainsi de suite. Les statistiques par référent sont disponibles dans le panneau de gestion des abonnés. Ce référent n’est pas le référent HTTP, qui est également stocké.
• layout – la seule valeur acceptée est «table», ce qui oblige Newsletter à générer l’ancien formulaire de table (depuis la version 4.7, la valeur par défaut est un formulaire sans tableau et réactif). Il sera supprimé dans un proche avenir.
• optin – remplace le mode opt-in défini sur la page de configuration de l’abonnement SI le remplacement est activé. Les valeurs peuvent être singleet double.
• button_color : couleur du bouton d’ envoi , par exemple, # ff0000

Si vous avez besoin de formulaires complexes, vous pouvez utiliser d’autres codes courts plus flexibles décrits plus loin dans cette page.

Un exemple où les listes sont affichées sous forme de liste déroulante avec des étiquettes définies est:

[newsletter_form lists_field_layout = "dropdown" lists_field_empty_label = "Sélectionnez ..." lists_field_label = "Nos sujets"]

La forme minimale

Il existe une version minimaliste du formulaire d’abonnement, composée uniquement d’un champ e-mail et d’un bouton d’envoi, tous deux sur une seule ligne. Vous pouvez déclencher ce formulaire en utilisant: [newsletter_form type="minimal"].

Ce formulaire peut être utilisé à la fin d’un article, par exemple, où vous pouvez inviter votre lecteur à ne manquer aucune nouvelle en vous abonnant à votre newsletter.

Avancé: créez le forum en utilisant les shortcodes de champ

Le plugin Newsletter propose un ensemble de codes courts qui peuvent être utilisés pour créer un formulaire organisant l’ordre des champs sans avoir besoin de traiter avec HTML. Le code de fonction principal est toujours celui [newsletter_form]qui à son tour détecte s’il existe d’autres codes de fonction dans son corps à rendre au lieu de générer le formulaire standard.

Par exemple, pour créer le formulaire le plus simple possible, vous pouvez utiliser:

[newsletter_form]
[newsletter_field name = "email"]
[/ newsletter_form]

Les étiquettes des boutons et des champs sont extraites de la configuration du formulaire, mais vous pouvez spécifier des valeurs alternatives:

[newsletter_form button_label = "Allez-y!"]
[newsletter_field name = "email" label = "Votre meilleur e-mail"]
[/ newsletter_form]

Le champ e-mail a un attribut spécial, “button_label”: s’il est défini, un bouton de soumission est affiché côte à côte avec le champ de saisie pour créer un formulaire sur une seule ligne. Vous devez désactiver le bouton d’envoi du formulaire général en définissant le “button_label” sur une chaîne vide sur le [newsletter_subscription]code court.

Maintenant, nous voulons collecter même le nom de l’abonné:

[newsletter_form button_label = "Allez-y!"]
[newsletter_field name = "email" label = "Votre meilleur e-mail"]
[newsletter_field name = "first_name" label = "Votre nom"]
[/ newsletter_form]

et bien sûr, nous pouvons décider de basculer le champ deux pour demander d’abord le nom, puis l’e-mail. Qu’en est-il d’une préférence spécifique entre celles configurées dans la configuration du formulaire?

[newsletter_form button_label = "Allez-y!"]
[newsletter_field name = "email" label = "Votre meilleur e-mail"]
[newsletter_field name = "first_name" label = "Votre nom"]
[newsletter_field name = "list" number = "2" label = "News marketing"]
[/ newsletter_form]

L’étiquette de la liste est facultative, si elle n’est pas spécifiée, la configuration du formulaire principal est utilisée. Vous pouvez même masquer une liste, afin que l’utilisateur l’ajoute automatiquement à son profil (utile pour créer différents formulaires pour différents types d’abonnement, comme des listes).

[newsletter_form button_label = "Allez-y!"]
[newsletter_field name = "email" label = "Votre meilleur e-mail"]
[newsletter_field name = "first_name" label = "Votre nom"]
[newsletter_field name = "list" number = "2" hidden = "true"]
[/ newsletter_form]

Une préférence visible peut être pré-vérifiée, éventuellement:

[newsletter_form button_label = "Allez-y!"]
[newsletter_field name = "email" label = "Votre meilleur e-mail"]
[newsletter_field name = "first_name" label = "Votre nom"]
[newsletter_field name = "préférence" number = "2" label = "Actualité marketing" vérifié = "vrai"]
[/ newsletter_form]

Les codes courts de champ prennent en charge même les champs de profil supplémentaires.

[newsletter_form button_label = "Allez-y!"]
[newsletter_field name = "email" label = "Votre meilleur e-mail"]
[newsletter_field name = "first_name" label = "Votre nom"]
[newsletter_field name = "profile" number = "1" label = "City"]
[/ newsletter_form]

Bien sûr, l’étiquette est facultative et le type de champ dépend de sa configuration sur le panneau de configuration du formulaire principal. Vous pouvez avoir des champs de texte et des champs de sélection simples.

Si vous devez lier un formulaire avec une ou plusieurs listes, vous pouvez les ajouter avec un attribut spécial lists(rappelez-vous que ces listes doivent être définies comme «publiques»):

[newsletter_form button_label = "Allez-y!" lists = "1,2"]
[newsletter_field name = "email" label = "Votre meilleur e-mail"]
[/ newsletter_form]

qui accepte une liste de numéros de liste séparés par des virgules.

Noms de champs communs

Les noms de champ pris en charge sont:

• email
• nom ou prénom
• nom ou prénom
• le sexe
• la liste (avec l’attribut number) affiche une seule case à cocher
• listes: affiche toutes les listes définies pour être affichées dans le formulaire d’abonnement
• profil (avec l’attribut number)
• confidentialité (avec attribut d’URL facultatif pour fournir une URL de confidentialité différente)

Le bouton d’envoi est ajouté automatiquement.

Styliser le formulaire

Pour styliser le formulaire, vous pouvez utiliser le champ CSS supplémentaire disponible dans le panneau de configuration de l’abonnement. Vous pouvez en lire plus sur cette page . Si vous devez ajouter une classe supplémentaire au formulaire, vous pouvez utiliser l’attribut class.

[newsletter_form class = "my_css_class"]

Attributs de formulaire spéciaux

L’ attribut confirmation_url permet de spécifier une URL de confirmation personnalisée vers laquelle rediriger l’abonné pour afficher le message de confirmation standard. Si vous utilisez le mode opt-in unique, cette URL est également utilisée comme page d’accueil, car il n’y a pas d’étape de confirmation.

L’ attribut référent peut être utilisé pour spécifier un référent personnalisé pour identifier le formulaire d’abonnement (par exemple, Newsletter utilise «widget» pour le formulaire d’abonnement généré par un widget ou «facebook» pour l’abonnement provenant de l’extension Facebook).

Utilisations spéciales (anciennes)

[newsletter_form]peut même être utilisé pour rappeler des formulaires HTML enregistrés avec la syntaxe [newsletter_form form="x"], où «x» est un nombre de 1 à 10. Une version correspondante de ce code court où seul PHP est disponible est la fonction «newsletter_form ()» qui devrait être utilisée dans par ici:

if (function_exists ('newsletter_form')) newsletter_form ();

La fonction accepte même un paramètre, de 1 à 10, comme le code court pour rappeler un formulaire personnalisé stocké.