• Création du formulaire : effectuez un glisser-déposer des champs pour créer un formulaire et le formater facilement avec l'éditeur WYSIWYG. 
  
• Spécification des détails du formulaire : ajoutez des détails tels que le nom du formulaire, l'URL de la page de destination (où le visiteur doit être redirigé une fois le formulaire soumis), la règle d'attribution des enregistrements, les détails de notification, etc. 
  
• Génération du code pour le formulaire : intégrez le formulaire à l'aide de différents formats de code. Les codes pour certains sites tiers (WordPress, sites Google, Facebook et Joomla) sont facilement disponibles. 
  

Vous pouvez créer des formulaires Web afin de générer des enregistrements pour les modules Leads, Contacts, Dossiers et tous les autres modules personnalisés. Lors de la création d'un formulaire Web, les éléments suivants y sont disponibles : 

Générer des formulaires Web

Pour générer des formulaires Web pour les leads, les contacts, et les dossiers,

Remarque : les formulaires Web sont réactifs, c'est-à-dire qu'ils peuvent ajuster l'affichage en fonction de la taille de l'écran.

1. Accédez à  Configuration > Developer Space > Formulaires Web. 
   
2. Sur la page Formulaires Web , sélectionnez le module approprié dans la liste déroulante. 
   
   Les formulaires Web existants pour le module sélectionné sont répertoriés.
   
3. Cliquez sur Nouveau projet.
     
   
4. Dans la fenêtre contextuelle Nouveau formulaire, procédez comme suit : 
   
   1. Saisissez le Nom du formulaire. 
      
   2. Sélectionnez le Module pour lequel vous créez le formulaire Web dans la liste déroulante.
        
      
5. Dans l'outil de création de formulaires Web, procédez comme suit : 
   
   •  Créer un formulaire
     
     •  Faites glisser et déposez les champs dont vous avez besoin dans le formulaire Web.
       
     •  Insérez le test captcha.
       
     •  Ajoutez l'option de téléchargement des fichiers.
       
     •  Marquez des champs comme étant obligatoires.
       
     •  Masquez des champs dans le formulaire.
       
     •  Fournissez des liens d'aide ou de conseil pour les champs.
       
     •  Définissez la police et la disposition du formulaire.
       
     •  Modifiez les noms des boutons.
       
   •  Indiquez les détails du formulaire et les autres options
     
     • Ajoutez des détails au formulaire tels que son nom, les URL des pages de destination et l'URL de l'emplacement du formulaire. 
       
     • Définissez une règle d'attribution des enregistrements. 
       
     •  Définissez les options de notification
       
   •  Copiez le code du formulaire Web et les options d'intégration.
     
     •  Incorporez le code dans votre site et d'autres sites tiers.
       
       Le code est disponible en trois formats différents : code source HTML, code d'intégration et code iFrame.
       

Étape 1 : Créer un formulaire

Effectuez un glisser-déposer des champs dans l'éditeur WYSIWYG, qui propose également diverses autres options de création de formulaire. 

Ajouter des champs

Effectuez un glisser-déposer des champs dont vous avez besoin dans le formulaire puis modifiez le style et la taille de la police, la couleur d'arrière-plan, l'alignement des champs, etc. 

Pour ajouter des champs et définir la police et la disposition du formulaire 

1. Dans la section Champs , cliquez sur un champ et faites-le glisser dans l'outil de création de formulaires. 
   
2. Modifiez la police, la couleur d'arrière-plan, l'alignement de l'étiquette de champ et la largeur du formulaire comme vous le souhaitez. 
   

Sélecteur de date

Le champ Sélecteur de date permet de définir le modèle du format de saisie des dates dans le formulaire Web. Par exemple, MM/JJ/AA ou AA/MM/JJ ou JJ/MM/AAAA.

Lorsqu'un formulaire Web contient des champs qui nécessitent la saisie de dates telles que la date de naissance, la date d'inscription, la date de commande, etc., les personnes préfèrent indiquer les dates en fonction de leurs paramètres régionaux. Au Japon, la date sera saisie au format AA/MM/JJ ; aux États-Unis, la date sera saisie au format MM/JJ/AA. 

Afin de résoudre le problème des formats de dates différents et de mettre en place une méthode de saisie standard, un sélecteur de date permet aux utilisateurs de choisir une date dans un calendrier contextuel. La date s'affiche dans le format défini par l'utilisateur CRM.  Ainsi, les utilisateurs peuvent facilement renseigner leur date préférée dans les champs Date et Date-Heure. Les dates sélectionnées apparaîtront dans un format spécifique, qui peut être configuré sous Format Date au moment de la configuration du champ. Par exemple, si un champ Date de naissance figure dans un formulaire Web de demande pour lequel vous avez défini le format MM/JJ/AAAA, toutes les dates choisies dans le sélecteur de date s'affichent selon le modèle spécifié.

Par défaut, le format de date indiqué dans les Paramètres personnels de l'utilisateur est défini comme format initial. Notez également que lorsque vous choisissez un format de date pour le champ, le même format est appliqué à tous les champs Date et Date-Heure de ce formulaire Web.

Pour ajouter un sélecteur de date :

1. Dans la section Champs, effectuez un glisser-déposer du champ Date ou Date-Heure. 
   
2. Cliquez sur l'icône Paramètres. 
   
3. Dans la fenêtre contextuelle Propriétés du champ, spécifiez ce qui suit :
   Étiquette : saisissez le nom du champ de date. L'étiquette s'affichera comme nom du champ dans le formulaire.
   Format de date : choisissez un format de date dans la liste déroulante. Les dates sélectionnées par les utilisateurs s'afficheront dans le format choisi.
   
4. Sous Options, sélectionnez l'option souhaitée :
   (i) Marquer comme champ masqué
   (ii) Marquer comme champ obligatoire
   (iii) Ajouter un conseil
5. Cliquez sur Enregistrer.

Charger des fichiers

1. Sous la section Champs avancés, glissez et déposez le champ  Chargement de fichier. 
   
   Notez que le visiteur ne peut pas charger un fichier de taille supérieure à 20 Mo. Vous pouvez utiliser l'option Lien d'aide dans les  Paramètres de champ pour fournir cette information. 
   
   
   

Insérer un Captcha standard

Ajoutez un Captcha pour empêcher tout programme d'envoi de spams automatisé non autorisé de remplir le formulaire Web. Cette option est disponible uniquement dans les éditions payantes. 

Pour insérer un Captcha standard 

1. Sous la section Champs avancés, glissez et déposez le champ Captcha standard. 
   

Insérer un reCAPTCHA

Chaque entreprise a des accords juridiques en place, tels que des conditions générales, une politique de confidentialité ou un contrat de licence d'utilisateur final (CLUF). Il est important que les gens lisent ces accords et les acceptent légalement par une action délibérée, par exemple en cochant une case dans un formulaire. 

Dans Zoho CRM, vous pouvez vous en assurer grâce à l'utilisation de l'option Politique de confidentialité. En utilisant cette option, vous pouvez ajouter une case et personnaliser le message de façon appropriée. Contrairement à d'autres champs de case, celui-ci a une validation : le formulaire ne sera soumis qu'après avoir coché cette case. 

 Pour insérer l'option Politique de confidentialité

1. Sous la section Champs avancés, glissez et déposez le champ Politique de confidentialité.
     
   
2. Dans la fenêtre contextuelle Politique de confidentialité, ajoutez le message de votre choix et formatez-le. 
   
   Vous pouvez également ajouter un lien redirigeant vers le texte (par exemple, un lien vers la page de la politique de confidentialité). 
   
   
   

Marquer des champs comme obligatoires

Récupérez des informations importantes, comme le nom, l'adresse e-mail, le numéro de téléphone portable, etc., des visiteurs qui remplissent le formulaire Web en marquant des champs comme étant obligatoires. 

 Pour marquer des champs comme obligatoires :

1. Placez le curseur de votre souris sur le champ que vous souhaitez marquer comme étant obligatoire. 
   
2. Cliquez sur l'icône Paramètres. 
   
3. Dans la fenêtre contextuelle Propriétés du champ, cochez la case Marquer ce champ comme obligatoire. 
   
4. Cliquez sur Terminé.
     
   

Marquer des champs comme masqués

Ajoutez un champ masqué et sa valeur dans le formulaire. Ces valeurs masquées sont soumises en même temps que le formulaire Web, mais elles ne sont pas visibles par les visiteurs qui remplissent le formulaire. Par exemple, si vous avez hébergé le même formulaire sur plusieurs pages Web, le champ masqué vous aidera à identifier quelle page Web a hébergé le formulaire Web ayant généré un enregistrement spécifique. 

 Pour masquer des champs dans le formulaire :

1. Placez le curseur de votre souris sur le champ que vous souhaitez masquer dans le formulaire. 
   
2. Cliquez sur l'icône Paramètres. 
   
3. Dans la fenêtre contextuelle Propriétés du champ, cochez la case Marquer ce champ comme masqué. 
   
4. Indiquez la valeur du champ et cliquez sur Terminer.
     
   

Ajouter un lien d'aide ou un conseil

Un champ que vous ajoutez dans le formulaire peut exiger que certaines données soient renseignées dans un format spécifique. Par exemple, la date peut avoir besoin d'être notée au format JJ-MM-AAAA. Vous pouvez alors utiliser l'option permettant d'ajouter une astuce ou un conseil pour aider le visiteur remplissant le formulaire. 

 Pour fournir des liens d'aide ou de conseils pour certains champs

1.  Déplacez le curseur de votre souris sur le champ pour lequel vous souhaitez fournir un conseil ou un lien d'aide.
   
2. Cliquez sur l'icône Paramètres. 
   
3. Dans la fenêtre contextuelle Propriétés du champ, cochez la case Ajouter un conseil . 
   
4. Choisissez une option parmi les suivantes : 
   
   • Icône d'aide : indiquez le message d'aide ou le conseil. Par exemple, le champ de date doit être au format MM-JJ-AAAA et fournit l'URL du lien. 
     
   • Lien : indiquez le texte du lien et fournissez l'URL du lien. 
     
5. Cliquez sur Terminé.
     
   

Modifier un nom de bouton

Par défaut, deux boutons d'appel à l'action sont affichés :  Soumettre et Réinitialiser. Vous pouvez renommer ces boutons si besoin. 

 Pour modifier les noms des boutons

1. Déplacez le curseur de votre souris sur le champ que vous souhaitez renommer dans le formulaire. 
   
2. Cliquez sur l'icône Paramètres. 
   
3. Dans la fenêtre contextuelle Propriétés du champ, modifiez le nom du champ. 
   
   Le nom du champ ne sera modifié que dans le formulaire.
   
4. Cliquez sur Terminé.
     
   

Supprimer un champ dans le formulaire

 Supprimez facilement des champs du formulaire Web et rajoutez-les lorsque nécessaire.

 Pour supprimer un champ du formulaire

1.  Déplacez le curseur de votre souris sur le champ que vous souhaitez supprimer dans le formulaire.
   
2. Cliquez sur l'icône Supprimer. 
   

Prévisualiser le formulaire Web

 Prévisualisez le formulaire Web avant de le publier sur votre site Web.

 Pour prévisualiser le formulaire

1. Dans l'outil de création de formulaires, cliquez sur le lien Aperçu. 
   
   Vous pourrez alors voir un aperçu du formulaire. 
   
   
   

Étape 2 : Indiquer les détails du formulaire

1. Renseignez le champ URL de l'emplacement du formulaire. Il s'agit de la page Web où le formulaire Web sera hébergé. Elle doit commencer par « http:// » ou « https:// ». (par exemple, https://www.zylker.com/contact-us.html ). Cela permet d'éviter les spams et autorise uniquement les formulaires soumis via le domaine particulier à être capturés en tant qu'informations valides. Ajoutez plusieurs URL en cliquant sur le bouton Ajouter après avoir ajouté une URL d'emplacement. Si vous prévoyez d'héberger les formulaires Web à un emplacement non confirmé pour le moment, saisissez * dans ce champ. De cette façon, le formulaire est accepté depuis n'importe quel emplacement d'hébergement. 
   
   
   
2. Renseignez une URL de page de destination. Le visiteur qui soumet le formulaire est redirigé vers l'URL spécifiée ici. Elle doit commencer par  « http:// » ou « https:// ». 
   
   La longueur de l'URL de retour ne doit pas dépasser 255 caractères. (par exemple, https://www.zylker.com/thank-you.html ) 
   
   
   
3. Choisissez l'une des options suivantes pour pour attribuer un propriétaire aux enregistrements soumis via le formulaire Web. 
   
   • Sélectionner un utilisateur : sélectionnez un utilisateur dans la liste déroulante. Tous les enregistrements générés via le formulaire seront attribués à l'utilisateur sélectionné. 
     
   • Créer ou sélectionner une règle d'attribution [Module] pour attribuer la propriété : sélectionnez une règle d'attribution existante ou créez-en une nouvelle. Les enregistrements seront attribués aux utilisateurs en fonction des règles que vous définissez. Grâce aux règles d'attribution, vous pouvez mettre en œuvre la méthode circulaire pour attribuer les enregistrements aux utilisateurs.  Voir également  Règles d'attribution 
     
4. Ajoutez les balises appropriées, le cas échéant, depuis la liste des balises existantes pour le module.  
   
   La balise choisie sera ajoutée à tous les enregistrements recueillis sur le formulaire Web. 
   
5. Activez le bouton Activer la double confirmation. 
   
   Notez que cette option ne peut être utilisée que si le champ d'adresse principal est ajouté au formulaire Web. Lorsqu'un formulaire Web avec double confirmation est soumis, un e-mail de confirmation est envoyé au visiteur pour procéder à une vérification supplémentaire.
   
6. Activez l'option Prévenir le propriétaire de [Enregistrement], si nécessaire, et sélectionnez un modèle d'e-mail qui sera envoyé au propriétaire de l'enregistrement. Lorsqu'un e-mail de notification doit être envoyé à des utilisateurs au sein de l'organisation, il est envoyé en tant que notification provenant de l'adresse e-mail notifications@zohocrm.com. 
   
7. Activez l'option Confirmer au visiteur si vous souhaitez envoyer un e-mail à la personne qui a soumis le formulaire Web. Après avoir sélectionné le modèle d'e-mail, vous serez invité à remplir les champs De et Répondre à. 
   
   Ici, vous pouvez choisir l'une de ces options dans la liste déroulante : 
   
   •  adresse e-mail de votre compte
     
   •  adresse e-mail de l'organisation
     
   •  adresse e-mail du propriétaire de l'enregistrement
     
   •  autre adresse e-mail de l'utilisateur
     
8. En utilisant une règle de réponse automatique : utilisez l'une des règles de réponse automatique existantes. Sur la base des détails collectés à l'aide du formulaire Web, les règles de réponse automatique peuvent être déclenchées pour envoyer des e-mails spécifiques. 
   
   Lorsque les informations recueillies à partir du formulaire Web ne répondent pas aux critères de la règle de réponse automatique, le modèle d'e-mail choisi dans la deuxième option sera envoyé en tant qu'e-mail de confirmation.
   
9. Réponse par défaut pour tous les visiteurs : choisissez un modèle d'e-mail qui sera envoyé aux leads générés via ce formulaire Web. 
   
   
10. Activez l'option Suivi des visiteurs et sélectionnez le portail dans la liste déroulante. Si vous avez activé cette fonctionnalité, le code de suivi des visiteurs sera automatique inclus dans le code de votre formulaire Web (applicable seulement pour les formats Code source et Code d'intégration). 
    
     
    
    • Si vous choisissez le format Code iFrame dans  Options d'intégration, vous devez ajouter manuellement le code de suivi des visiteurs ainsi que le code iFrame dans votre page Web. Pour le format de code iFrame seul, le code de suivi des visiteurs n'est pas automatiquement inclus avec le code. Pour les formats Code source  et  Code d'intégration, le code de suivi des visiteurs est inclus automatiquement. 
      
      Pour trouver le code de suivi des visiteurs à intégrer, accédez à Configuration > Canaux > Tchat et copiez le code depuis la page Suivi des visiteurs.
      
    • Si vous n'avez pas activé la fonctionnalité Suivi des visiteurs, il vous sera demandé de créer un portail pour commencer à utiliser cette fonctionnalité. 
      
11. Cochez la case Demande d'approbation si vous souhaitez soumettre les enregistrements pour approbation. Voir également Approuver les enregistrements 
    
    
    
    Notez que les utilisateurs disposant de l'autorisation Approbation de formulaires Web vers leads/contacts/dossiers peuvent approuver les enregistrements.
    
12. Cliquez sur Enregistrer. 
    

Étape 3 : Utiliser le code du formulaire Web pour son intégration

Le code du formulaire Web est disponible en trois formats : Code source, Code d'intégration, et Code iFrame. Le code est également disponible pour certains sites tiers (WordPress, Facebook, Google Sites et Joomla). Veuillez noter que le code de script et le code iFrame sont uniquement disponibles dans les éditions payantes. 

Pour intégrer le code du formulaire Web 

1. Sélectionnez le code Source, Intégration ou iFrame dans la liste, selon vos besoins.
     
   
2.  Copiez et collez le code sur le site Web où vous voulez héberger le formulaire Web.
   
3. Cochez la case Suivre les enregistrements et les informations Google Ads via les formulaires Web, si vous le souhaitez. 
   
   Copiez le code de suivi affiché et collez-le en bas de chaque page de votre site Web, juste avant la balise </body>. 
   
   Notez que ce code de suivi Google Ads n'apparaît que si vous êtes un utilisateur de Google Suite et que vous avez activé l'intégration de Google Ads.
   
4. Cliquez sur Terminé. 
   

Activer la double confirmation

La double confirmation est un processus dans lequel les utilisateurs confirment deux fois qu'ils remplissent volontairement le formulaire Web et qu'ils sont intéressés par ce que vous proposez. Elle vous permet d'obtenir des leads de qualité, ainsi que de consacrer du temps et des ressources aux personnes qui veulent vous connaître. Lorsque vous activez le mécanisme de double confirmation pour les formulaires Web, les clients qui soumettent leurs informations doivent confirmer leur envoi avant que leurs données ne soient transférées dans Zoho CRM.  

 Les deux étapes de la double confirmation sont les suivantes :

1. Un utilisateur renseigne son adresse e-mail ainsi que d'autres détails et soumet le formulaire sur votre site Web. 
   
2. Un e-mail de confirmation est envoyé à l'adresse e-mail fournie par l'utilisateur. L'utilisateur doit cliquer sur le lien se trouvant dans l'e-mail et valider. 
   

 Pour activer la double confirmation pour votre formulaire Web

1. Accédez à Configuration > Developer Space > Formulaires Web. 
   
2. Sur la page Formulaires Web, sélectionnez le Module dans la liste déroulante. 
   
   Les formulaires Web existants pour le module sélectionné sont répertoriés.
   
3. Cliquez sur Créer un formulaire Web ou choisissez l'un des formulaires Web existants. 
   
4. Dans l'outil de création de formulaires Web, modifiez le formulaire si nécessaire et cliquez sur Étape suivante. 
   
5. Dans la fenêtre contextuelle Détails du formulaire, activez le bouton Activer la double confirmation. 
   
   Notez que cette option ne peut être utilisée que si le champ d'adresse principal est ajouté au formulaire Web. Lorsqu'un formulaire Web avec double confirmation est soumis, un e-mail de confirmation est envoyé au visiteur pour procéder à une vérification supplémentaire.
   
6. Cliquez sur Enregistrer. 
   
7.  Publiez le nouveau code de formulaire Web généré sur votre site Web.
   

1. Sélectionnez le formulaire Web souhaité dans la liste et cliquez sur l'icône Plus.
   
2. Cliquez sur Cloner.
   
   
3. Sélectionnez la disposition souhaitée dans la liste déroulante.
   Vous ne pouvez pas modifier le module du formulaire Web.
4. Sur la page de création du formulaire Web, ajoutez ou supprimez des champs ou effectuez les personnalisations souhaitées.
   
5. Cliquez sur Aperçu pour voir et confirmer les modifications.
   
6. Cliquez sur Suivant puis sur Enregistrer.
   
7. Sur la page Options d'intégration, sélectionnez le Format de code (source, intégration ou iFrame).
   
8. Cliquez sur Copier le code et Terminé pour enregistrer le formulaire Web cloné.