Que vous soyez en train d'éditer un processus d'abonnement ou de mise à jour de contact, vous aurez des pages d'informations à définir tout au long du processus pour confirmer qu'une action a été effectuée avec succès, pour afficher un message de remerciement ou pour afficher toute autre information dont vous souhaitez faire part au visiteur.

Distinction importante entre les formulaires hébergés sur Dialog Insight et ceux intégrés au site du client

Il faut savoir que seules les pages d'informations associées à un formulaire hébergé chez Dialog Insight peuvent être modifiées dans l'application Dialog Insight. Lorsque le formulaire est intégré au site du client, le texte de la page de remerciement, ou de toute autre page d'information, figure dans le code généré. Il faut donc modifier le texte à même le code.

 Pré-requis Il faut que le processus d'abonnement ou de mise à jour ait été créé.
Chemin d'accès > Processus > Abonnement et mise à jour

 Comment faire

Lorsque le formulaire est hébergé sur Dialog Insight

La page d'informations par défaut vient avec des sections prédéfinies pour l'en-tête, le contenu et le pied de page. Les éléments de contenu disponibles peuvent être insérés dans n'importe où dans la page, à l'exception du formulaire, qui ne peut être utilisé que dans un formulaire et non dans une page d'informations.

  1. Pour ajouter une nouvelle zone de contenu, sélectionnez-la dans la section des zones disponibles et faites-la glisser jusque dans la section désirée.
  2. Pour éditer une zone de contenu, cliquez sur l'icône d'édition de cette zone de contenu.
  3. Pour supprimer une zone de contenu, il faut simplement cliquer sur l'icône d'édition  qui y est associée.
Description des zones de contenu
Nom Description et utilisation
Texte libre

Élément qui permet d'ajouter du texte.
On peut ajouter une zone de texte dans n'importe quelle section du formulaire ou d'une page.


Propriétés applicables au texte
  
Section Description
Contenu Section pour taper ou coller du texte. Au besoin, cliquez sur l'icône d'édition  pour ouvrir l'éditeur de texte et disposez de toutes les options de format de texte.

Sachez qu'il est possible d'insérer une image à même le contenu du texte via l'option d'insertion d'image hébergée ou Web.

Si vous avez choisi une zone comportant plusieurs colonnes, il sera indiqué s'il s'agit du contenu de gauche, du centre ou de droite. De plus, la hauteur des colonnes s'ajustera selon le contenu le plus long.
Les styles appliqués à l'aide du l'éditeur ont préséance sur ceux définis via la section Styles ci-après.
Styles Section qui permet de définir les styles applicables à l'ensemble des textes insérés dans la zone de contenu.
Configurations Section qui renferme les paramètres d'espacement autour du texte.
Image

Élément qui permet d'ajouter une image dans le formulaire ou dans une page. On peut s'en servir notamment dans l'en-tête pour insérer le logo de l'entreprise ou une image représentative du concoursdu formulairede l'abonnement.
En plus de pouvoir ajouter une image, on peut en définir la largeur, le texte alternatif à afficher advenant que les images ne peuvent s'afficher, et au besoin un lien de redirection, soit la page qu'on veut ouvrir en cliquant sur l'image.

Pour choisir une nouvelle image
  • Pour ajouter une image, choisissez une image parmi celles figurant sous la section Images et faites la glisser jusque dans le bloc de votre choix, dans le message (ou formulaire).
  •  Pour remplacer une image, double-cliquez dans le bloc contenant l'image ou placez le curseur dans le coin supérieur droit de la zone et cliquez sur l'icône d'édition . Cliquez ensuite sur l'icône  figurant à côté du nom de l'image pour ouvrir le sélecteur d'image. Sélectionnez la nouvelle image et cliquez sur Sélectionner.
  • Vous pouvez également choisir une nouvelle image, qui n'est pas encore hébergée, en cliquant sur Téléverser une image.
    1. Dans le sélecteur d'images, cliquez sur Téléverser dans la bibliothèque ou Téléverser de votre ordinateur pour ouvrir votre explorateur de fichiers.
    2. Naviguez jusqu'à l'emplacement de l'image en question et sélectionnez-la.
      ** Les images au format PNG, GIF et JPG sont à privilégier.
    3. Sélectionnez l'image et cliquez sur Ajouter.
    4. Assurez-vous que les dimensions de l'image soient adéquates. Au besoin, vous pourrez modifier votre image avant de l'insérer dans le message (ou le formulaire) en cliquant sur l'icône d'édition . S'ouvrira alors un éditeur d'image vous permettant de redimensionner ou recadrer votre image, ou de lui apporter toute autre modification nécessaire.
    5. Si vous avez apporté des changements, n'oubliez pas de les enregistrer.
    6. Si vous avez beaucoup d'images et avez créé des catégories pour les regrouper, sélectionnez dans la liste Catégorie celle dans laquelle vous voulez placer votre nouvelle image, le cas échéant.
    7. De retour dans l'éditeur de message, sélectionnez votre image et faites la glisser à l'endroit désiré dans le message.
Propriétés applicables à l'image
  
Section Description
Image (URL) Tapez l'URL de l'image ou encore sélectionnez-en une dans le sélecteur de fichiers en cliquant sur l'icône d'édition .
Pour effectuer des retouches à l'image, soit pour en modifier la taille, la couleur, l'orientation, ou autre, cliquez sur l'icône d'édition  pour ouvrir l'éditeur d'image.
Largeur Largeur maximale de l'image, en pixels.
* Pour assurer un affichage adéquat de l'image dans le formulaire, il est fortement conseillé que l'image choisie ait les mêmes dimensions (largeur et hauteur) que celles que vous souhaitez avoir dans le formulaire. De plus, le fait d'avoir la bonne dimension d'image réduira le temps de chargement du formulaire.
**Comme tout le contenu du formulaire est adaptatif, la dimension de l'image sera ajustée au format de l'écran sur lequel il s'affiche.
Texte alternatif Texte utilisé en remplacement d'une image. Ce texte est affiché lorsque l'image ne peut s'afficher ou encore pour des besoins d'accessibilité pour les personnes touchées par une invalidité ou incapacité.
Lien Adresse complète de la page que vous souhaitez afficher lorsque l'on clique sur l'image.
Configurations Options supplémentaires pour définir l'alignement et l'espace autour de l'image.
Séparateur

Élément qui ajoute une ligne horizontale, qui sert surtout à séparer des sections.

Propriétés du séparateur
  
Section Description
Styles Section qui permet de définir les styles applicables à la ligne.
Configurations Section qui renferme la largeur et les paramètres d'espacement de la ligne.
Bouton

Élément qui ajoute un bouton d'action, qui dirige le visiteur vers une action ou page définie.

Propriétés du bouton
  
Section Description
Contenu Section qui permet de définir le texte à figurer sur le bouton et le lien de l'adresse de redirection.
Styles Section qui permet de définir les styles applicables au texte et à la boîte du bouton.
Configurations Section qui renferme les paramètres d'espacement autour du bouton et sa largeur.
Formulaire

Élément qui affiche les champs de saisie qui permettent de capturer des informations sur les personnes désirant s'inscrireéditer leur profils'abonner. Certains champs sont déjà inclus dans le modèle du formulaire, notamment ceux qui composent la clé unique du projet. Ces champs ne peuvent être modifiées car ils servent à identifier les personnes en tant que contact dans l'application Dialog Insight. Si le projet comporte des champs d'abonnement, ces champs seront également automatiquement ajoutés.
Deux types de éléments de formulaire sont offerts - le formulaire de participation et le formulaire pour inviter des amis. Chaque élément de contenu de formulaire peut uniquement être inséré dans le formulaire correspondant. On ne peut donc pas inséré un élément de contenu Formulaire viral dans le formulaire d'inscription.
** Il ne peut y avoir qu'un seul élément de saisie par formulaire.
 Comment faire
  • Pour éditer les styles applicables aux champs, aux descriptions des champs, aux sections ou au bouton d'action, cliquez sur l'icône d'édition  dans le coin supérieur droit de l'élément de contenu.
  • Pour modifier ou ajouter des champs afin de capturer des informations différentes ou supplémentaires, vous devez aller à la page Configuration du formulaire.

Suivi sur médias sociaux

Élément qui permet d'ajouter des liens vers vos pages de médias sociaux (icônes et liens respectifs).
Les images représentatives des diverses applications sont déjà fournies et ne peuvent pas être modifiées. Vous pouvez toutefois choisir celles à afficher, ainsi que le texte et le lien.

Propriétés applicables aux médias sociaux
  
Section Description
Contenu Section qui permet de choisir les applications à afficher, et de définir pour chacune le texte du lien et l'adresse de redirection.
Styles Section qui permet de définir les styles applicables à l'ensemble des textes et des liens.
Configurations Section qui renferme les paramètres d'espacement, d'alignement, et de positionnement entre autres des icônes d'applications.
Partage des médias sociaux

Élément qui permet de publier l'invitation au concours sur vos médias sociaux.
Une fois l'élément inséré, vous pouvez choisir le ou les médias à afficher, ainsi que les styles et autres configurations applicables.
Il faut ensuite définir les informations à afficher sur la page sur laquelle le concours sera partagé, dans la section Page Web et médias sociaux.

Propriétés disponibles
  
Section Description
Contenu Section qui permet de sélectionner les médias sociaux sur lesquels le partage sera offert ainsi que le texte pour chacun.
Styles Section qui permet de définir les styles applicables à l'image, au texte et aux liens.
Configurations Section qui renferme les paramètres qui définissent la disposition des icônes et textes associés ainsi que l'espacement.
Page Web et médias sociaux Cette section permet de définir les informations à afficher sur la page des médias sociaux lorsque le concours y est partagé. On doit y définir le titre à afficher dans le barre de titre du navigateur et une description expliquant le partage. Si on veut, on peut ajouter une image, le site Web associé et le nom de l'utilisateur Twitter au besoin.
  1. Une fois la page terminée, vous pouvez en voir un aperçu en cliquant sur la loupe  qui figure dans le coin supérieur droit du volet central.
Lorsque le formulaire est intégré au site du client

Lorsque le formulaire est intégré au site du client, les pages d'information qui y sont reliées, comme la page indiquant que l'accès est invalide ou que l'abonnement, la mise à jour ou toute autre transaction a réussi, ne peuvent pas être modifiées dans l'éditeur de messages de Dialog Insight. Le texte doit être modifié à même le code généré lors de l'implémentation.

Le texte des pages d'informations figure dans le code généré :