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 → Formulaires d’abonnement.
2. Cliquez sur Créer un formulaire.

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.

• Nom interne du formulaire : utilisé uniquement dans Pushwoosh, non visible par les abonnés. Exemple : « Inscription à la newsletter ».
• Type d’affichage : choisissez comment le formulaire apparaît sur votre site :
  • Fenêtre modale (popup) : une superposition qui apparaît par-dessus la page lorsque le Déclencheur que vous avez défini s’active, 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.
  • Intégré en ligne : le formulaire est placé dans le contenu de votre page (par exemple, dans une barre latérale ou au bas d’un article). Les visiteurs le voient comme faisant partie de la mise en page, et non comme une fenêtre contextuelle distincte.
• URL de la politique de confidentialité : 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 la Fenêtre modale (popup) uniquement :

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

• Immédiatement (par défaut)
• Après 3 secondes
• Après 5 secondes
• Après 10 secondes

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

• Une fois par visiteur (par défaut) : une fois par appareil
• Une fois par session : une fois par session de navigateur
• Toujours : à chaque fois qu’ils visitent la page

Configurer les champs du formulaire

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

Cliquez sur + Prénom, + Nom de famille, + Numéro de téléphone ou + Champ personnalisé 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 Tag lié.

Pour chaque champ, cochez Obligatoire 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 + Champ personnalisé dans la liste des champs.
2. Sous Tag lié, 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 l’Étiquette du champ : le texte que les visiteurs voient à côté du champ de saisie (par exemple Date de naissance).
4. Définissez éventuellement un Texte indicatif (facultatif) : texte d’aide à l’intérieur du champ vide (par exemple JJ/MM/AAAA).
5. Activez ou désactivez l’option Obligatoire.

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 Réinitialiser l’aperçu 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 Créer dans le coin supérieur droit.

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

Une boîte de dialogue s’ouvre avec le code d’intégration de votre formulaire. Cliquez sur Copier le 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 une Fenêtre modale (popup), l’approche habituelle consiste à placer le script avant la balise de fermeture </body>.

• Pour une Intégration en ligne, 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 étiquettes de champ et les marqueurs obligatoires correspondent à ce que vous configurez dans le générateur de formulaires.

Fenêtre modale (popup)

Intégré en ligne

Prochaines étapes

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