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. |
_24x24.png) Chemin d'accès |  > Processus > Abonnement et mise à jour |
Comment faire
- Cliquez sur l'image du 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.
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 :
- Sous l'onglet Mise à jour du profil, choisissez le mode de mise à jour des données sur le contact.
| 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. |
- 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.
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
- Sous l'onglet Options du formulaire, cochez l'option Utiliser Google Recaptcha.
- Cliquez sur le lien Gérer mes clés.
- 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.
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.
- Cliquez sur le lien Ajouter un champ.
- 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.
- 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.
- Vient ensuite la configuration du champ, dont certaines données sont requises (champs avec
).
La modification d'un champ est semblable à la procédure de création, sauf que les valeurs du champ ne sont pas toutes modifiables.
- Dans la liste des champs du formulaire, cliquez sur l'icône d'édition
associée au champ que vous souhaitez modifier. - 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éé. - N'oubliez pas d'enregistrer vos changements.
- 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.
| 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.
|
| 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 :
|
| Options | Disponible uniquement lorsque la valeur du champ provient du formulaire.
|
| 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. |
Avant de publier le formulaire, vous voudrez valider que celui-ci s'affiche tel que vous le voulez.
- Dans la page d'édition du processus, cliquez sur l'icône d'aperçu
sur la page Aperçu.
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.
- Allez à la page Implémentation.
- Précisez où s'affichera le formulaire, soit une page ou encore dans une fenêtre surgissante.
- 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é.
- Cliquez sur le bouton Générer pour créer le code du formulaire.
- 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.
- 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.
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.
- Allez à la page Implémentation.
- Cliquez sur le bouton Générer pour créer le code du formulaire.
- Repérez dans le code le texte en question et modifiez-le selon vos besoins.
- Copiez-coller ensuite l'intégralité du code du formulaire, qui figure sous l'onglet Formulaire, sur votre site.
- 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.
