La création du formulaire d'abonnement vous permet de personnaliser celui qui est offert par défaut. Vous pouvez le personnaliser en modifiant un champ existant ou en ajoutant ou supprimant des champs. Il faut savoir que les champs composant la clé unique ne sont pas supprimables puisqu'ils sont nécessaires à l'identification du contact dans l'application.

 Pré-requis Avoir déjà créé un formulaire et utiliser le formulaire par défaut.
Chemin d'accès > Processus > Abonnement et mise à jour

 Comment faire

Ouvrir le formulaire d'abonnement
  1. Cliquez sur l'image du formulaire .

Configurer le formulaire

La configuration du formulaire consiste à définir les informations que vous souhaitez recueillir sur les personnes qui s'abonnent à vos communications, comment ses champs s'afficheront et comment les données recueillies dans le formulaire seront intégrées dans la base de données de Dialog Insight si la personne existe déjà dans l'application.

Pour procéder à la configuration, il faut aller à la page Configuration du formulaire.

Préciser la méthode de mise à jour des contacts

Comme les informations fournies lors de l'abonnement peuvent différencier de celles déjà contenues dans Dialog Insight lorsque LE CONTACT EXISTE DÉJÀ DANS L'APPLICATION, il est important de préciser comment vous souhaitez que soient traitées ces informations.

Pour préciser si le profil du contact existant doit être mis à jour avec les informations d'abonnement :

  1. Sous l'onglet Mise à jour du profil, choisissez le mode de mise à jour des données sur le contact.
Description des options
      
Option de mise à jour Description
Compléter le profil Seules les nouvelles données fournies lors de l'abonnement seront ajoutées au profil. Ainsi, si un numéro de téléphone existe déjà dans le profil du contact et qu'un numéro de téléphone est fourni lors dans le formulaire, celui-ci ne sera pas enregistré dans le profil et ne remplacera pas celui déjà fourni.
Mettre à jour le profil Toutes les données fournies lors de l'abonnement seront inscrites dans le profil. Par conséquent, si un numéro de téléphone est fourni dans le formulaire, il remplacera celui figurant dans le profil s'il y en avait un, ou sera ajouté s'il n'y en avait pas.
Ignorer les modifications Les données fournies lors de l'abonnement ne seront pas inscrites dans le profil du contact existant, mais les nouveaux contacts eux sont ajoutés.
Préciser la disposition des champs
  1. Sous l'onglet Options du formulaire, définissez où doivent s'afficher les étiquettes de champ par rapport à la zone de saisie, soit à gauche, au-dessus ou à l'intérieur de la zone de saisie du champ.
Activer le processus d'authentification

Si vous voulez vous assurer que la personne qui remplit le formulaire est bel et bien une véritable personne, et non un robot, il est préférable d'activer l'option reCAPTCHA pour qu'une question de validation soit ajoutée dans le formulaire.

Si le formulaire s'affiche sous un domaine autre que ofsys.com, vous devrez au préalable enregistrer le domaine utilisé sur reCAPTCHA pour pouvoir connaître vos clés publique et privée.

Pour enregistrer votre site ou domaine sur reCAPTCHA, allez sur https://www.google.com/recaptcha/admin#list et suivez les directives présentées à l'écran. Une fois l'enregistrement effectué, reCAPTCHA vous donnera une clé publique et une clé privée, que vous devrez préciser dans Dialog Insight.

Pour activer l'option d'authentification

  1. Sous l'onglet Options du formulaire, cochez l'option Utiliser Google Recaptcha.
  2. Cliquez sur le lien Gérer mes clés.
  3. Choisir votre domaine, s'il a déjà été configuré. Autrement, cliquez sur Ajouter une clé pour y ajouter le nom de domaine du site ou de la page affichant le formulaire d'inscription et précisez la clé publique et la clé privée assignées par reCAPTCHA lors de l'enregistrement.
Définir les données à recueillir lors de l'abonnement

Le choix des données à capturer se fait en sélectionnant parmi les champs du projet. Vous pouvez ajouter, modifier ou encore supprimer des champs dans la section Champs du formulaire. Notez qu'il n'est pas possible de supprimer les champs composant la clé unique car ces données permettent d'identifier les contacts dans l'application.

Pour ajouter un nouveau champ
  1. Cliquez sur le lien Ajouter un champ.
  2. Dans la fenêtre d'ajout d'un champ, choisissez la section dans laquelle vous voulez ajouter le champ et sélectionnez ensuite le champ. Peuvent figurer dans le formulaire n'importe quel champ du projet et quelques champs spécifiques aux activités. Les champs qui figurent déjà dans le formulaire ne sont pas présentés dans la liste, de sorte à ne pas les ajouter deux fois.
    • Si vous voulez ajouter un champ dans une section qui n'existe pas, vous devrez ajouter cette nouvelle section au préalable, en cliquant sur Ajouter une section.
      • Dans la fenêtre d'ajout d'une section, précisez l'étiquette et une description de la section. Si vous avez plus d'une langue d'inscription, vous devrez entrer une étiquette et une description pour chaque langue.
      • Cliquez sur Ajouter.
    • Précisions sur les sections
      S'il n'y a qu'une seule section, son nom ne s'affichera pas dans le formulaire. Par contre, s'il y a plus d'une section, elles s'afficheront toutes dans la formulaire, chacune présentant les champs associés.

  3. Vient ensuite la configuration du champ, dont certaines données sont requises (champs avec ).
Pour modifier un champ déjà dans le formulaire

La modification d'un champ est semblable à la procédure de création, sauf que les valeurs du champ ne sont pas toutes modifiables.

  1. Dans la liste des champs du formulaire, cliquez sur l'icône d'édition  associée au champ que vous souhaitez modifier.
  2. Dans la fenêtre de modification du champ, éditez les données désirées.
    Notez que les champs Champ et Requis ne peuvent pas être modifié une fois le champ créé.
  3. N'oubliez pas d'enregistrer vos changements.
  4. Si vous avez modifié un champ dans un formulaire qui est déjà en ligne, vous devrez mettre à jour le processus d'abonnement pour que les changements soient appliqués.
Description des données relatives à un champ
      
Champ Description
Section Nom de la section dans laquelle figure le champ.
Champ Nom du champ sélectionné. Il peut s'agir d'un champ du projet ou encore d'un champ spécifique au formulaire.
Étiquette Nom du champ tel qu'il doit figurer dans le formulaire. Si plusieurs langues sont offertes, il faudra préciser une étiquette pour chaque langue.
**Attention - Si une étiquette n'est pas fournie pour une langue donnée, c'est l'étiquette dans la langue par défaut qui sera utilisée.
Description
Description facultative du champ, pour permettre aux utilisateurs de mieux comprendre l'utilité du champ.
Source Source de la valeur à saisir dans le champ.
  • Champ du formulaire - La valeur sera saisie par le participant, en remplissant le formulaire d'inscription.
  • Valeur fixe - Utilisé pour attribuer la même valeur à tous. Cette valeur ne sera donc pas affichée dans le formulaire d'inscription, mais la valeur sera toutefois inscrite dans le profil du contact.
    Si vous optez pour cette option, vous devez préciser cette valeur dans la champ Valeur fixe.
Type Disponible uniquement lorsque la valeur du champ provient du formulaire.
Champ permettant de définir le type de valeur qu'il est possible de saisir dans le champ. Toute donnée entrée dans un champ ne correspondant pas au type spécifié pour le champ peut occasionner une erreur. Les types de champs possibles sont :
  • Champ texte - Champ présentant une zone de texte libre pour saisir la valeur.
  • Menu déroulant - Champ présentant un choix de réponses présentées sous forme de liste déroulante et dont les valeurs et les étiquettes sont définies dans la section Choix.
  • Bouton radio - Champ présentant un choix de réponses présentées sous forme de boutons radio et dont les valeurs et les étiquettes sont définies dans la section Choix.
Options Disponible uniquement lorsque la valeur du champ provient du formulaire.
  • Requis - Case à cocher indiquant si le champ est requis ou non lors de l'inscription. Lorsqu'un champ est requis, il présente une icône à cet effet, soit .
    Un champ requis ajoute une règle qui interdit l'ajout d'un contact dans la base de données sans donnée valide pour ce champ. Par contre, si une valeur par défaut a été définie pour le champ requis, le contact pourra quand même être ajouté. Par conséquent, si un champ requis n'a pas de valeur par défaut, il sera impossible d'ajouter le contact.
  • Multi-ligne - Champ dont la valeur est présentée sous forme de zone de texte sur plusieurs lignes. Le nombre de caractères pouvant être saisi dépend de la longueur maximale définie, le cas échéant.
Longueur maximum Disponible uniquement lorsque la valeur du champ provient du formulaire.
Longueur du champ en terme de nombre de caractères, lorsqu'il s'agit d'un champ texte.
Valeur par défaut Disponible uniquement lorsque la valeur du champ provient du formulaire.
Valeur par défaut à attribuer à un champ REQUIS lorsque aucune valeur n'est fournie.
Si une valeur par défaut a été définie pour un champ requis, le contact pourra être ajouté même s'il n'a pas fourni de donnée.
Voir un aperçu du formulaire avant son implémentation

Avant de publier le formulaire, vous voudrez valider que celui-ci s'affiche tel que vous le voulez.

  1. Dans la page d'édition du processus, cliquez sur l'icône d'aperçu sur la page Aperçu.
Procéder à l'implémentation du formulaire

Comme le formulaire est intégré sur votre site et non hébergé dans Dialog Insight, vous devez indiquer où et comment il s'affichera afin que le code à copier sur votre site soit généré en conséquence.

Avertissement pour les utilisateurs de WordPress
Pour l'étape f. ci-dessous - Si votre site a été créé et est modifié avec l'application WordPress, vous devrez activer un plug-in particulier pour que le code copié dans l'éditeur WYSIWYG de WordPress fonctionne correctement et que le formulaire s'affiche tel que prévu. Pour connaître la procédure à suivre, voir Ajouter un module d'extension dans WordPress.

  1. Allez à la page Implémentation.
  2. Précisez où s'affichera le formulaire, soit une page ou encore dans une fenêtre surgissante.
  3. Indiquez où vous voulez que soit générée la feuille de style applicable au formulaire, soit à même le code source du formulaire ou encore dans un fichier séparé.
  4. Cliquez sur le bouton Générer pour créer le code du formulaire.
  5. Vous devez ensuite copier-coller l'intégralité du code du formulaire, sous l'onglet Formulaire, sur votre site. Voir la procédure à suivre si vous utilisez l'application WordPress - Ajouter un module d'extension dans WordPress.
  6. Si vous avez choisi de générer le code de la feuille de style dans un fichier séparé, vous devrez mettre à jour le fichier .css de votre site avec le code figurant sous l'onglet Feuille de style.
Personnaliser la page informant de la réussite de l'abonnement

Comme il s'agit ici d'un formulaire intégré sur le site du client, le texte de la page d'information qui s'affiche suite à l'abonnement ne peut qu'être modifié à même le code généré à l'implémentation. On ne peut donc pas rediriger la personne vers une autre page; il s'agit de la même page que le formulaire, mais avec un texte différent.

  1. Allez à la page Implémentation.
  2. Cliquez sur le bouton Générer pour créer le code du formulaire.
  3. Repérez dans le code le texte en question et modifiez-le selon vos besoins.
  4. Copiez-coller ensuite l'intégralité du code du formulaire, qui figure sous l'onglet Formulaire, sur votre site.
  5. Si vous avez choisi de générer le code de la feuille de style dans un fichier séparé, vous devrez également mettre à jour le fichier .css de votre site avec le code figurant sous l'onglet Feuille de style.