Créer et intégrer un formulaire d'abonnement

Pushwoosh vous offre la flexibilité de créer des formulaires d’abonnement pour différents scénarios d’inscription, de personnaliser les champs que vous collectez et d’afficher le formulaire sous forme de widget modal ou en ligne sur votre site web.

Comment créer un formulaire

Pour créer un nouveau formulaire d’abonnement :

1. Allez dans Audience → Subscription forms.
2. Cliquez sur Create form.

3. Configurez le formulaire. Un aperçu en direct apparaît à droite et se met à jour au fur et à mesure que vous modifiez les paramètres.

Configurer les paramètres généraux

Configurez les champs suivants.

Tous les champs de cette section sont obligatoires.

• Internal form name : utilisé uniquement dans Pushwoosh, non visible par les abonnés. Exemple : « Inscription à la newsletter ».
• Display type : choisissez comment le formulaire apparaît sur votre site :
  • Modal popup : une fenêtre superposée qui apparaît par-dessus la page lorsque le Déclencheur que vous avez défini se déclenche, par exemple Immédiatement ou après quelques secondes (voir Définir le moment d’affichage de la fenêtre modale). Idéal pour les inscriptions à la newsletter ou les offres promotionnelles que vous souhaitez que les visiteurs remarquent.
  • Embedded inline : le formulaire est intégré dans le contenu de votre page (par exemple, dans une barre latérale ou en bas d’un article). Les visiteurs le voient comme faisant partie de la mise en page, et non comme une fenêtre contextuelle distincte.
• Privacy policy URL : le formulaire affiche une case à cocher de consentement (« J’accepte la politique de confidentialité ») qui renvoie à cette URL. Exemple : https://example.com/policy.

Définir le moment d’affichage de la fenêtre modale

Pour Modal popup uniquement :

1. Définissez quand la fenêtre contextuelle apparaît sur la page. Dans le menu déroulant Trigger, sélectionnez :

• Immediately (par défaut)
• After 3 seconds
• After 5 seconds
• After 10 seconds

2. Dans le menu déroulant Frequency, sélectionnez la fréquence à laquelle chaque visiteur voit la fenêtre contextuelle :

• Once per visitor (par défaut) : une fois par appareil
• Once per session : une fois par session de navigateur
• Always : à chaque fois qu’ils visitent la page

Configurer les champs du formulaire

Chaque formulaire inclut un champ Email par défaut (il ne peut pas être supprimé). Vous pouvez ajouter jusqu’à quatre champs supplémentaires, pour un total de cinq.

Cliquez sur + First name, + Last name, + Phone number, ou + Custom field pour les ajouter.

Note

Les valeurs de ces champs intégrés sont enregistrées dans des tags standards : first_name, last_name, et phone. Les champs personnalisés enregistrent leurs valeurs dans les tags que vous sélectionnez dans le paramètre Linked tag.

Pour chaque champ, cochez Required si le visiteur doit le remplir (les champs obligatoires affichent un astérisque *). Utilisez l’icône de la corbeille pour supprimer un champ.

Créer un champ personnalisé

1. Cliquez sur + Custom field dans la liste des champs.
2. Sous Linked tag, choisissez le tag Pushwoosh qui stockera la valeur soumise depuis ce champ (par exemple birthday). Vous devez créer le tag à l’avance.
3. Définissez le Field label : le texte que les visiteurs voient à côté du champ de saisie (par exemple Date de naissance).
4. Définissez éventuellement un Placeholder (optional) : un texte indicatif à l’intérieur du champ vide (par exemple JJ/MM/AAAA).
5. Activez ou désactivez l’option Required.

Prévisualiser et enregistrer le formulaire

Un aperçu en direct apparaît sur le côté droit de l’interface de création de formulaire d’abonnement et se met à jour au fur et à mesure que vous modifiez les paramètres. Utilisez Reset preview sous l’aperçu pour restaurer l’état par défaut de l’aperçu.

Note

Les soumissions de test depuis l’Aperçu ne créent pas d’abonnés dans votre projet.

Lorsque vous avez terminé de configurer le formulaire, cliquez sur Create dans le coin supérieur droit.

Copier le code d’intégration et l’ajouter à votre site

Assistance d'un développeur requise

Vous aurez besoin de l’aide de votre équipe de développement pour ajouter le code d’intégration à votre site web.

Une boîte de dialogue s’ouvre avec le code d’intégration de votre formulaire. Cliquez sur Copy code pour copier l’extrait dans le presse-papiers.

Où coller le code d’intégration sur votre site web

Ajoutez le script au code HTML de la page où il doit s’exécuter.

• Pour Modal popup, placer le script avant la balise de fermeture </body> est l’approche habituelle.

• Pour Embedded inline, placez l’extrait à l’endroit exact de votre balisage où vous souhaitez que le bloc de formulaire apparaisse.

Personnaliser le widget avec CSS

Vous pouvez remplacer le style par défaut (couleurs, typographie, espacement et la fenêtre modale) sur votre site en définissant des propriétés personnalisées CSS sur l’élément pushwoosh-subscribe-widget. En savoir plus.

À quoi ressemblent les différents types d’affichage sur votre site web

Ces exemples montrent comment chaque type de formulaire peut apparaître sur une page en direct. Les libellés des champs et les indicateurs de champ obligatoire correspondent à ce que vous configurez dans le constructeur de formulaires.

Fenêtre modale

Intégré en ligne

Prochaines étapes

• Activer le double opt-in pour exiger une confirmation par e-mail avant que les abonnés ne soient ajoutés
• Personnaliser le widget du formulaire d’abonnement pour l’adapter à votre site web
• Consulter les performances du formulaire et exporter les abonnés pour suivre les résultats et télécharger les données des abonnés